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

body {
  color: #3b3b3b;
  background: #374d7b;
}

#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-top {
  background-color: #374d7b;
}

#navbar-main {
  background-color: #ffffff !important;
}

a,
.link {
  color: #00a950;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #00cc5f;
}
.nav-item .dropdown-item a.active {
  color: white;
}
.nav-link {
  color: rgb(231, 231, 231);
}
.nav-link:hover,
.nav-link:focus {
  color: rgb(231, 231, 231);
}
a:active,
.link:active {
  color: #00cc5f;
}

.page-item.active .page-link {
  background-color: #00a950;
  border-color: #00a950;
}

.page-link,
.page-link:hover {
  color: #00a950;
}

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

.btn-primary {
  background: linear-gradient(135deg, #00a950 0%, #00cc5f 100%);
  border-color: #00a950;
  color: #ffffff;
  font-weight: 600;
  padding: 0.625rem 1.75rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 169, 80, 0.2);
  position: relative;
  overflow: hidden;
}

.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.btn-primary:hover::before {
  left: 100%;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #00cc5f 0%, #00a950 100%);
  border-color: #00cc5f;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 169, 80, 0.3);
}

.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 169, 80, 0.2);
}

.more-link,
.node-readmore {
  margin-top: auto;
  display: inline-block;
}

.more-link a,
.node-readmore a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #00a950;
  color: #ffffff;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 169, 80, 0.15);
  border: 2px solid transparent;
}

.more-link a::after,
.node-readmore a::after {
  content: '\2192';
  font-size: 1.125rem;
  transition: transform 0.3s ease;
}

.more-link a:hover,
.node-readmore a:hover {
  background-color: #374d7b;
  color: #ffffff;
  transform: translateX(4px);
  box-shadow: 0 4px 8px rgba(55, 77, 123, 0.25);
}

.more-link a:hover::after,
.node-readmore a:hover::after {
  transform: translateX(4px);
}

.more-link a:focus,
.node-readmore a:focus {
  outline: none;
  border-color: #00a950;
  background-color: #374d7b;
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 169, 80, 0.2);
}

.webform-submission-form .form-actions .webform-button--submit {
  background: linear-gradient(135deg, #00a950 0%, #00cc5f 100%);
  border: 2px solid #00a950;
  color: #ffffff;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 3px 6px rgba(0, 169, 80, 0.2);
  cursor: pointer;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}

.webform-submission-form .form-actions .webform-button--submit::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.webform-submission-form .form-actions .webform-button--submit:hover::before {
  left: 100%;
}

.webform-submission-form .form-actions .webform-button--submit:hover,
.webform-submission-form .form-actions .webform-button--submit:focus {
  background: linear-gradient(135deg, #374d7b 0%, #4a638f 100%);
  border-color: #374d7b;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 5px 10px rgba(55, 77, 123, 0.3);
}

.webform-submission-form .form-actions .webform-button--submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(55, 77, 123, 0.2);
}

.webform-submission-form .form-actions .webform-button--submit:disabled {
  background: #e0e0e0;
  border-color: #cccccc;
  color: #999999;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.site-footer {
  background: #374d7b;
}

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