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

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

body {
  background-color: #ffffff; }
  body a {
    color: #000000; }

.btn-vomo-blue {
  background-color: #27aae1;
  border-color: #1a8bbb; }
  .btn-vomo-blue:hover {
    background-color: #1a8bbb;
    border-color: #1a8bbb; }

.btn-vomo-green {
  color: color-yiq(#27aae1);
  background-color: #27aae1;
  border-color: #1c94c6;
  color: #fff !important;
  font-weight: bold; }
  .btn-vomo-green:hover {
    color: color-yiq(#1a8bbb);
    background-color: #1a8bbb;
    border-color: #3db3e4; }
  .btn-vomo-green:focus, .btn-vomo-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(28, 148, 198, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(28, 148, 198, 0.5); }
  .btn-vomo-green.disabled, .btn-vomo-green:disabled {
    color: color-yiq(#27aae1);
    background-color: #27aae1;
    border-color: #1c94c6; }
  .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(#54bce7);
    background-color: #54bce7;
    border-color: #1d9cd1; }
    .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(28, 148, 198, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(28, 148, 198, 0.5); }
  .btn-vomo-green:hover, .btn-vomo-green:active, .btn-vomo-green:focus {
    color: #fff !important; }

.btn-outline-vomo-green {
  color: #27aae1;
  background-color: transparent;
  background-image: none;
  border-color: #27aae1; }
  .btn-outline-vomo-green:hover {
    color: #222222;
    background-color: #3db3e4;
    border-color: #27aae1; }
  .btn-outline-vomo-green:focus, .btn-outline-vomo-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(39, 170, 225, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(39, 170, 225, 0.5); }
  .btn-outline-vomo-green.disabled, .btn-outline-vomo-green:disabled {
    color: #27aae1;
    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(#3db3e4);
    background-color: #3db3e4;
    border-color: #27aae1; }
    .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(39, 170, 225, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(39, 170, 225, 0.5); }

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

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

#frontend-app .banner,
#frontend-app .settings-banner,
#frontend-app .project-scheduling-modal-banner,
#frontend-app .project-scheduling-modal-confirmation-table-header {
  background-color: #000000; }
  #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-logo {
  background-image: url("../images/logo-header.png"); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#vomo-admin-app {
  color: #454545; }
  #vomo-admin-app a {
    color: #000000; }
  #vomo-admin-app #admin-nav-container {
    background-color: orange;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#050505), to(black));
    background-image: linear-gradient(180deg, #050505, black); }
    #vomo-admin-app #admin-nav-container .navbar-brand {
      background-color: #27aae1; }
    #vomo-admin-app #admin-nav-container #admin-nav .org-shadow {
      background-color: rgba(255, 255, 255, 0.08); }
    #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: black; }
    #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: black; }
    #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: #000000; }
  #vomo-admin-app .project-templates-modal .vomo-modal .vomo-modal-body .template-category-options .slide-inner a.active {
    border-color: #000000; }
  #vomo-admin-app .dataTables_wrapper .page-item.active .page-link {
    background-color: #000000;
    color: #fff; }
  #vomo-admin-app .vomo-modal-header {
    background-color: #000000; }
  #vomo-admin-app h5 .icon path,
  #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 h3 .icon-right 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 .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner .stat-large .icon-right path,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner .stat-large .icon-right polyline,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner .stat-large .icon-right circle,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner .stat-large .icon-right line,
  #vomo-admin-app .py-4 .vomo-admin-panel-wrapper .vomo-admin-panel-inner .stat-large .icon-right polygon {
    stroke: #000000 !important; }
  #vomo-admin-app .tabs-wrap-small .nav-tabs .nav-link.active,
  #vomo-admin-app .tabs-wrap .nav-tabs .nav-link.active {
    border-color: #000000 !important; }
  #vomo-admin-app #vomo-project-form hr,
  #vomo-admin-app #vomo-user-invite-form hr {
    border-bottom-color: #000000 !important; }
  #vomo-admin-app hr.branded-dashed {
    border-bottom-color: #000000; }
  #vomo-admin-app #vomo-project-show .volunteer-mgmt-volunteer-panel {
    border-color: #000000; }
  #vomo-admin-app #vomo-project-form .project-form-actions,
  #vomo-admin-app #vomo-user-invite-form .project-form-actions {
    color: #000000; }
  #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: #000000; }
  #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: black; }

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

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

.donate-button {
  background: #000000;
  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(#262626), color-stop(50%, #000000), to(#262626));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #262626 0%, #000000 50%, #262626 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 #0d0d0d;
        color: #fff;
        text-shadow: 0 0 10px #000; } }

.social__svg {
  color: #000000;
  fill: #000000; }
  .social__svg:hover {
    color: #27aae1;
    fill: #27aae1; }

.navbar-brand {
  padding: 14px !important; }

.header_logo {
  /* width: 77px; */ }

@media (max-width: 768px) {
  .powered-by-lockup {
    margin-top: 30px; } }