/********* CUSTOM CSS BEGIN **********/

body {
  background-color: rgb(255, 255, 255);
  font-size: 18px;
}

body,
p,
.dc-chart,
.AnyTime-win,
.AnyTime-pkr .AnyTime-btn,
.AnyTime-pkr th.AnyTime-dow {
  color: #000;
  font-family: Jost, sans-serif;
}

p {
  font-size: 1em;
}

.main-body > .row {
  background-color: rgb(255, 255, 255);
}

.quickfile .button-group-w-arrow.expanded .button.dropdown {
  border-left-color: rgb(255, 255, 255);
}

h1, h2, h3, h4, h5, h6 {
  font-family: Jost, sans-serif;
}


.public-page.panel {
  border: none;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  padding: 0;
}

.ui-widget textarea,
button,
.button,
.label,
.ui-tabs,
ul.menu li > a,
.menu li.active > a:first-child:not(.button),
.menu, body,
.tabs li > a, .tabs .tab-title > a {
  font-family: Jost, sans-serif;
}

.button,
button {
  background: rgb(0, 51, 102);
}

.button.secondary,
button.secondary {
  color: rgb(0, 51, 102);
  border: 1px solid rgb(0, 51, 102);
}

/*.top-bar,*/
body > header > .masthead {
  background: rgb(255, 255, 255) url(https://s3.amazonaws.com/production.east.xinspire.com/aps/variables/header_images/000/000/001/original/header-impact.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIA6QYBRNIQMW72VWN6%2F20251213%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20251213T185214Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEFkaCXVzLWVhc3QtMSJIMEYCIQDToQR07F7O9kW4NsuTVRGq5MwvYJFr5acr8%2BrXocyINAIhAP0KdggKB7EHu3CULjmskexyMxy2jC5AjSImPB9twrnyKrIFCCEQBRoMOTk4MDQ2MjYzODQwIgyuro%2F9F6EPnU3sWDYqjwV5tILGqpGn69z57fZuWihFnjVgmwLG3XlYXxW5HNdlZpI14HP48jv7wcYsefjhidMTUnyX0tFf6dHNrDFi0eHqEigPdk%2BIjMqix%2BYoMSb2Fwy%2F3XRDPMLZjo8gDrecVGyNLq6bJqgOEKwNZ4%2BrMgG2Xqpd%2FiRJJ4zbH3mjI%2BJ6Zj9st7Ga%2FNtnKofQxfObDJ%2BcvALIKzIFbL%2F9pQZy9%2FKae0OnhnnemQho02BKn3LzP61Fu1trZld7ES0aMJhRBkTFc502CB7NxdJ7HVL2rim2pj2qAalJl9GZh5NwwEgXh30JvGeTSFcZo7n3t5SvaP8gTqy5zq5oGv9JhteiWRIUkjJx2WT8Zl5mzwPav5CTAA58lUc4BX1w1RIfZMY09FsIw8L6tn2RsAl%2F88H%2F50u0dA%2BIcegpgSG8uX6YdbfSwj0%2Frx5fnGw1TJZxqPESujlcBBgDOxwfStEw45tp5GFdJtacmqXLoLqqcBWYjN%2FRKkkqA3lAvdisb3WkbsMAYk6zVc76lHJ6JsuERvVRkDix8YIzhMqi948BawAbO7q%2FBWRqCdUUlFNAXZHGf9EDhD%2Fb3E8CM2GFlGQOzeQmxIKmRwQ77RZ22OENXYg27Bn7wl5QlNCz%2BKlekm15Fz7%2BD9D%2FedRlf9IWYlby%2F8s5ri1L9M%2FgKxb8Aw00tm5hnRSgRxDi76zUFlRd0zLiXqy8BqftKL1A16J%2Bg0AEg3QDfMrQn8Wi2x4b1Wcp3vQ8NbOQRS4P4x6GSrfrCbGXMqGlXQIdFqBh2jaJ8Sls%2BgwnWxWTB99cL7SKHxq%2B4K9ONmWxpHRA5lvAEX57PGV0A7qXAtYOcIjETCjxFsRAGUKfv9olS%2BR29i67ly%2FIbtq317xnMO2d9skGOrABTTEMoaGcD14pmQLjdb78D7D3JkxIWNGTDw1k7WOEwPGI7nlms8V2YPDCKQj9XBydUsEb44ryEgl0kBTnp1LDtw2vzJgOhZ6GOKPazzWCmWI7A8O4khgQUPT2E%2B%2FS5pLhexhoLw7TyFOxbtIQzCRInvzHWcbIt%2B1OdLPr9tifsZqMtS5xjJJzRk1Pp1VAE7F4toWyA094wjfWCId0EsISuV1dD%2BhBzb0Cuv3R9CVKMAM%3D&X-Amz-Signature=bee580a2d12820fce29dc2df2ced35e48c7931aa732f62347947ffdd8411db62) no-repeat center top;
}

#admin-footer {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 53, 59);
}

