/*
 * Base structure
 */
body {
  overflow-x: hidden;
}
.h1, h1 {
  font-size: calc(1.5rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 3.0rem;
  }
}
.malaka-home {
  background-image: url("./images/malakapalooza-4.0-background.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 50%;
}
.malaka-header {
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}
.malaka-header p {
  /* text-shadow: white -1px 0px; */
  font-weight: 700;
}
.malaka-home .malaka-btn-group {
  margin-bottom: 20px;
}
.malaka-btn {
  background: rgba(0,0,0,0.5);
  border-radius: 2px;
  border: 2px solid white;
  color: white;
}

/*
 * Footer
 */
 .footer-malaka {
  background: rgba(0,0,0,0.5);
  padding-top: 20px;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 15px;
  padding-right: 15px;
 }
 .footer-malaka a {
  text-decoration: none;
  color:white;
 }
 .footer-malaka a:hover {
  color: #0d6efd;
  /* color: #00008B; */
}

 /*
 * Modal
 */
 @media (min-width: 676px) {
  .modal-dialog {
    max-width: 600px;
  }
 }
.modal-content {
  background-color: #008763;
  text-align: left;
}
.modal-content li {
  margin-bottom: 5px;
  font-weight: 500;
}
.modal-header {
  border-bottom: none;
}
.modal-content li.malaka-useful-links {
  margin-bottom: 15px;
}
.malaka-useful-links a {
  text-decoration: none;
  color:white;
}
.malaka-useful-links a:hover {
  color: #00008B
}
.malaka-icon {
  font-size: 23px;
}
.fa-regular.fa-circle-xmark {
  font-weight: 400;
  font-size: xxx-large;
}
.fa-regular.fa-circle-xmark:hover {
  color:#00008B;
  cursor: pointer;
}