/* label input field */
.select-wrapper label,
.form-group label.active,
.form-group label {
  position: relative;
  font-size: 1rem;
  padding: 0;
  color: #2f475e;
  font-weight: 500;
  font-size: 1rem;
  transform: none;
}

/* input field */
.select-wrapper select,
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
textarea {
  border: 1px solid #5c6f82;
  border-radius: 5px !important ;
  font-weight: 400;
  color: #000;
}

input[type="date"] {
  display: block;
}

/* ------------------- BUTTONS ------------------- */
input.button.btn,
input.button.btn *,
.btn-primary,
.btn-primary * {
  font-weight: 400;
}

.btn-primary:hover,
.btn-primary.active:hover {
  opacity: 0.8;
}

.btn-link span,
.btn-link {
  color: #1f66da;
  font-weight: 700;
}

/* ------------------ LAYOUT NEWS PAGE ------------------ */
.phantom-news-list-layout .views-exposed-form {
  .form-actions {
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    flex-direction: row-reverse;
  }
}

@media (min-width: 992px) {
  .phantom-news-list-layout .views-exposed-form {
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 10px 40px;
    grid-template-rows: 1fr 1fr auto;

    .form-actions {
      grid-column: 2 / span 1;
      margin-top: 1rem !important;
    }
  }
}

@media (min-width: 1200px) {
  .phantom-news-list-layout .views-exposed-form {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    gap: 0px 20px;
    grid-template-rows: 1fr auto;
    .form-actions {
      grid-column: 4 / span 1;
    }
  }
}