/* admin forms */
.admin-side i.fa-arrows {
  color: rgb(0, 51, 102);
}

.admin-side .admin-actions .primary.toggle-button,
.admin-side .admin-actions .primary.toggle-button-large {
  background-color: rgb(0, 51, 102);
  color: white;
}

.admin-side .admin-actions .secondary.toggle-button,
.admin-side .admin-actions .secondary.toggle-button-large,
.admin-side form.new_saved_email .selectize-input {
  background-color: transparent;
  border: 1px solid rgb(0, 51, 102);
  color: rgb(0, 51, 102);
}
/* admin forms end */

ul.menu li {
  background-color: transparent;
}

/* Header Nav */

#site-top-bar .menu-icon a span::after {
  box-shadow: 0 0px 0 1px rgb(44, 53, 59), 0 7px 0 1px rgb(44, 53, 59), 0 14px 0 1px rgb(44, 53, 59);
}

.main-nav,
.main-nav.top-bar,
.main-nav.top-bar ul,
.main-nav .top-bar,
.main-nav .top-bar ul,
#site-top-bar a,
#site-top-bar .menu-icon a,
#site-top-bar ul.menu .dropdown li:not(.active) > a:not(.button) {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 53, 59);
}

#site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #fff;
  color: rgb(0, 116, 191);
}

#site-top-bar {
  background-color: transparent;
}

#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: rgb(44, 53, 59) transparent transparent;
}

#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:focus::after,
#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: rgb(0, 116, 191) transparent transparent;
}

#site-top-bar ul.menu .dropdown li:not(.active):hover > a:not(.button)
#site-top-bar ul.menu ul li:hover > a,
#site-top-bar ul.menu li a:not(.button):hover,
#site-top-bar ul.menu li.active a:not(.button):hover,
#site-top-bar ul.menu li.active a:not(.button) {
  background-color: #fff;
  color: rgb(0, 116, 191);
}
/* User Top Nav */

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: rgb(44, 53, 59) transparent transparent;
}

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
  border-color: rgb(0, 116, 191) transparent transparent;
}

.user-side .main-nav,
.user-side .main-nav .top-bar,
.user-side .main-nav .top-bar ul,
.user-side #site-top-bar a {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 53, 59);
}

.user-side #site-top-bar ul.menu .dropdown li:not(.active):hover > a:not(.button)
.user-side #site-top-bar ul.menu ul li:hover > a,
.user-side #site-top-bar ul.menu li a:not(.button):hover,
.user-side #site-top-bar ul.menu li.active a:not(.button):hover,
.user-side #site-top-bar ul.menu li.active a:not(.button) {
  background-color: #fff;
  color: rgb(0, 116, 191);
}

.user-side #site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #fff;
  color: rgb(0, 116, 191);
}

