/* ---------- Color Module Styles ----------- */

body {
  color: #000000;
  background: #f1f1f1;
}
h1, h2, h3, h4{
  color: #40baec;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #ffffff;
}

.tabs ul.primary li a.is-active {
  background-color: #ffffff;
}

.tabs ul.primary li.is-active a {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}

#navbar-top,
.navbar-expand-md .navbar-nav .dropdown-menu,
.dropdown-item:focus, .dropdown-item:hover
 {
  background-color: #e340ec;
}


#header .menu--main .nav-item a,
.navbar-toggler-icon,
#wf-crm-billing-items caption{
  color: #ffffff;
}

.navbar-toggler.navbar-toggler-right{
  background-color: #ffffff;
}

#navbar-main,
#wf-crm-billing-items caption {
  background-color: #e340ec;
}

a,
.link {
  color: #148ab3;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #0caee6;
}

a:active,
.link:active {
  color: #33c8fb;
}

.page-item.active .page-link {
  background-color: #148ab3;
  border-color: #148ab3;
}



.page-link,
.page-link:hover {
  color: #148ab3;
}

.sidebar,
#Confirm .crm-group,
#Confirm .crm-profile-view,
#ThankYou .crm-group,
#ThankYou .crm-profile-view,
.crm-contribution-thankyou-form-block .help {
  background-color: #f9f9f9;
  /*border-color: #f9f9f9;*/
}

.btn.btn-primary,
.is_recur-section .form-check.checked .square,
.form-check-input:checked,
.form-check-input:focus,
.checked .form-check-label .square,
#auto_renew_section.checked .form-check-label .square {
  background-color: #148ab3;
  border-color: #148ab3;
}

.webform-custom-options-buttons .webform-custom-options-button:focus,
.webform-custom-options-buttons .webform-custom-options-button:hover{
  border-color: #148ab3;
  color: #148ab3;
}



.webform-custom-options-button[data-option-value][aria-checked=true]:focus,
.webform-custom-options-button[data-option-value][aria-checked=true],
.webform-custom-options-button.checked {
    background-color: #148ab3 ;
}


element.style {
    text-align: center;
}


#Confirm .header-dark,
#ThankYou .header-dark{
  border-color: #148ab3;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
 #navbar-main .nav-item:after {
  background-color: #148ab3;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
  background-color: #129378;
}


.site-footer {
  background: #f1f1f1;
  color: #000000;
}

.site-footer__top,
.site-footer__top p,
.site-footer__top h1,
.site-footer__top h2,
.site-footer__top h3,
.site-footer__top h4,
.site-footer__top li a,
.site-footer__bottom,
.site-footer__bottom p,
.site-footer__bottom li.nav-item a,
.site-footer .content h1,
.site-footer .content h2,
.site-footer .content h3,
.site-footer .content h4,
.site-footer .content h5,
.site-footer .content h6,
.site-footer .content a, .site-footer .content a,
.site-footer .content a:hover, .site-footer .content a:focus {
    color: #000000;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-actives {
  color: #ffffff;
}


/* ---------- Color Form ----------- */
.webform-custom-options-button[data-option-value][aria-checked=true]:focus,
.webform-custom-options-button[data-option-value][aria-checked=true] {
    border-color: #148ab3;
    color: #148ab3;
}



[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}