/* line 4, app/assets/stylesheets/custom4.scss */
.core-action-item {
  background: linear-gradient(25deg, #0aa51a 0%, #136367 100%);
}

/* line 8, app/assets/stylesheets/custom4.scss */
.site-footer {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

/* line 12, app/assets/stylesheets/custom4.scss */
.site-footer-bottom {
  background: #136367;
}

/* line 16, app/assets/stylesheets/custom4.scss */
.salah-pill {
  background: linear-gradient(25deg, #0aa51a 0%, #136367 100%);
}

/* line 20, app/assets/stylesheets/custom4.scss */
.jumuah-pill {
  background: linear-gradient(25deg, #0aa51a 0%, #136367 100%);
}

/* line 24, app/assets/stylesheets/custom4.scss */
.programs-services-container {
  background: #136367;
}

/* line 28, app/assets/stylesheets/custom4.scss */
p.drop-caps.secondary:first-child:first-letter,
.accent-bg,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.label-primary,
.progress-bar-primary,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary > .panel-heading,
.carousel-indicators .active,
.flex-control-nav a:hover,
.flex-control-nav a.flex-active,
.media-box .media-box-wrapper,
.owl-theme .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
#back-to-top:hover,
.widget_donations,
.fblock-image-overlay,
.overlay-accent,
.page-banner,
.tag-cloud a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.accordion-heading .accordion-toggle.active,
.predefined-amount li label.selected,
.donation-choice-breaker,
.event-date,
hr.sm,
hr.sm:before,
hr.sm:after,
.gallery-updates,
.block-title:before,
.block-title:after,
.widgettitle:before,
.widgettitle:after,
.timer-col.count-days {
  background-color: #0aa51a;
}

/* line 94, app/assets/stylesheets/custom4.scss */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #0aa51a;
  opacity: 0.9;
}

/* line 102, app/assets/stylesheets/custom4.scss */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary,
.panel-primary > .panel-heading,
.btn-primary.btn-transparent,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.predefined-amount li label.selected {
  border-color: #0aa51a;
}

/* line 126, app/assets/stylesheets/custom4.scss */
.panel-primary > .panel-heading + .panel-collapse .panel-body,
.widget_special_events .event-item,
.dd-menu > li ul {
  border-top-color: #0aa51a;
}

/* line 131, app/assets/stylesheets/custom4.scss */
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #0aa51a;
}

/* line 134, app/assets/stylesheets/custom4.scss */
.dd-menu > ul > li > ul li:hover {
  border-left-color: #0aa51a;
}

@media only screen and (max-width: 992px) {
  /* line 139, app/assets/stylesheets/custom4.scss */
  .dd-menu > li:hover > a,
  .dd-menu > li:hover > a > i {
    color: #fff;
  }
}

/* MOBILE DEVICES */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* line 147, app/assets/stylesheets/custom4.scss */
  .programs-services-container {
    margin-bottom: 20px;
  }
}