/* Admin Nav */
/*#admin-nav-bar li.is-submenu-item.is-dropdown-submenu-item.is-dropdown-submenu-parent > a:after {
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgb(0, 51, 102);
}

#admin-nav-bar li.is-submenu-item.is-dropdown-submenu-item.is-dropdown-submenu-parent > a:hover::after {
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgb(185, 186, 51);
}*/

/* User Nav */
/*.icon-bar a,
.icon-bar a i,
.icon-bar a span.label,
.nav-wrapper.user,
.user > .menu,
.user > .menu a,
.user > .menu .menu-icon a,
.user > .menu li a:not(.button),
.user.expanded .menu .title-area,
.program-dropdown-selector .dropdown.menu .is-active > a,
.user.menu {
  background-color: rgb(246, 244, 242);
  color: rgb(0, 0, 0);
}
*/
/* Use top nav color if there is no public nav on user home */
.nav-wrapper.user.no-public-nav,
.nav-wrapper.user.no-public-nav .menu.cell,
.nav-wrapper.user.no-public-nav .user ul.menu li,
.nav-wrapper.user.no-public-nav .user ul.menu li.is-submenu-item.is-active,
.nav-wrapper.user.no-public-nav .user ul.menu li.is-submenu-item.is-active > a[role="menuitem"] {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 53, 59);
}

.nav-wrapper.user.no-public-nav .user ul.menu li.menu-text,
.nav-wrapper.user.no-public-nav .user ul.menu li > a {
  color: rgb(44, 53, 59);
}

.top-bar.user .menu-icon a span::after {
  box-shadow: 0 0px 0 1px rgb(0, 0, 0), 0 7px 0 1px rgb(0, 0, 0), 0 14px 0 1px rgb(0, 0, 0);
}

.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after, /* when hovering */
.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after /* when clicked */ {
  border-color: transparent transparent transparent rgb(44, 53, 59);
}

.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after, /* when hovering */
.nav-wrapper.user.no-public-nav .user .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.is-active > a::after /* when clicked */ {
  border-color: transparent rgb(44, 53, 59) transparent transparent;
}

/*.user .menu .icon-bar a:hover,
.user .menu .icon-bar a:hover span.label,
.user .menu .icon-bar a.active,
.user .menu .icon-bar a.active i,
.user .menu .icon-bar a.active span.label,
.user .menu ul li:hover > a,
.user .menu ul li:hover > a i,
.user .menu li a:not(.button):hover,
.user .menu li.active a:not(.button):hover,
.user .menu li.active a:not(.button) {
  background-color: rgb(0, 91, 161);
  color: rgb(255, 255, 255);
}
*/

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-left > a::after {
  border-color: transparent rgb(44, 53, 59) transparent transparent;
}

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent transparent transparent rgb(44, 53, 59);
}

.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a::after,
#public-nav ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
/*  border-color: rgb(0, 0, 0) transparent transparent;*/
  border-top-style: none;
}

/* remove the dropdown arrows for admin icon bar */
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a.active::after,
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
.icon-bar.dropdown.menu > li.is-dropdown-submenu-parent > a:focus::after {
/*  border-color: rgb(255, 255, 255) transparent transparent;*/
  border-top-style: none;
}



/* Public Nav */

#public-nav .menu li a:not(.button),
#public-nav .menu li > a,
#public-nav {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

#public-nav {
  background-color: rgb(35, 83, 134);
}

#public-nav ul.menu li:hover,
#public-nav ul.menu li:hover > a,
#public-nav ul.menu li a:not(.button):hover,
#public-nav ul.menu li.active,
#public-nav ul.menu li.active a:not(.button):hover,
#public-nav ul.menu li.active a:not(.button) {
  background-color: rgb(4, 52, 101);
  color: rgb(255, 255, 255);
}

#public-nav ul.dropdown.menu li.is-submenu-item a {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 51, 102);
}

