/* Form icons, etc. */
/* Border is typically darker */
.org-bg-color-primary {
  background-color: #35465E;
}
.org-bg-color-secondary {
  background-color: #196FB8;
}
body {
  background-color: #ffffff;
}
body a {
  color: #00A0DF;
}
body a small {
  color: #5B6C75;
}
.btn-vomo-blue {
  background-color: #196FB8;
  border-color: #13548b;
}
.btn-vomo-blue:hover {
  background-color: #13548b;
  border-color: #13548b;
}
.btn-vomo-green {
  color: color-yiq(#35465E);
  background-color: #35465E;
  border-color: #273446;
  color: #fff !important;
  font-weight: bold;
}
.btn-vomo-green:hover {
  color: color-yiq(#232e3d);
  background-color: #232e3d;
  border-color: #3e526e;
}
.btn-vomo-green.disabled, .btn-vomo-green:disabled {
  color: color-yiq(#35465E);
  background-color: #35465E;
  border-color: #273446;
}
.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(#475e7f);
  background-color: #475e7f;
  border-color: #2c3a4e;
}
.btn-vomo-green:hover, .btn-vomo-green:active, .btn-vomo-green:focus {
  color: #fff !important;
}
.btn-outline-vomo-green {
  color: #35465E;
  background-color: transparent;
  background-image: none;
  border-color: #35465E;
}
.btn-outline-vomo-green:hover {
  color: #222222;
  background-color: #3e526e;
  border-color: #35465E;
}
.btn-outline-vomo-green.disabled, .btn-outline-vomo-green:disabled {
  color: #35465E;
  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(#3e526e);
  background-color: #3e526e;
  border-color: #35465E;
}
.btn-vomo-green {
  background-color: #35465E;
}
.btn-vomo-gray {
  background-color: #b7bfc5;
}
#frontend-app a {
  color: #35465E;
}
#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: #196FB8;
}
#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: 207px;
  height: 55px;
}
#frontend-app #navbar-logo {
  background-image: url("https://media.vomo.org/media/2026/01/1036725-BUMyOB4Y-o.png");
}
#frontend-app .org-fill-color {
  fill: #35465E;
  stroke: #35465E;
}
#frontend-app #vomo-navbar {
  background-color: #fff;
}
#frontend-app .search_input {
  border-color: #35465E;
}
#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: #196FB8;
}
#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("https://media.vomo.org/media/2026/01/1036725-BUMyOB4Y-o.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: #196FB8;
}
#frontend-app .org-secondary-fill-color-no-stroke {
  fill: #ffffff;
}
#frontend-app .project-scheduling-modal-btn {
  background-color: #196FB8;
}
#frontend-app .hub-category-icon {
  background-color: #35465E;
}
#frontend-app .follow_button:hover {
  border-color: #35465E;
}
#frontend-app .vomo-button, #frontend-app .vomo-button:hover {
  background-color: #35465E !important;
}
#frontend-app .vomo-button.joined, #frontend-app .vomo-button:hover.joined {
  background-color: #196FB8 !important;
}
#frontend-app .project-gallery-item-next {
  color: #196FB8;
}
#frontend-app .project_tab_button.active {
  border-color: #35465E;
}
#frontend-app .slider-carousel-item-title {
  color: #35465E;
}
#frontend-app .project-gallery-item-org {
  color: #35465E;
}
#frontend-app .project-gallery-item-title {
  color: #196FB8;
}
#frontend-app .following_button {
  background-color: #35465E;
  border-color: #35465E;
  color: #fff;
}
#frontend-app .settings-input {
  border-color: #35465E;
}
#frontend-app #project_date svg .cls-1 {
  stroke: #35465E !important;
}
.vomo-modal-header {
  background-color: #253C47;
}
#signup-modal .modal-body button, .project-scheduling-modal-confirmation-table-header {
  background-color: #00A0DF !important;
}
#signup-modal .modal-body svg .st0 {
  fill: #00A0DF !important;
}
#add-participant-modal .modal-body svg .st0 {
  stroke: #00A0DF !important;
}
#accounts-body .small-link {
  color: #00A0DF;
}
#vomo-admin-app {
  color: #5B6C75;
}
#vomo-admin-app a {
  color: #00A0DF;
}
#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: #00A0DF;
}
#vomo-admin-app #admin-nav-container #admin-nav .org-shadow {
  background-color: #253C47;
}
#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: #00A0DF;
}
#vomo-admin-app .btn-vomo-blue {
  background-color: #00A0DF;
  border-color: #007bac;
}
#vomo-admin-app .btn-vomo-blue:hover {
  background-color: #007bac;
  border-color: #007bac;
}
#vomo-admin-app .btn-vomo-green {
  color: color-yiq(#00A0DF);
  background-color: #00A0DF;
  border-color: #0085b9;
  color: #fff !important;
  font-weight: bold;
}
#vomo-admin-app .btn-vomo-green:hover {
  color: color-yiq(#007bac);
  background-color: #007bac;
  border-color: #00b2f9;
}
#vomo-admin-app .btn-vomo-green.disabled, #vomo-admin-app .btn-vomo-green:disabled {
  color: color-yiq(#00A0DF);
  background-color: #00A0DF;
  border-color: #0085b9;
}
#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(#13bcff);
  background-color: #13bcff;
  border-color: #008ec6;
}
#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: #00A0DF !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: #00A0DF !important;
}
#vomo-admin-app .tabs-wrap-small .nav-tabs .nav-link.active, #vomo-admin-app .tabs-wrap .nav-tabs .nav-link.active {
  border-color: #00A0DF !important;
}
#vomo-admin-app #vomo-project-form hr, #vomo-admin-app #vomo-user-invite-form hr {
  border-bottom-color: #00A0DF !important;
}
#vomo-admin-app hr.branded-dashed {
  border-bottom-color: #00A0DF;
}
#vomo-admin-app #vomo-project-show .volunteer-mgmt-volunteer-panel {
  border-color: #00A0DF;
}
#vomo-admin-app #vomo-project-form .project-form-actions, #vomo-admin-app #vomo-user-invite-form .project-form-actions {
  color: #00A0DF;
}
#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: #46cbff;
}
#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: #35465e;
}
.announcement-tabs {
  margin: 20px 0px 0px 30px;
  font-size: 1rem;
  color: #00A0DF;
  margin-right: 15px;
  cursor: pointer;
  border-bottom: 3px solid #00A0DF;
}
.org-bg-color-primary {
  background-color: #35465E;
}
.org-bg-color-secondary {
  background-color: #196FB8;
}
.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 #35465E;
}
.org-primary-bg {
  background-color: #35465E;
}
.org-secondary-bg {
  background-color: #196FB8;
}
.donate-button {
  background: #35465E;
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-linear-gradient(left, #516a8f 0%, #35465E 50%, #516a8f 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #516a8f 0%, #35465E 50%, #516a8f 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 #3e526e;
    color: #fff;
    text-shadow: 0 0 10px #000;
  }
}