/*********************************************************************************************\
*       COPYRIGHT � 2020 ENVISION INFORMATION TECHNOLOGIES, LLC.    ALL RIGHTS RESERVED.      *
*       DISTRIBUTION, UNAUTHORIZED USE AND MODIFICATION IS STRICTLY PROHIBITED                *
*       ENVISION IT, MADISON, WI    http://www.envisionitllc.com   info@envisionitllc.com     *
\*********************************************************************************************/

.book_a_speaker_form {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.667vw auto;
  width: 80%;
}

.book_a_speaker_form .book_a_speaker_form_question {
  margin-top: .55vw;
  width: 100%;
}

.book_a_speaker_form .book_a_speaker_form_question input,
.book_a_speaker_form .book_a_speaker_form_question select,
.book_a_speaker_form .book_a_speaker_form_question textarea {
  background: transparent;
  border: .10415vw solid #4F4F4F;
  color: #4F4F4F;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2vw;
  max-width: none;
}

.book_a_speaker_form .book_a_speaker_form_question input {
  width: 99.1%;
}

.book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_first_name,
.book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_last_name {
  width: 48.8%;
}

.book_a_speaker_form .book_a_speaker_form_question select {
  width: 99.6%;
}

.book_a_speaker_form .book_a_speaker_form_question textarea {
  width: 98.9%;
}

.book_a_speaker_form .book_a_speaker_form_submit_section #book_a_speaker_form_submit_button {
  margin-top: .6vw;
  width: 16.667vw;
}

.book_a_speaker_form #recaptcha_area {
  margin: .8333vw auto;
  width: 304px;
}

.book_a_speaker_form span {
  font-size: 32px;
}

.book_a_speaker_form .ui-button-text {
  font-size: 24px;
}

#speaker_content {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.speaker_bio {
  align-items: center;
  background: #EFBE1C;
  color: #000;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 50%;
}

.speaker_bio p {
  font-size: 21px;
  margin: 0 auto;
  width: 80%;
}

.speaker_half {
  height: calc(70vw + 100px);
}

.speaker_half.form {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 35%;
}

.speaker_half.form h2 {
  font-size: 36.8px;
  font-weight: 400;
}

.speaker_half.form p {
  font-size: 24px;
  text-align: center;
  width: 87%;
}

.speaker_half.profiles {
  width: 65%;
}

.speaker_image {
  width: 50%;
  height: 100%;
}

.speaker_profile {
  display: flex;
  height: calc((100% - 100px) / 3);
  width: 100%;
}

.speaker_profile:first-child .speaker_bio {
  padding-top: 100px;
  height: calc(100% - 100px);
}

.speaker_profile#beau {
  height: calc(((100% - 100px) / 3) + 100px);
}

.speaker_profile#beau,
.speaker_profile#bill {
  flex-direction: row;
}

.speaker_profile#nancy {
  flex-direction: row-reverse;
}

.speaker_profile#beau .speaker_image {
  background-image: url(/templates/Home_2020/images/beau.jpg);
  background-size: 200%;
  background-position-x: -24vw;
  background-position-y: -9vw;
}

.speaker_profile#bill .speaker_image {
  background-image: url(/templates/Home_2020/images/bill.jpg);
  background-size: 110%;
  background-position-x: right;
  background-position-y: bottom;
}

.speaker_profile#nancy .speaker_image {
  background-image: url(/templates/Home_2020/images/nancy.jpg);
  background-size: 150%;
}

/* 1920+ MEDIA QUERIES ===================================================================== */
@media (min-device-width: 1921px), (min-width: 1921px) {
  .book_a_speaker_form .ui-button-text {
    font-size: 1.25vw;
  }

  .speaker_half {
    height: 75.208vw;
  }

  .speaker_bio p {
    font-size: 1.094vw;
  }

  .speaker_half.form h2 {
    font-size: 1.917vw;
    margin-top: 6.667vw;
  }

  .speaker_half.form p {
    font-size: 1.25vw;
  }

  .speaker_profile {
    display: flex;
    height: calc((100% - 5.208vw) / 3);
    width: 100%;
  }

  .speaker_profile:first-child .speaker_bio {
    padding-top: 5.208vw;
    height: calc(100% - 5.208vw);
  }

  .speaker_profile#beau {
    height: calc(((100% - 5.208vw) / 3) + 5.208vw);
  }
}

/* DESKTOP/TABLET MEDIA QUERIES ============================================================ */
@media (max-device-width: 1875px), (max-width: 1875px) {
  .speaker_bio p {
    font-size: 1.12vw;
  }
}

@media (max-device-width: 1645px), (max-width: 1645px) {
  .speaker_half.form p {
    font-size: 1.459vw;
  }

  .speaker_half.form h2 {
    font-size: 2.24vw;
    margin-top: 7.8vw;
  }
}

@media (max-device-width: 1875px), (max-width: 1875px) {
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_first_name,
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_last_name {
    width: 48.6%;
  }
}

@media (max-device-width: 1150px), (max-width: 1150px) {
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_first_name,
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_last_name {
    width: 48.3%;
  }
}

/* MOBILE MEDIA QUERIES ==================================================================== */
@media (max-device-width: 800px), (max-width: 800px) {
  .book_a_speaker_form .book_a_speaker_form_question {
    margin-top: 0;
  }

  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_first_name,
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_last_name,
  .book_a_speaker_form .book_a_speaker_form_question input,
  .book_a_speaker_form .book_a_speaker_form_question select,
  .book_a_speaker_form .book_a_speaker_form_question textarea {
    margin-top: 2vw;
  }

  .book_a_speaker_form .book_a_speaker_form_question input,
  .book_a_speaker_form .book_a_speaker_form_question textarea,
  .book_a_speaker_form .book_a_speaker_form_question select {
    font-size: 5.5vw;
  }

  .book_a_speaker_form .book_a_speaker_form_question input {
    width: 100%;
  }
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_first_name,
  .book_a_speaker_form .book_a_speaker_form_question input#book_a_speaker_form_last_name {
    width: 100%;
  }

  .book_a_speaker_form .book_a_speaker_form_question select {
    width: 100%;
  }

  .book_a_speaker_form .book_a_speaker_form_question textarea {
    width: 99.5%;
  }

  .book_a_speaker_form .book_a_speaker_form_submit_section #book_a_speaker_form_submit_button {
    margin: 4vw auto 0;
    width: 69vw;
  }

  .book_a_speaker_form #recaptcha_area {
    margin: 3vw auto 0;
  }

  .book_a_speaker_form span {
    font-size: 5vw;
  }

  .book_a_speaker_form .ui-button-text {
    font-size: 4vw;
  }

  .book_a_speaker_form {
    margin: 1.5vw auto 5vw;
  }

  .speaker_bio {
    width: 100%;
  }

  .speaker_bio p {
    font-size: 3.5vw;
    margin: 6vw auto;
  }

  #speaker_content {
    flex-direction: column;
  }

  .speaker_half.form,
  .speaker_half.profiles {
    height: unset;
    width: 100%;
  }

  .speaker_half.form h2 {
    font-size: 6vw;
  }

  .speaker_half.form p {
    font-size: 4vw;
  }

  .speaker_image {
    height: 53vw;
    width: 100%;
  }

  .speaker_profile:first-child .speaker_bio {
    padding-top: 0;
  }

  .speaker_profile#beau,
  .speaker_profile#bill,
  .speaker_profile#nancy {
    flex-direction: column;
  }

  .speaker_profile#beau .speaker_image {
    background-size: 185%;
    background-position-x: -60vw;
    background-position-y: -40vw;
  }

  .speaker_profile#bill .speaker_image {
    background-position-y: 80vw;
  }

  .speaker_profile#nancy .speaker_image {
    background-size: 152%;
    background-position-y: -20vw;
  }
}