#public-nav ul.dropdown.menu li.is-submenu-item a:hover {
  color: rgb(0, 116, 191);
}

/* Side Nav */
.icon-bar .submenu a,
.icon-bar .submenu a i,
.is-dropdown-submenu {
/*  background-color: #fff; */
  color: rgb(0, 51, 102);
}


.sidenav .menu li a {
  color: black;
}

.sidenav .menu li.active a {
  color: rgb(0, 51, 102);
  font-weight: bold;
}

.sidenav .menu li:hover a,
.sidenav .menu li:focus a,
.sidenav .menu li a:hover,
.sidenav .menu li a:not(.button):hover {
  font-weight: bold;
  color: rgb(0, 51, 102);
}

.sidenav .menu li.active:hover a,
.sidenav .menu li.active:focus a,
.sidenav .menu li.active a:hover,
.sidenav .menu li.active a:not(.button):hover {
  /*background-color: rgb(0, 116, 191);*/
  color: rgb(0, 116, 191);
}


ul.dropdown.menu li ul.submenu button:hover,
ul.dropdown.menu li ul.submenu a:hover,
#admin-nav-bar ul.dropdown.menu li ul.submenu li.active a,
#admin-nav-bar ul.dropdown.menu li ul.submenu li a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 53, 59);
}

.items-toolbar ul.dropdown.menu li ul.submenu button:hover,
.items-toolbar ul.dropdown.menu li ul.submenu a:hover,
.items-toolbar ul.dropdown.menu li ul.submenu li a:hover {
  background-color: rgb(0, 51, 102);
  color: white;
}

.items-toolbar .actions .submenu .fa,
.items-toolbar .actions .submenu .far,
.items-toolbar .actions .submenu .fas,
.items-toolbar .actions .submenu .fal,
.items-toolbar .actions .submenu .fab {
  color: rgb(0, 51, 102);
}

.items-toolbar ul.dropdown.menu li ul.submenu button:hover i,
.items-toolbar ul.dropdown.menu li ul.submenu a:hover i {
  color: white;
}

/* User side nav submenu triangle */
.sidenav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: black transparent transparent;
  /*color: black;*/
}

.sidenav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover::after {
  border-color: rgb(0, 51, 102) transparent transparent;
}

.thredded--post .thredded--post--content a,
.thredded--preview-area--post.thredded--post--content a {
  color: rgb(0, 51, 102);
}

.thredded--pending-moderation .thredded--moderation-navigation--pending a, .thredded--moderation-history .thredded--moderation-navigation--history a, .thredded--moderation-users .thredded--moderation-navigation--users a, .thredded--moderation-user .thredded--moderation-navigation--users a, .thredded--moderation-activity .thredded--moderation-navigation--activity a, .thredded--moderation-navigation--item a:active, .thredded--navigation-breadcrumbs a:active, .thredded--user-navigation--item a:focus, .thredded--moderation-navigation--item a:focus, .thredded--navigation-breadcrumbs a:focus, .thredded--moderation-navigation--item a:hover, .thredded--topics--title, .thredded--topics--updated-by a, .thredded--navigation-breadcrumbs a, .thredded--post--user a, .thredded--topic-header--started-by a {
  color: rgb(0, 51, 102) ;
  background-color: #fff;
}

.thredded--user-navigation--item a:hover, .thredded--user-navigation--item a:focus {
  background-color: transparent;
  color: rgb(185, 186, 51);
}

.thredded--user-navigation--item a, .thredded--user-navigation--item.thredded--is-current a {
  color: rgb(0, 51, 102) ;
}

header.thredded--messageboard--header .thredded--messageboard--title-no-image,
.community-topic-header-no-image {
  background-color: rgb(0, 51, 102);
  color: #fff;
}

.document-card-view header.document-card-header div.document-card-header-no-image {
  background-color: rgb(0, 51, 102);
  color: white;
}

.document-card-view header.document-card-header .title-text a {
    color: #fff;
  }
}

