/* -- COLORS -- */
body {
  background-color: rgb(252, 252, 252);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

p {
  color: rgba(77, 77, 77, 0.8);
}

li {
  color: rgba(77, 77, 77, 0.8);
}

label {
  color: rgba(77, 77, 77, 0.8);
}

h1,
h2,
h3,
h4,
h5 {
  color: rgb(77, 77, 77, 0.9);
}

.navbar-title {
  color: rgb(77, 77, 77, 0.8);
  font-size: 28px;
  font-weight: 300;
}

.modal-inavlid-message {
  padding-left: 10px;
  padding-top: 5px;
  color: rgba(255, 0, 0, 0.75);
  font-size: 14px;
  display: none;
}

.modal-title {
  font-size: 20px;
  color: rgb(77, 77, 77, 0.9);
}

.modal-sub-title {
  font-size: 18px;
  color: rgb(77, 77, 77, 0.9);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: #5f9dfa !important;
  border-color: #5f9dfa !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited {
  background-color: #898989 !important;
  border-color: #898989 !important;
}

/* !FOOTER */
.footer-container {
  margin-top: 75px;
  margin-bottom: 25px;
}

.footer-container .container {
  padding-top: 75px;
}

.subscribe-inavlid-email {
  color: rgba(255, 0, 0, 0.75);
  font-size: 14px;
  display: none;
  padding: 0;
  margin: 0;
}

.subscription input[type="text"] {
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(31, 22, 22, 0.5);
  opacity: 50%;
}

.subscription input[type="text"]:focus {
  outline: none;
  opacity: 100%;
}

.subscription button {
  background-color: transparent;
  color: rgb(0, 0, 0);
  border: none;
  display: block;
  padding: 0;
  margin: 0px 0px;
  opacity: 50%;
}

.subscription button:hover {
  opacity: 100%;
}

.subscription-title {
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 0;
}

.subscription-text {
  margin: 0;
}

/* -- FOOTER  MENU -- */
.footer-container ul {
  list-style-type: none;
  padding-left: 0;
}

.footer-container li {
  height: 33px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.footer-container a {
  text-decoration: none;
  color: rgb(54, 54, 54);
  opacity: 75%;
  padding-bottom: 5px;
  /* border-bottom: 2px dotted rgba(0, 0, 0, 0.15); */
}

.footer-container a.disabled {
  opacity: 0.3;
  pointer-events: none;
}