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

body {
  background-color: #fff;
  font-size: 18px;
}

body,
p,
.dc-chart,
.AnyTime-win,
.AnyTime-pkr .AnyTime-btn,
.AnyTime-pkr th.AnyTime-dow {
  color: #333;
  font-family: 'Merriweather', Georgia, Times New Roman, Times, serif;
}

p {
  font-size: 1em;
}

.main-body > .row {
  background-color: #fff;
}

.quickfile .button-group-w-arrow.expanded .button.dropdown {
  border-left-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'TradeGothicLTPro-BdCn20','Oswald', Arial Condensed, 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: 'Merriweather', Georgia, Times New Roman, Times, serif;
}

.button,
button {
  background: rgb(186, 12, 47);
}

.button.secondary,
button.secondary {
  color: rgb(186, 12, 47);
  border: 1px solid rgb(186, 12, 47);
}

/*.top-bar,*/
body > header > .masthead {
  background-color: rgb(255, 255, 255);
}

#admin-footer {
  background-color: rgb(255, 255, 255);
  color: #444;
}

/* admin forms */
.admin-side i.fa-arrows {
  color: rgb(186, 12, 47);
}

.admin-side .admin-actions .primary.toggle-button,
.admin-side .admin-actions .primary.toggle-button-large {
  background-color: rgb(186, 12, 47);
  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(186, 12, 47);
  color: rgb(186, 12, 47);
}
/* 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 #444, 0 7px 0 1px #444, 0 14px 0 1px #444;
}

.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: #444;
}

#site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #fff;
  color: #ba0c2f;
}

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

#site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #444 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: #ba0c2f 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: #ba0c2f;
}
/* User Top Nav */

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #444 transparent transparent;
}

.user-side #site-top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
  border-color: #ba0c2f 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: #444;
}

.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: #ba0c2f;
}

.user-side #site-top-bar li.is-dropdown-submenu-parent.is-active > a {
  background-color: #fff;
  color: #ba0c2f;
}

/* 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(56, 56, 56);
}

#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(186, 12, 47);
}*/

/* 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(232, 232, 232);
  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: #444;
}

.nav-wrapper.user.no-public-nav .user ul.menu li.menu-text,
.nav-wrapper.user.no-public-nav .user ul.menu li > a {
  color: #444;
}

.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 #444;
}

.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 #444 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(186, 12, 47);
  color: rgb(255, 255, 255);
}
*/

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-left > a::after {
  border-color: transparent #444 transparent transparent;
}

.top-bar .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent transparent transparent #444;
}

.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: #fff;
}

#public-nav {
  background-color: rgb(33, 33, 33);
}

#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(186, 12, 47);
  color: #ffffff;
}

#public-nav ul.dropdown.menu li.is-submenu-item a {
  background-color: #fff;
  color: rgb(186, 12, 47);
}

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

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


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

.sidenav .menu li.active a {
  color: rgb(186, 12, 47);
  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(186, 12, 47);
}

.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(228, 0, 43);*/
  color: rgb(228, 0, 43);
}


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: #444;
}

.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(186, 12, 47);
  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(186, 12, 47);
}

.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(186, 12, 47) transparent transparent;
}

.thredded--post .thredded--post--content a,
.thredded--preview-area--post.thredded--post--content a {
  color: rgb(186, 12, 47);
}

.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(186, 12, 47) ;
  background-color: #fff;
}

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

.thredded--user-navigation--item a, .thredded--user-navigation--item.thredded--is-current a {
  color: rgb(186, 12, 47) ;
}

header.thredded--messageboard--header .thredded--messageboard--title-no-image,
.community-topic-header-no-image {
  background-color: rgb(186, 12, 47);
  color: #fff;
}

.document-card-view header.document-card-header div.document-card-header-no-image {
  background-color: rgb(186, 12, 47);
  color: white;
}

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

.thredded--topics--title a {
  color: rgb(186, 12, 47) ;
}

.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(228, 0, 43);
}

#thredded--container a.button:hover {
  color: rgb(186, 12, 47);
}

/* Regular buttons */
.AnyTime-pkr th.AnyTime-dow,
.ui-widget-content a.button.secondary,
button.secondary:not(.hollow),
.button.secondary:not(.hollow) {
  color: rgb(186, 12, 47);
  border: 1px solid rgb(186, 12, 47);
  /*background-color: rgb(232, 232, 232);*/
  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: #565252;
}

.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(186, 12, 47);
}

/* For secondary dropdown menu buttons */
.dropdown.menu > li.is-dropdown-submenu-parent > a.secondary::after {
  border-color: #565252 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: #ffffff transparent transparent;
}

/* Inverted buttons */
button.inverted,
.button.inverted {
  background-color: #565252;
  color: rgb(232, 232, 232);
}

button.inverted:hover,
.button.inverted:hover {
  background-color: #565252;
  color: rgb(232, 232, 232);
}

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

.ui-widget-content a.button.transparent:hover,
button.transparent:hover,
.button.transparent:hover {
  color: rgb(186, 12, 47);
}

/* Trash icon to remove fields */
.button.transparent.remove_fields,
.button.transparent.delete-row {
  color: rgb(186, 12, 47);
}

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

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

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

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: #ffffff;
}

/* 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(186, 12, 47);
}

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(186, 12, 47) 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(228, 0, 43);
}

.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(186, 12, 47);
}

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

.criterion-data .read-more,
.criterion-data .read-less {
  color: white;
  background-color: rgb(186, 12, 47);
}

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: #333;
}

.toggle-button {
  border: 1px solid rgb(186, 12, 47);
}


.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%; }

    .slick-slide img,
    .banner .video,
    .carousel,
    .slick-slide .flex-video,
    .slick-slide {
      max-height: 800pxpx;
    }

    .banner .video {
      max-width: 1422.2222222222222px;
    }

  .slick-slide img,
  .slick-slide .flex-video {
    width: 100%;
    max-height: none;
  }
  .banner .carousel .slick-prev.slick-arrow {
    left: 30px;
  }
  .banner .carousel .slick-next.slick-arrow {
    right: 30px;
  }

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

.hopscotch-content {
  color: #333;
  font-family: 'Merriweather', Georgia, Times New Roman, Times, serif;
}

div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.prev {
  color: #fff;
  background: rgb(186, 12, 47);
  border: none;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover,
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  color: #ffffff;
  background: rgb(228, 0, 43);
}

div.hopscotch-bubble {
  border-radius: $global-radius;
  border-color: rgb(186, 12, 47);
}

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

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top-color: rgb(186, 12, 47);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom-color: rgb(186, 12, 47);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left-color: rgb(186, 12, 47);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right-color: rgb(186, 12, 47);
}

#thredded--container p,
#thredded--container a,
#thredded--container label,
#thredded--container time,
#thredded--container input,
#thredded--container {
  font-family: 'Merriweather', Georgia, Times New Roman, Times, serif !important;
}

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

.orientation-responses > .form-row > fieldset > div:nth-child(3) {
display: none;
}
.contact-button.button:not(.hollow) {
  background-color: black;
  color: white;
}

.request-button.button:not(.hollow) {
  background-color: rgb(186,12,47);
  color: white;
}
.public-nav ul.menu li a, #public-nav ul.menu li a {
  font-weight: normal;
}