.thredded--topics--title a {
  color: rgb(0, 51, 102) ;
}

.thredded--topics--title a:hover,
.thredded--topics--updated-by a:hover, .thredded--navigation-breadcrumbs .active a, .thredded--navigation-breadcrumbs a:hover, .thredded--user-navigation--item a:hover, .thredded--post--user a:hover, .thredded--topic-header--started-by a:hover, #thredded--container a:hover {
  color: rgb(0, 116, 191);
}

#thredded--container a.button:hover {
  color: rgb(0, 51, 102);
}

/* Regular buttons */
.AnyTime-pkr th.AnyTime-dow,
.ui-widget-content a.button.secondary,
button.secondary:not(.hollow),
.button.secondary:not(.hollow) {
  color: rgb(0, 51, 102);
  border: 1px solid rgb(0, 51, 102);
  /*background-color: #eee;*/
  background-color: transparent;
}

.submenu button.secondary:not(.hollow),
.submenu .button.secondary:not(.hollow),
.submenu .button.alert {
  border: none;
}

button.arrow-only.secondary:not(.hollow)::after,
.button.arrow-only.secondary:not(.hollow)::after {
  border-top-color: #000;
}

.dropdown.menu .is-active > a.button.secondary,
.ui-widget-content a.button.secondary:hover,
ul.pagination li.current a:hover, ul.pagination li.current button:hover,
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover,
.grid-cell .actions a:hover,
.button.secondary:not(.hollow):hover,
.button.secondary:not(.hollow):focus {
  color: white;
  background-color: rgb(0, 51, 102);
}

/* For secondary dropdown menu buttons */
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary::after {
  border-color: #000 transparent transparent;
}

.dropdown.menu .is-active > a.button.secondary::after,
.dropdown.menu > li.is-dropdown-submenu-parent.is-active > a.secondary::after,
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary:not(.hollow):focus::after,
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary:not(.hollow):hover::after {
  border-color: rgb(255, 255, 255) transparent transparent;
}

/* Inverted buttons */
button.inverted,
.button.inverted {
  background-color: #000;
  color: #eee;
}

button.inverted:hover,
.button.inverted:hover {
  background-color: #000;
  color: #eee;
}

/* Transparent buttons */
.ui-widget-content a.button.transparent,
button.transparent,
.button.transparent,
button.transparent:focus {
  color: #000;
}

.ui-widget-content a.button.transparent:hover,
button.transparent:hover,
.button.transparent:hover {
  color: rgb(0, 51, 102);
}

/* Trash icon to remove fields */
.button.transparent.remove_fields,
.button.transparent.delete-row {
  color: rgb(0, 51, 102);
}

button.arrow-only.transparent:not(.hollow)::after,
.button.arrow-only.transparent:not(.hollow)::after {
  border-top-color: #000;
}

.ui-widget-content a.button.transparent:hover,
.button.transparent:not(.hollow):hover,
.button.transparent:not(.hollow):focus {
  color: #000;
}

.sort-links .button.active,
.pagination .current,
ul.pagination li.current a,
ul.pagination li.current button {
  color: rgb(255, 255, 255);
  background-color: rgb(102, 102, 102);
}

a.button.disabled {
  color: black;
}


button.menu-icon,
button.menu-icon:not(.hollow):not(.transparent):hover,
button.menu-icon:not(.hollow):not(.transparent):focus {
  background: transparent;
}


.button.secondary:not(.hollow):hover p,
.button.secondary:not(.hollow):focus p {
  color: rgb(255, 255, 255);
}

/* Primary buttons */
a.button,
#skip-links a,
#ui-datepicker-div .ui-datepicker-current-day a,
.AnyTime-pkr .AnyTime-cur-btn,
.label,
.selectize-dropdown .active,
.selectize-dropdown .active.create,
button,
.button,
button.primary,
.button.primary,
.pagination-container .current,
.thredded--button, .thredded--form--submit {
  color: white;
  background-color: rgb(0, 51, 102);
}

