@import 'reset.css';
@import 'menu.css';
@import 'footer.css';

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background: #383838;
  font-family: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
  min-width: 320px;
}

input {
  font-family: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}

.pill-btn, form.footer-newsletter input[type="submit"] {
  border: 2px solid #0CD459;
  color: #0CD459;
  border-radius: 2em;
  text-decoration: none;
  font-weight: 700;
  padding: 0.8em 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: background 0.3s, color 0.3s;
}


.pill-btn:hover, form.footer-newsletter input[type="submit"]:hover {
  background: #0CD459;
  color: white;
  cursor: pointer;
}

/* Newsletter form */

form.newsletter {
  color: white;
  order: 2;
  width: 420px;
  height: 350px;
  background: #383838;
  padding: 40px 70px;
}

form.newsletter h1 {
  font-size: 30px;
  margin-bottom: 23px;
  font-weight: 300;
}

form.newsletter p, form.footer-newsletter p {
  font-size: 14px;
  margin-bottom: 23px;
  font-weight: 300;
}

@media (max-width: 1350px) {
  form.footer-newsletter {
    display: none;
  }
}

form.footer-newsletter p {
  margin-bottom: 10px;
}

form.footer-newsletter input[type="email"], form.newsletter input[type="email"] {
  width: 100%;
  height: 45px;
  border-radius: 23px;
  color: #9999A5;
  border: none;
  padding: 0 20px;
  font-weight: 300;
  margin-bottom: 10px;
  background: #262626;
}

form.footer-newsletter input[type="email"] {
  height: 40px;
}

form.newsletter label, form.footer-newsletter label {
  font-size: 12px;
  margin-left: 12px;
  font-weight: 300;
}

form.newsletter input[type="submit"] {
  width: 100%;
  background: #0CD459;
  border: none;
  border-radius: 23px;
  height: 45px;
  margin-top: 10px;
  color: white;
  font-weight: bold;
}

form.footer-newsletter input[type="submit"] {
  background: none;
  font-size: 11px;
  width: 100%;
}

/* Hide languge for now */
.menu-lang {
  visibility: hidden;
}

.footer-end a {
  color: #ffffff !important;
  text-decoration: underline;
}

.footer-end a:hover {
  color: #0CD459 !important;
  text-decoration: underline;
}