/* PLEASE BE VERY CAREFUL WHEN EDITTING THIS FILE !
 Don't change our color variables in line 5 & 6.
 */
div[data-pf-type="Body"] .sunfw-tx-mc, div[data-pf-type="body"] .sunfw-tx-mc {
  color: #004f89;
}
div[data-pf-type="Body"] .sunfw-tx-mc-h:hover, div[data-pf-type="body"] .sunfw-tx-mc-h:hover {
  color: #004f89;
}
div[data-pf-type="Body"] .sunfw-bg-mc, div[data-pf-type="body"] .sunfw-bg-mc {
  background-color: #004f89;
}
div[data-pf-type="Body"] .sunfw-bg-mc-h:hover, div[data-pf-type="body"] .sunfw-bg-mc-h:hover {
  background-color: #004f89;
}
div[data-pf-type="Body"] .sunfw-bd-mc, div[data-pf-type="body"] .sunfw-bd-mc {
  border-color: #004f89;
}
div[data-pf-type="Body"] .sunfw-bd-mc-h:hover, div[data-pf-type="body"] .sunfw-bd-mc-h:hover {
  border-color: #004f89;
}
#sunfw_section_topbar ul.nav.menu li.active > a, .section-topbar ul.nav.menu li.active > a {
  color: #004f89;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.ngo-bg-color {
  background-color: #004f89 !important;
}
.ngo-bg {
  background: #004f89;
}
.ngo-main-color, .ngo-main-color > h1, .ngo-main-color > h2, .ngo-main-color > h3, .ngo-main-color > h4, .ngo-main-color > h5, .ngo-main-color > h6 {
  color: #004f89 !important;
}
.ngo-layout-list2 ul li.articlelist-item .articlelist-item-content .meta-data-wrapper .category a, .ngo-latest-news .pb-item .pb-content a.Category {
  background: #004f89;
}
.video-about .play {
  background: #004f89;
}
.video-about:hover .play {
  background: #004f89;
}
.ngo-newsletter form .form-actions button[type='submit'] {
  background: #004f89;
}
.copyright a {
  color: #004f89 !important;
}
#sunfw_section_promo .jsn-bootstrap3 a.btn:hover, #sunfw_section_promo a.pb-button.border-hover:hover, .section-promo .jsn-bootstrap3 a.btn:hover, .section-promo a.pb-button.border-hover:hover {
  border-color: #004f89 !important;
}
.jsn-bootstrap3 .ngo-impact-list ul li:hover {
  box-shadow: 0 0 0 4px #004f89 inset;
  border-color: #004f89;
}
.jsn-bootstrap3 .ngo-impact-list ul li:hover div.img {
  background: #004f89;
  border-color: #004f89;
}
.pb-body .ngo-impact-list .pb-blurb:hover {
  box-shadow: 0 0 0 4px #004f89 inset;
  border-color: #004f89 !important;
}
.pb-body .ngo-impact-list .pb-blurb:hover div.pb-image {
  background: #004f89;
  border-color: #004f89;
}
.ngo-donate.jsn-bootstrap3.jsn-pagebuilder button[type='submit'] {
  background-color: #004f89;
}
.jsn-bootstrap3.jsn-pagebuilder.ngo-btn-style a.btn:after, .pb-section .pb-grid .ngo-btn-style:after {
  background: linear-gradient(to right, #222427 50%, #004f89 50%);
  background-size: 200% 100%;
  background-position: right;
}
.jsn-bootstrap3.jsn-pagebuilder.ngo-donate-btn a, a.pb-button.ngo-donate-btn {
  background: #004f89;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
  border-color: #004f89;
}
div.k2Pagination ul li a:hover {
  border-color: #004f89;
}
.sunfw-scrollup:hover {
  color: #004f89;
}
ul.nav[class*='menu-treemenu'] li:hover > a, ul.nav[class*='menu-sidemenu'] li:hover > a, ul.nav[class*='menu-treemenu'] li:hover > span.nav-header, ul.nav[class*='menu-sidemenu'] li:hover > span.nav-header, ul.nav[class*='menu-treemenu'] li:hover > span.separator, ul.nav[class*='menu-sidemenu'] li:hover > span.separator {
  color: #004f89;
}
ul.nav[class*='menu-treemenu'] li.active > a, ul.nav[class*='menu-sidemenu'] li.active > a, ul.nav[class*='menu-treemenu'] li.active > span.nav-header, ul.nav[class*='menu-sidemenu'] li.active > span.nav-header, ul.nav[class*='menu-treemenu'] li.active > span.separator, ul.nav[class*='menu-sidemenu'] li.active > span.separator {
  color: #004f89 !important;
}
ul.nav[class*='menu-treemenu'] li.active > a, ul.nav[class*='menu-treemenu'] li.current > a {
  color: #004f89;
}
@media (min-width: 768px) {
  nav.navbar ul.navbar-nav > li > a > span:before {
    background-color: #004f89;
  }
}
ul.sunfw-tpl-menu > li:hover .ngo-bg-color {
  background-color: #004f89 !important;
}
/* ============================ Sub Color ============================ */
div[data-pf-type="Body"] .btn-default, div[data-pf-type="body"] .btn-default {
  background-color: #fff;
  color: #000;
}
div[data-pf-type="Body"] .btn-default:hover, div[data-pf-type="body"] .btn-default:hover {
  background-color: #e6e6e6;
  color: #000;
}
div[data-pf-type="Body"] .btn-primary, div[data-pf-type="body"] .btn-primary {
  background-color: #004f89;
  color: #000;
}
div[data-pf-type="Body"] .btn-primary:hover, div[data-pf-type="body"] .btn-primary:hover {
  background-color: #222427;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info, div[data-pf-type="body"] .btn-info {
  background-color: #5bc0de;
  color: #fff;
}
div[data-pf-type="Body"] .btn-info:hover, div[data-pf-type="body"] .btn-info:hover {
  background-color: #31b0d5;
}
div[data-pf-type="Body"] .btn-danger, div[data-pf-type="body"] .btn-danger, div[data-pf-type="Body"] .btn-error, div[data-pf-type="body"] .btn-error {
  background-color: #d9534f;
  color: #fff;
}
div[data-pf-type="Body"] .btn-danger:hover, div[data-pf-type="body"] .btn-danger:hover, div[data-pf-type="Body"] .btn-error:hover, div[data-pf-type="body"] .btn-error:hover {
  background-color: #c9302c;
}
div[data-pf-type="Body"] .btn-secondary, div[data-pf-type="body"] .btn-secondary {
  background-color: #6c757d;
  color: #fff;
}
div[data-pf-type="Body"] .btn-secondary:hover, div[data-pf-type="body"] .btn-secondary:hover {
  background-color: #5a6268;
}
div[data-pf-type="Body"] .btn-success, div[data-pf-type="body"] .btn-success {
  background-color: #5cb85c;
  color: #fff;
}
div[data-pf-type="Body"] .btn-success:hover, div[data-pf-type="body"] .btn-success:hover {
  background-color: #449d44;
}
div[data-pf-type="Body"] .btn-warning, div[data-pf-type="body"] .btn-warning {
  background-color: #ff9c00;
  color: #fff;
}
div[data-pf-type="Body"] .btn-warning:hover, div[data-pf-type="body"] .btn-warning:hover {
  background-color: #cc7d00;
}
div[data-pf-type="Body"] .btn-dark, div[data-pf-type="body"] .btn-dark {
  background-color: #343a40;
  color: #fff;
}
div[data-pf-type="Body"] .btn-dark:hover, div[data-pf-type="body"] .btn-dark:hover {
  background-color: #23272b;
}
div[data-pf-type="Body"] .btn-link, div[data-pf-type="body"] .btn-link {
  background: none;
  color: #007bff;
}