ul.dropdown a.button.primary::after {
  border-color: #fff transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: white transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a.disabled::after {
  border-color: black transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
  border-color: rgb(0, 51, 102) transparent transparent;
}

.button.primary .fa, button.primary .far, button.primary .fas, button.primary .fal, button.primary .fab,
button.primary .fa, button.primary .far, button.primary .fas, button.primary .fal, button.primary .fab {
  color: #fff;
}

.ui-widget-content a.button:hover,
#ui-datepicker-div .ui-datepicker-current-day,
#ui-datepicker-div button,
.AnyTime-pkr .AnyTime-cur-btn.ui-state-focus,
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a,
button:hover,
button:focus,
.button:hover,
.button:focus,
button.primary:hover,
.button.primary:hover,
/*button:not(.hollow):not(.transparent):hover,
button:not(.hollow):not(.transparent):focus,
.button:not(.hollow):not(.transparent):hover,
.button:not(.hollow):not(.transparent):focus,*/
button.primary:focus,
.button.primary:focus,
.thredded--button:hover, .thredded--form--submit:hover, .thredded--button:focus, .thredded--form--submit:focus {
  color: white;
  background-color: rgb(0, 116, 191);
}

.slick-dots .button:not(.hollow):not(.transparent):hover,
.slick-dots button:not(.hollow):not(.transparent):hover,
.slick-dots .button:not(.hollow):not(.transparent):focus,
.slick-dots button:not(.hollow):not(.transparent):focus {
  background-color: transparent;
}

.date-badge,
a,
a.remove_fields,
ul.pagination li a,
ul.pagination li button,
.sp-cancel {
  color: rgb(0, 51, 102);
}

#ui-datepicker-div .ui-datepicker-current-day,
.menu li a:not(.button):hover,
a:hover, a:focus {
  color: rgb(0, 116, 191);
}

.criterion-data .read-more,
.criterion-data .read-less {
  color: white;
  background-color: rgb(0, 51, 102);
}

button[disabled], .button[disabled], button.disabled, .button.disabled {
  background: #aaa;
  border-color: #bbb;
}

button[disabled]:hover, .button[disabled]:hover, button.disabled:hover, .button.disabled:hover,
button[disabled]:focus, .button[disabled]:focus, button.disabled:focus, .button.disabled:focus {
  background: #999;
  border-color: #aaa;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'],
.tabs-title > a, tabs-title-alt > a:focus, .tabs-title-alt > a[aria-selected='true'], .tabs-title-alt > a,
.match {
  color: #000;
}

.toggle-button {
  border: 1px solid rgb(0, 51, 102);
}


.fc-state-default {
  color: #333 !important;
}

.fc-state-default:hover {
  background: inherit;
}

.slick-slide:focus {
  outline: none;
  background: #181818;
}

/*********************************
 * Banner
 *********************************/

.flex-video { padding-top: 0; padding-bottom: 56.25%; }



/*********************************
 * Hopscotch
 *********************************/

.hopscotch-content {
  color: #000;
  font-family: Jost, sans-serif;
}

div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.prev {
  color: #fff;
  background: rgb(0, 51, 102);
  border: none;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover,
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  color: #fff;
  background: rgb(0, 116, 191);
}

div.hopscotch-bubble {
  border-radius: $global-radius;
  border-color: rgb(0, 51, 102);
}

div.hopscotch-bubble .hopscotch-bubble-number {
  background: rgb(0, 51, 102);
  color: $white;
  border-radius: 1000px;
  padding-right: 0px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top-color: rgb(0, 51, 102);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom-color: rgb(0, 51, 102);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left-color: rgb(0, 51, 102);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right-color: rgb(0, 51, 102);
}

#thredded--container p,
#thredded--container a,
#thredded--container label,
#thredded--container time,
#thredded--container input,
#thredded--container {
  font-family: Jost, sans-serif !important;
}

