/* general styles */

.midi-a-section p,
.midi-a-section ul {
  font-size: 1rem !important;
  /* padding: 0.8rem 0rem 0.8rem 0; */
}

.midi-a-section ul {
  list-style-position: inside;
}

.brand-red {
  color: #fb3100 !important;
}

.section-padding {
  padding: 3rem 0 3rem 0;
}

.bold {
  font-family: "Faktum-Bold", sans-serif !important;
}

/* header style */

.midi-a-header {
  /* background: black; */
  padding: 1rem 0rem 1rem 0rem;
  background: linear-gradient(
      0deg,
      rgba(53, 53, 53, 0.3),
      rgba(27, 26, 27, 0.3)
    ),
    url("../mhs_2020_brand/images/MIDI_Associtation_Desktop.jpg");
  background-repeat: no-repeat, repeat;
  /* background-blend-mode: multiply; */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-position: center;
  background-attachment: fixed;
  z-index: 1000;
}

.big-red-register-button {
  background: #fb3100 !important;
  padding: 20px;
  margin-bottom: 2rem !important;
  color: white !important;
  text-decoration: none;
  transition: 0.5s all ease;
  box-shadow: (0.1, 0.1, 0.1);
}

.big-red-register-button:hover {
  background: #b42c0a !important;
  text-decoration: none;
  color: white;
}

/* banner style */

.midi-awards-banner {
  background: linear-gradient(0deg, rgba(53, 53, 53, 1), rgba(27, 26, 27, 0.5)),
    url("../mhs_2020_brand/images/MIDI_Associtation_Desktop.jpg");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat, repeat;
  /* background-blend-mode: multiply; */
  background-size: cover; /* Resize the background image to cover the entire container */
  min-height: 500px;
  color: white !important;
  text-align: center;
  font-family: "Faktum-Regular", sans-serif !important;
  width: 100% !important;
}

/* Genreric block style - on white background */
.midi-a-block {
  padding: 20px !important;
}

.midi-a-block h1 {
  color: #fb3100 !important;
  font-family: "Faktum-Regular", sans-serif !important;
  font-size: 3rem !important;
}

/* iframe style for the voting insert */
iframe {
    overflow: scroll;
}

/* Midi awards prize block */

.midi-a-awards-block {
  background: linear-gradient(0deg, rgba(53, 53, 53, 1), rgba(27, 26, 27, 0.5)),
    url("../mhs_2020_brand/images/MIDI_Associtation_Desktop.jpg");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat, repeat;
  /* background-blend-mode: multiply; */
  background-size: cover; /* Resize the background image to cover the entire container */
  padding: 3.4rem 0 2.4rem 0;
}

.midi-a-awards-block h1 {
  color: white !important;
  font-family: "Faktum-Regular", sans-serif !important;
  font-size: 3.5rem !important;
  text-align: center;
  padding: 0 3rem 0 3rem;
}

/* Sponsors block */

.midi-a-sponsors-block {
  padding: 3rem 0 3rem 0;
  background-color: #8c969d;
}

.midi-a-sponsors-block h1 {
  color: white;
  font-size: 3rem !important;
}

.sponsorlogo {
  margin: 10px !important;
  /* max-height: 70px!important;
    width: auto!important; */
  align-self: center;
}

/* About the hosts */

.midi-a-hosts-block {
  position: relative;
  padding: 6rem 0 6rem 0;
  background: #111111;
}

.midi-a-hosts-block h2 {
  color: white;
}
.midi-a-hosts-block h3 {
  color: #fb3100 !important;
  font-size: 1rem;
}
.midi-a-hosts-block p {
  color: white !important;
}

/* red zig zag */
.graphic-element-a {
  position: absolute;
  bottom: 0;
  right: 20%;
}

/* grey twrily thing */
.graphic-element-b {
  position: absolute;
  top: 40%;
  left: o;
}

/**
* PRIZES BLOCK
*/

.midi-a-prizes-block {
  background: linear-gradient(0deg, rgba(53, 53, 53, 1), rgba(27, 26, 27, 0.5)),
    url("../mhs_2020_brand/images/MIDI_Associtation_Desktop.jpg");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat, repeat;
  padding: 3rem 0 3rem 0;
}

.midi-a-prizes-block h1,
.midi-a-prizes-block p,
.midi-a-prizes-block ul {
  color: white;
}

.midi-a-prizes-block h3 {
  color: #fb3100;
}

/**
* ENTER BLOCK
*/

.midi-a-enter {
}

/*
* JUDGES section styling
*/

/* Mobile */


.judges-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.finalist-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (max-width: 1056px) {
  .judges-row, .finalist-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

@media only screen and (max-width: 756px) {
  .judges-row, .finalist-row {
    display: grid;
    grid-template-columns: 1fr!important;
  }
}
.finalist-card p, .finalist-card a {
  font-size: 13.5px!important;
}

.finalist-card {
  display: grid!important;
  grid-template-rows: 70px 60px 308px;
  padding-left: 15px;
  padding-right: 15px;
  justify-items: center;
}


.level-sponsor {
  background: #fb3100 !important;
  color: white;
  margin: 67px 20px 12px 20px;
  padding: 4px;
  /* width: 15%; */
  text-align: center;
  transform: skew(-10deg, -4deg);
}