@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --in-font-head: "Roboto", sans-serif;
  --in-font-body: "Roboto", sans-serif;
}

body {
  font-family: "Roboto", sans-serif;
}

.motive {
  height: 50rem;
}

.motto__text {
  margin: 2rem 0rem;
}

.motto__title {
  text-wrap: balance;
}

.motto__button-link {
  border-radius: 0;
  font-family: var(--in-font-head);
  text-transform: uppercase;
  padding: 15px 35px;
  font-weight: 500;
}

.navbar {
  max-width: 1400px;
  margin: auto;
}

@media (min-width: 576px) {
  .section-3-col-bottom-text.cell-img-borders .section-cell-item.col-sm-6 {
    width: calc(25% - 2 * var(--section-item-margin));
  }
}

@media (min-width: 768px) {
  .user-form {
    max-width: 50rem;
  }
}

.user-form__checkbox .user-form__checkbox-input {
  margin-top: .075em;
}

/* ----- FOOTER ----- */
/*===========================================================================*/
.footer {
  background-color: #1B1B19;
  background-image: var(--bs-gradient);
}

.footer p {
  margin: 0;
}

.footer, .footer a {
  color: rgba(var(--bs-light-rgb), 0.7);
}

.footer h5 {
  color: var(--bs-light);
}

.footer a:hover {
  color: var(--bs-light);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--bs-primary);
  text-decoration-color: var(--bs-primary);
  text-underline-offset: 3px;
}

.footer .social-icons > li > a > img {
  -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(0.7);
  filter: saturate(0%) brightness(0%) invert(100%) opacity(0.7);
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.footer .social-icons > li > a:hover > img {
  -webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
  filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
}

.footer {
  background-image: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 20px;
}

.footer img[src*="/static/icons"] {
  background-color: unset;
  border-radius: unset;
  padding: unset;
}

.footer:before {
  display: none;
}

/* ----- UTILITIES ----- */
/*===========================================================================*/
.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}