/********* CUSTOM CSS END **********/

a.button.secondary, .button.secondary, button.secondary, input[type="submit"].secondary{
  background-color: #eeeeee;
  color: #000000;
}

a.button.secondary:hover, .button.secondary:hover, button.secondary:hover, input[type="submit"].secondary:hover {
  background-color: #666666;
  color: #ffffff;
}

.button, .button.primary, button, input[type="submit"] {
  background-color: #1E5BA1;
  color: #ffffff;
}

.button:hover, .button.primary:hover, button:hover, input[type="submit"]:hover {
  background-color: #666666;
  color: #ffffff;
}


/*

* {
color: var(--color);
}


h1, h2, h3, h4, h5, h6 {
  font-family: Jost, sans-serif;
}

body,
p,
.dc-chart,
.AnyTime-win,
.AnyTime-pkr .AnyTime-btn,
.AnyTime-pkr th.AnyTime-dow {
  font-family: var(--brandFont);
color: var(--color);
}

h1:has(span) span {
  color: red;
  font-family: Jost, sans-serif;
}

*/
:root {
  --brandFont: "Jost", sans-serif;
  --primary1: #00538b;
  --primary2: #0074bf;
  --primary3: #00b388;
  --secondary1: #043465;
  --secondary2: #00c898;
  --secondary3: #951d54;
  --bodyBg: white;


  --gray100: #f4f2ed;
  --gray200: #dbdad7;
  --gray300: #c2c3c1;
  --gray400: #a9abaa;
  --gray500: #909394;
  --gray600: #777c7e;
  --gray700: #5e6468;
  --gray800: #454d51;
  --gray900: #2c353b;

  --text: var(--gray900);
  --text-dark: black;
  --link: var(--primary2);

  --maxWidth: 1300px;

  --baseFontSize: 1rem;
  --baseFontWeight: 350;
  --baseLineHeight: 1.5;

  --h1Scale: calc(var(--baseFontSize) * 2.5);
  --h1Weight: 600;

  --h2Scale: calc(var(--baseFontSize) * 2);
  --h2Weight: 450;

  --bigShadow: drop-shadow(0 0.5em 2em rgba(0, 0, 0, 0.15));
  --colGap: 2rem;
}

a {
  color: var(--primary2);
}


@media screen and (min-width: 900px) {
  :root {
    --colGap: 4rem;
  }


  .menu.vertical.medium-horizontal {
    display: flex;	
  }

}

.top-bar {
  padding-left: 1rem;
  padding-right: 1rem;
}

.masthead .logo img {
  margin-left: 0;
}

.masthead .logo:nth-child(2) {
  display: none;
}

.masthead {
  position: relative;
  padding-bottom: 1rem;
}

.public-nav ul.menu li a, 
#public-nav ul.menu li a {
  font-weight: 500 !important;	
  position: relative;
}


#public-nav ul.menu li.active,
#public-nav ul.menu li.active a:not(.button):hover,
#public-nav ul.menu li.active a:not(.button) {
  background: var(--primary2) !important;
  color: white !important;
}

#public-nav ul.menu li.active:hover a:before {
  background: white !important;
}

#public-nav ul.menu li:hover,
#public-nav ul.menu li:hover > a,
#public-nav ul.menu li a:not(.button):hover {

}

.public-nav ul.menu li:hover a:before, 
#public-nav ul.menu li:hover a:before {
  content: "";
  height: 5px;
  position: absolute;
  top: -5px;
  left: 0;
  background: var(--primary3);
  width: 100%;
}


/* @media screen { */

  body {
    font-size: 1rem;
  }

.title-bar {
  background-color: var(--primary1);
  display: flex;
  /* align-items: flex-end; */
  justify-content: flex-end;
}

