/* ---------- Color Module Styles ----------- */
:root {
  --lightBrownBg: #F4F2F0;
  --darkGrey:#333333;
  --grey:#666666;

  --green:rgba(137,173,106,1.0);
  --blue:#6A8D9C;

  --news_opportunities:#3A3C48;
  --news_pressRelease:#97B7BA;
  --news_news:#E6E6E6;

  --eventsBg: #5C6E82;
  --publicationsBg: #B59D5C;
  --program :#424450;


  --agr:#C7A561;
  --bio:#487EAD;
  --ene:#FFD462;
  --env:#668365;
  --hea:#DD6560;
  --pol:#F0A170;
  --sdg:#94CCEA;
  --oth:#FFFFFF;
}



body {
    color: #3b3b3b;
}

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

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

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



#navbar-main a {
  color: #333333;
}

a,
.link {
    color: #0071b3;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
    color: #018fe2;
}

a:active,
.link:active {
    color: #23aeff;
}

.color--light {
  color: #fff;
}


.sidebar .block {
    background-color: #f6f6f2;
    border-color: #f9f9f9;
}

.btn-primary {
    background-color: var(--green);
    border-color: var(--green);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #688b4a;
    border-color: #688b4a;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
  color: #fff;
  background-color: #688b4a;

}
a.btn-primary {
  color:#fff;
}
.site-footer {
    background: #292929;
}

.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-active {
    color: #fffeff;
}


/* ---------- Color Form ----------- */

[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;
}