/********* 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=ASIA6QYBRNIQLYJBSEGN%2F20250811%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250811T121617Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMSJHMEUCIQCnYlbz%2FZEVA7GmjLS4AvpMfZR%2BpS%2B%2FWGscE8yQHdnq3QIgGLd1wYAYzkBKeSSqKYpje%2BT3oEQhRfwg2jJO7xvEwE8qvAUI6v%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FARAFGgw5OTgwNDYyNjM4NDAiDEUOFE8bUBlG0Z69aSqQBa%2BqcubOKy7WkfvB4VK7R%2F1Ss5hh75fNpnJ5cebbiEmo3lnOUZttmpKFuf5LzTqkyVaKXHBXEaHNiH%2B7ETXoL5ELYJFZtt46EX63mPhmCGlvRHTbFlQX1hDX7vT7XjO5NAV3xEPTjv80CxfIcLH70fc3r5LdqZohV9Bahro2bOR0ywhlnJckwTyhyfrcYpNYTB4dx472518tazzT80pyyZ6LYhe%2BypRxr8koJ7YKO0CbdLTGhUltd9p4AJE0lR7N9ehxKASFymqlKSKm85IkWk8OVwsvG%2FFV2voJU2TnpNFzCFLW9sgM7RWO1ktuLd5n7rHVZKof8exeRhpR59P0ZtrvKx4kiUiMvhC9ubQCnHMSVhMnholXGrhOKocpC033joJvSOuKdxpIRgnehNBlFFw1ZFzLBmuGK0Whs0Ry5rEArG4ONCFEDYf%2BpCNupyE8yI8dl7c3dTyM8wCwBaNXpRXF43nakEzMBSn2X2Tqlcno3V8oN9Ug2q%2FyI8FB8pWszfWJYBhp%2FSgJc5gwsxyrVmNJTTAuHXPXKM4fRCYSz3%2BoVzwXkoef1zXrHVfTD9ETDeoTQmPb%2FngxLGIvN4d7MjadNhqAlPNCfR5qWR3ZCcZgEcxK6azXRITCz60lVtquiIr936K7i5Tb27lU%2B0V%2FMELnW%2BjWiyfml1aavoyVsxmN81MG9v0gm4LIGiU67vPXcjkamWbRKJpjWnU3vzdcq9jm3PdAi07YY%2Fg4gwo0lsSNb1M7cKheTaNxaQacCCdXgInP53IA5DD8OHyNHSLK%2B0BpNGuUptXmN1921h4B1MEdOdXgcOIOispQqaL4PPnm2IekCMjeXjoQ3ZfouZ3yti0gT3EcLbhi0AwfmlZiUIbtMO%2Fr5sQGOrEBgHT%2F4Ir5zMfOAObFXfVBqckr4CZ1s7YBedju9U4RTBWUYKxsjBbqVOQFp9ijE312KWnaTL%2BW1%2FgDNomaaMc8Sv%2BIQBMRxtavjmx19Zqmyb5XTG2KmJsnGiTmTQCPM3Xj19y6tVsLwexu326ef3RxQMVXqQoMK9tm9EwJbQ5rlx%2Buf1fqKCW8sbkSFbp9ytqFHCDQpUagea3TdL2HL1%2Bbf0bkG3KMr1WcBYswtt99u4Zq&X-Amz-Signature=97883489a4f1ee41aa643909b276b05d9e346ae91f13130cd392696a3d9d4b84) 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 **********/