.title-bar-title {
  display: none;
}

  .main-body > .grid-container {
    padding-left: 1rem; 
    padding-right: 1rem; 
  }

  html h1,
  html h1#mainpagetitle {
    font-size: 2.5rem !important;
    font-weight: 600 !important;
  }

  html h2 {
    margin-top: 1em;
    font-size: 2rem !important;
  }

  html h3 {
    font-size: 1.6rem !important;
  }

  html h4 {
    font-size: 1.4rem !important;
  }

  html h5 {
    font-size: 1.2rem !important;
  }

  html p {
    font-size: 1.2rem;
  }


.button {
  font-size: 1.1rem;
  font-weight: 500;
  border-radius: 0 !important;
  margin: 0;
  padding: 1.4em 5.5em 1.4em 1.5em;
  background: var(--primary2) !important;
  position: relative;
  border: 0 !important;
  display: inline-flex;
  align-items: center;
}

.button:hover {
  background: var(--primary1) !important;
}

.button:hover:after {
  background: var(--secondary1) !important;
}

.button:focus {
  border-radius: 0;
  outline: 1px solid var(--primary2);
  outline-offset: 1px;
}

.button:after {
  background-color: var(--primary1);
  content: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6993 6.3087L8.16549 1.77493L9.53698 0.403438L16.412 7.27849L9.69172 13.9988L8.32022 12.6273L12.6993 8.24829L0.41127 8.24829L0.41127 6.3087L12.6993 6.3087Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
}

.button.alert {
  padding-right: 1.5em;
}

.button.secondary {
  background-color: white !important;
  border: 0 !important;
  color: var(--gray900) !important;
  padding: .75rem 3.5rem .75rem 1rem !important;
}

.button.secondary::after {
  background-color: var(--primary3);
  content: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6993 6.3087L8.16549 1.77493L9.53698 0.403438L16.412 7.27849L9.69172 13.9988L8.32022 12.6273L12.6993 8.24829L0.41127 8.24829L0.41127 6.3087L12.6993 6.3087Z' fill='%232c353b'/%3E%3C/svg%3E%0A");
  color: var(--primary3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
}


.button.alert {
  background: red !important;
  color: white;
}

.button.alert::after {
  content: "";
  display: none;
}

 .button:has(:not(i))::after {
  display: none;
  padding-right: 1.5rem;
 }




  

  

  html a, 
  html button, 
  html .button, 
  html h1, 
  html h2, 
  html h3, 
  html h4, 
  html h5, 
  html h6,
  html .menu,
  html .menu li a,
  html p,
  html .button,
  html .label {
    font-family: var(--brandFont) !important;
  }

  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6 {
    line-height: 1.2;
  }


  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html bold,
  html strong {
    font-weight: 600 !important;
    color: var(--text) !important;
  }

  .home-intro,
  .bodycopy {
    max-width: 95ch;
  }

  .home-hero {
    border-top: 5px solid var(--gray900);
    border-bottom: 5px solid var(--gray900);
    margin-bottom: 3rem;
    padding: 1rem 0;
  }
  
  @media screen and (min-width: 800px) {
    .home-hero {
      padding: 3rem;
    }    
  }


  .home-hero h1 {
    font-size: 3.5rem;
  }

  .home-hero img {
    filter: var(--bigShadow);
  }

  .home-hero *:last-child {
    margin-bottom: 0;
  }

  /* .home-hero *:empty {
    display: none;
  } */

  .cols {
    display: grid;
    gap: var(--colGap);
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }

  .bodycopy ul,
  .bodycopy ol {
    padding-left: 2em;
  }

  iframe[src*="youtube"] {
    aspect-ratio: 16 / 9;
    display: block;
    width: 100%;
  }


.post-content {
  border-top: 1px solid var(--primary3);
  border-bottom: 1px solid var(--primary3);
  margin: 2rem 0;
  padding: 2rem 0 1rem 0;
}

/* } */