/* // Newsletter */

.section-newsletter-home {
  padding: 60px 0;
}
.section-newsletter-home-images {
  padding: 80px 0;
}
.section-newsletter-home .newsletter-container {
  max-width: 600px;
}
.section-newsletter-home .newsletter-btn {
  padding: 12px 28px;
}
.section-newsletter-home-colors {
  background: var(--newsletter-home-background);
  color: var(--newsletter-home-foreground);
}

.section-newsletter-home-colors .form-control {
  color: var(--newsletter-home-foreground);
  background-color: transparent;
  border-color: var(--newsletter-home-foreground);
}

.section-newsletter-home-colors .form-control:hover,
.section-newsletter-home-colors .form-control:active {
  border-color: var(--newsletter-home-foreground);
}
.section-newsletter-home-colors .newsletter-btn {
  background-color: var(--newsletter-home-foreground);
  color: var(--newsletter-home-background);
}
.section-newsletter-home-colors .form-control::-webkit-input-placeholder { 
  color: var(--newsletter-foreground-opacity-80);
}
.section-newsletter-home-colors .form-control:-moz-placeholder {
  color: var(--newsletter-home-foreground-opacity-80);
}
.section-newsletter-home-colors .form-control::-moz-placeholder {
  color: var(--newsletter-home-foreground-opacity-80);
}
.section-newsletter-home-colors .form-control:-ms-input-placeholder {
  color: var(--newsletter-home-foreground-opacity-80);
}
.section-newsletter-home-colors .alert-success,
.section-newsletter-home-colors .alert-danger {
  color: var(--newsletter-home-foreground);
  border-color: var(--newsletter-home-foreground);
}

/* // Brands */

.section-brands-home-colors {
  background: var(--brands-background);
  color: var(--brands-foreground);
}

.section-brands-home-colors .opacity-10-line {
  border-color: var(--brands-foreground-opacity-10);
}
.section-brands-home-colors .svg-icon-text {
  fill: var(--brands-foreground);
}

.section-brands-home .swiper-button-prev {
  left: -15px;
}
.section-brands-home .swiper-button-next {
  right: -15px;
}

/* // Welcome message */

.section-welcome-home-colors {
  background: var(--welcome-background);
  color: var(--welcome-foreground);
}
.section-welcome-home-colors a {
  color: var(--welcome-foreground);
}

/* // Institutional message */

.section-institutional-home-colors {
  background: var(--institutional-background);
  color: var(--institutional-foreground);
}
.section-institutional-home-colors .btn {
  background-color: var(--institutional-foreground);
  color: var(--institutional-background);
  fill: var(--institutional-background);
}
.section-institutional-home-colors .btn:hover {
  color: var(--institutional-background);
  background-color: var(--institutional-foreground-opacity-90);
}