/* Form icons, etc. */
/* Border is typically darker */
.org-bg-color-primary {
  background-color: #A81010; }

.org-bg-color-secondary {
  background-color: #222222; }

body {
  background-color: #ffffff; }
  body a {
    color: #365ABD; }
    body a small {
      color: #5B6C75; }

.btn-vomo-blue {
  background-color: #222222;
  border-color: #090909; }
  .btn-vomo-blue:hover {
    background-color: #090909;
    border-color: #090909; }

.btn-vomo-green {
  color: color-yiq(#A81010);
  background-color: #A81010;
  border-color: #850d0d;
  color: #fff !important;
  font-weight: bold; }
  .btn-vomo-green:hover {
    color: color-yiq(#790c0c);
    background-color: #790c0c;
    border-color: #bf1212; }
  .btn-vomo-green:focus, .btn-vomo-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(133, 13, 13, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(133, 13, 13, 0.5); }
  .btn-vomo-green.disabled, .btn-vomo-green:disabled {
    color: color-yiq(#A81010);
    background-color: #A81010;
    border-color: #850d0d; }
  .btn-vomo-green:not(:disabled):not(.disabled):active, .btn-vomo-green:not(:disabled):not(.disabled).active,
  .show > .btn-vomo-green.dropdown-toggle {
    color: color-yiq(#d71414);
    background-color: #d71414;
    border-color: #910e0e; }
    .btn-vomo-green:not(:disabled):not(.disabled):active:focus, .btn-vomo-green:not(:disabled):not(.disabled).active:focus,
    .show > .btn-vomo-green.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(133, 13, 13, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(133, 13, 13, 0.5); }
  .btn-vomo-green:hover, .btn-vomo-green:active, .btn-vomo-green:focus {
    color: #fff !important; }

.btn-outline-vomo-green {
  color: #A81010;
  background-color: transparent;
  background-image: none;
  border-color: #A81010; }
  .btn-outline-vomo-green:hover {
    color: #222222;
    background-color: #bf1212;
    border-color: #A81010; }
  .btn-outline-vomo-green:focus, .btn-outline-vomo-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(168, 16, 16, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(168, 16, 16, 0.5); }
  .btn-outline-vomo-green.disabled, .btn-outline-vomo-green:disabled {
    color: #A81010;
    background-color: transparent; }
  .btn-outline-vomo-green:not(:disabled):not(.disabled):active, .btn-outline-vomo-green:not(:disabled):not(.disabled).active,
  .show > .btn-outline-vomo-green.dropdown-toggle {
    color: color-yiq(#bf1212);
    background-color: #bf1212;
    border-color: #A81010; }
    .btn-outline-vomo-green:not(:disabled):not(.disabled):active:focus, .btn-outline-vomo-green:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-vomo-green.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(168, 16, 16, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(168, 16, 16, 0.5); }

.btn-vomo-green {
  background-color: #A81010; }

.btn-vomo-gray {
  background-color: #b7bfc5; }

#frontend-app a {
  color: #A81010; }
  #frontend-app a small {
    color: #5B6C75; }

#frontend-app .banner,
#frontend-app .settings-banner,
#frontend-app .project-scheduling-modal-banner,
#frontend-app .project-scheduling-modal-confirmation-table-header {
  background-color: #222222; }
  #frontend-app .banner .section-gradient,
  #frontend-app .settings-banner .section-gradient,
  #frontend-app .project-scheduling-modal-banner .section-gradient,
  #frontend-app .project-scheduling-modal-confirmation-table-header .section-gradient {
    display: none; }

#frontend-app .navbar-brand {
  padding: 15px 15px 5px 15px; }
  #frontend-app .navbar-brand .header_logo {
    width: 258px;
    height: 64px; }

#frontend-app #navbar-logo {
  background-image: url("../images/logo-header.png"); }

#frontend-app .org-fill-color {
  fill: #A81010;
  stroke: #A81010; }

#frontend-app #vomo-navbar {
  background-color: #fff; }

#frontend-app .search_input {
  border-color: #A81010; }

#frontend-app .mobile_header {
  background-color: #fff; }
  #frontend-app .mobile_header .bg-vomo-green {
    background-color: transparent; }
  #frontend-app .mobile_header .mobile_categories_container {
    background-color: transparent; }
  #frontend-app .mobile_header .nav_btn span {
    border-color: #222222; }
  #frontend-app .mobile_header .search_mobile {
    -webkit-filter: brightness(0.1) !important;
    filter: brightness(0.1) !important; }
  #frontend-app .mobile_header .mobile_logo_container a {
    background-image: url("../images/logo-header.png");
    width: 100%;
    height: 50px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 200px; }
    #frontend-app .mobile_header .mobile_logo_container a img {
      display: none; }

#frontend-app .org-give-banner-section {
  background-color: #222222; }

#frontend-app .org-secondary-fill-color-no-stroke {
  fill: #ffffff; }

#frontend-app .project-scheduling-modal-btn {
  background-color: #222222; }

#frontend-app .hub-category-icon {
  background-color: #A81010; }

#frontend-app .follow_button:hover {
  border-color: #A81010; }

#frontend-app .vomo-button,
#frontend-app .vomo-button:hover {
  background-color: #A81010 !important; }
  #frontend-app .vomo-button.joined,
  #frontend-app .vomo-button:hover.joined {
    background-color: #222222 !important; }

#frontend-app .project-gallery-item-next {
  color: #222222; }

#frontend-app .project_tab_button.active {
  border-color: #A81010; }

#frontend-app .slider-carousel-item-title {
  color: #A81010; }

#frontend-app .project-gallery-item-org {
  color: #A81010; }

#frontend-app .project-gallery-item-title {
  color: #222222; }

#frontend-app .following_button {
  background-color: #A81010;
  border-color: #A81010;
  color: #fff; }

#frontend-app .settings-input {
  border-color: #A81010; }

#frontend-app #project_date svg .cls-1 {
  stroke: #A81010 !important; }

.vomo-modal-header {
  background-color: #253C47; }

#signup-modal .modal-body button,
.project-scheduling-modal-confirmation-table-header {
  background-color: #365ABD !important; }

#signup-modal .modal-body svg .st0 {
  fill: #365ABD !important; }

#add-participant-modal .modal-body svg .st0 {
  stroke: #365ABD !important; }

#accounts-body .small-link {
  color: #365ABD; }

#vomo-admin-app {
  color: #5B6C75; }
  #vomo-admin-app a {
    color: #365ABD; }
  #vomo-admin-app #admin-nav-container {
    background-color: orange;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#28424e), to(#1c2e36));
    background-image: linear-gradient(180deg, #28424e, #1c2e36); }
    #vomo-admin-app #admin-nav-container .navbar-brand {
      background-color: #365ABD; }
    #vomo-admin-app #admin-nav-container #admin-nav .org-shadow {
      background-color: #5b6c75; }
    #vomo-admin-app #admin-nav-container #admin-nav li.nav-item .submenu,
    #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a.active {
      background-color: #1c2e36; }
    #vomo-admin-app #admin-nav-container #admin-nav li.nav-item .submenu uL li.nav-item a.active {
      background-color: rgba(0, 0, 0, 0.2); }
    #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a:hover {
      background-color: #17252c; }
    #vomo-admin-app #admin-nav-container #admin-nav li.nav-item a.toggle:hover {
      background-color: transparent; }
  #vomo-admin-app .project-templates-modal .vomo-modal .vomo-modal-body .template-category-options .card .nav-link.active {
    background-color: #253C47; }
  #vomo-admin-app .project-templates-modal .vomo-modal .vomo-modal-body .template-category-options .slide-inner a.active {
    border-color: #253C47; }
  #vomo-admin-app .dataTables_wrapper .page-item.active .page-link {
    background-color: #253C47;
    color: #fff; }
  #vomo-admin-app .vomo-modal-header {
    background-color: #365ABD; }
  #vomo-admin-app .btn-vomo-blue {
    background-color: #365ABD;
    border-color: #2b4795; }
    #vomo-admin-app .btn-vomo-blue:hover {
      background-color: #2b4795;
      border-color: #2b4795; }
  #vomo-admin-app .btn-vomo-green {
    color: color-yiq(#365ABD);
    background-color: #365ABD;
    border-color: #2e4c9f;
    color: #fff !important;
    font-weight: bold; }
    #vomo-admin-app .btn-vomo-green:hover {
      color: color-yiq(#2b4795);
      background-color: #2b4795;
      border-color: #4367c9; }
    #vomo-admin-app .btn-vomo-green:focus, #vomo-admin-app .btn-vomo-green.focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(46, 76, 159, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(46, 76, 159, 0.5); }
    #vomo-admin-app .btn-vomo-green.disabled, #vomo-admin-app .btn-vomo-green:disabled {
      color: color-yiq(#365ABD);
      background-color: #365ABD;
      border-color: #2e4c9f; }
    #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled):active, #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled).active,
    .show > #vomo-admin-app .btn-vomo-green.dropdown-toggle {
      color: color-yiq(#5777cf);
      background-color: #5777cf;
      border-color: #3051a9; }
      #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled):active:focus, #vomo-admin-app .btn-vomo-green:not(:disabled):not(.disabled).active:focus,
      .show > #vomo-admin-app .btn-vomo-green.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(46, 76, 159, 0.5);
                box-shadow: 0 0 0 0.2rem rgba(46, 76, 159, 0.5); }
    #vomo-admin-app .btn-vomo-green:hover, #vomo-admin-app .btn-vomo-green:active, #vomo-admin-app .btn-vomo-green:focus {
      color: #fff !important; }
  #vomo-admin-app h5 .icon polyline,
  #vomo-admin-app h5 .icon circle,
  #vomo-admin-app h5 .icon line,
  #vomo-admin-app h5 .icon polygon,
  #vomo-admin-app h5 .icon path,
  #vomo-admin-app h3 .icon-right polyline,
  #vomo-admin-app h3 .icon-right circle,
  #vomo-admin-app h3 .icon-right line,
  #vomo-admin-app h3 .icon-right polygon,
  #vomo-admin-app h3 .icon-right path,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right polyline,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right circle,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right line,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right polygon,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner p.stat-large .icon-right path {
    stroke: #365ABD !important; }
  #vomo-admin-app #unresponsive-svg polyline,
  #vomo-admin-app #unresponsive-svg circle,
  #vomo-admin-app #unresponsive-svg line,
  #vomo-admin-app #unresponsive-svg polygon,
  #vomo-admin-app #unresponsive-svg path {
    stroke: #365ABD !important; }
  #vomo-admin-app .tabs-wrap-small .nav-tabs .nav-link.active,
  #vomo-admin-app .tabs-wrap .nav-tabs .nav-link.active {
    border-color: #365ABD !important; }
  #vomo-admin-app #vomo-project-form hr,
  #vomo-admin-app #vomo-user-invite-form hr {
    border-bottom-color: #365ABD !important; }
  #vomo-admin-app hr.branded-dashed {
    border-bottom-color: #365ABD; }
  #vomo-admin-app #vomo-project-show .volunteer-mgmt-volunteer-panel {
    border-color: #365ABD; }
  #vomo-admin-app #vomo-project-form .project-form-actions,
  #vomo-admin-app #vomo-user-invite-form .project-form-actions {
    color: #365ABD; }
  #vomo-admin-app .multiselect .multiselect__tags {
    border: 2px solid #ced4da;
    border-radius: 0.25rem; }
  #vomo-admin-app .multiselect .multiselect__tag,
  #vomo-admin-app .multiselect .multiselect__option--highlight,
  #vomo-admin-app .multiselect .multiselect__option--highlight::after {
    background-color: #7f97da; }
  #vomo-admin-app .small {
    font-size: 12px;
    line-height: 1em; }

.multiselect .multiselect__tags {
  border: 2px solid #ced4da;
  border-radius: 0.25rem; }

.multiselect .multiselect__tag,
.multiselect .multiselect__option--highlight,
.multiselect .multiselect__option--highlight::after {
  background-color: #a81010; }

.announcement-tabs {
  margin: 20px 0px 0px 30px;
  font-size: 1rem;
  color: #365ABD;
  margin-right: 15px;
  cursor: pointer;
  border-bottom: 3px solid #365ABD; }

.org-bg-color-primary {
  background-color: #A81010; }

.org-bg-color-secondary {
  background-color: #222222; }

.org-nav a {
  text-decoration: none;
  font-size: 20px; }
  .org-nav a:hover {
    text-decoration: none; }
  .org-nav a.active {
    font-weight: bold;
    border-bottom: 3px solid #A81010; }

.org-primary-bg {
  background-color: #A81010; }

.org-secondary-bg {
  background-color: #222222; }

.donate-button {
  background: #A81010;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, left top, right top, from(#e91b1b), color-stop(50%, #A81010), to(#e91b1b));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #e91b1b 0%, #A81010 50%, #e91b1b 100%);
  background-position: 0 0;
  background-size: 200% 100%;
  border-radius: 4px;
  color: #fff;
  padding: 15px 65px 15px 15px;
  text-shadow: 1px 1px 5px #666;
  -webkit-transition: all 800ms;
  transition: all 800ms; }
  @media (hover: hover) and (pointer: fine) {
    .donate-button:hover {
      background-position: -100% 0; }
      .donate-button:hover:after {
        border-left: 1px solid #bf1212;
        color: #fff;
        text-shadow: 0 0 10px #000; } }

#frontend-app .login_link:hover {
  text-decoration: underline; }

#frontend-app .create_account {
  color: #365ABD;
  border-color: #365ABD; }
  #frontend-app .create_account:hover, #frontend-app .create_account:active {
    color: #fff;
    background-color: #365ABD;
    border-color: #365ABD; }
  #frontend-app .create_account:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }