/*======================================
Living Options Quiz
======================================*/

.options-quiz {
  padding-bottom: 1px;
}
.options-quiz:not(.started) {
  background: #F2F1EC;
}

.options-quiz:not(.started) .start-bg {
  background-repeat: no-repeat;
  background-position: top center;
  /*background-image: url(https://cdn2.hubspot.net/hubfs/747395/ArborCompany_April2016/images/quiz-hero-image.jpg);*/
  background-image: url(https://747395.fs1.hubspotusercontent-na1.net/hubfs/747395/2023%20Arbor%20Stock%20-%20Marlton/2023_8_31-9_1_TheArborCo_%C2%A9TomSanders_S5_Patio_2938-1.jpg);
  background-size: cover;
  height: 675px;
}

.options-quiz .community-logo {
  text-align: left;
  padding-left:0;
}

.options-quiz .page-center {
  padding: 0 !important;
}

.options-quiz #living-options {
  background: #fff;
  text-align: center;
  padding: 55px 25px;
  margin-bottom: 85px;
  margin-top: 150px;
}

.options-quiz #living-options h2, .options-quiz.started #question, #bio_ep h1 {
  color: #395775;
  font-size: 39px;
  line-height: 47px;
  font
}

.options-quiz #living-options h1, .living-title, .quality-title {
  color: #363636;
  font-size: 29px;
  margin-bottom: 15px;
}


.options-quiz #living-options h1 {
  font-weight: 500;
}


.options-quiz #living-options h2 {
  font-weight: 700;
}


.options-quiz.started #question, .living-title {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.options-quiz:not(.started) #living-options {
  margin-top: -28%;
  box-shadow: 0 0 18px 0 rgba(0,0,0,0.09);
  padding: 55px 100px;
}

.options-quiz:not(.started) #living-options h2:after, .options-quiz.started #question[position="0"]:after,
.options-quiz .results-title:after {
  display: block;
  content: '';
  width: 50%;
  height: 1px;
  background: #454545;
  margin: 45px auto;
}

.options-quiz .results-title:after {
  margin: 15px auto 30px;
  width: 125px;
}

.options-quiz #start {
  border-radius: 8px;	
  background-color: #395775;
  min-width: 275px;
  padding: 15px 25px;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  margin-top: 40px;
  cursor: pointer !important;
}

.options-quiz #question {
  font-size: 29px;
  line-height: 37px;
  color: #454545;
}

.options-quiz.started #start, .options-quiz .score, .options-quiz .question-num {
  display: none;
}

.options-quiz.started #living-options {
  padding-bottom: 200px;
}

.options-quiz .percent {
  margin-bottom: 5%;
}

.options-quiz .percentBar {
  width: 90%;
  max-width: 465px;
  border: 1px solid #979797;
  margin-right: 15px;
}

.options-quiz .percentBar, .options-quiz .q {
  display: inline-block;
  vertical-align: middle;
}

.options-quiz .percentBarFill {
  height: 16px;
  background-color: #395775;
  display: block;
}

.options-quiz #answers {
  margin-top: 35px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

.options-quiz #answers div {
  width: 45%;
  border: 4px solid #395775;	
  border-radius: 8px;
  padding: 30px;
  font-size: 32px; 
  line-height: 1.2;
  color: #395775;
  cursor: pointer;
  margin-top: 25px;
  min-height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.options-quiz #answers div:nth-child(odd) {
  margin-right: 5%;
}

.options-quiz #answers div:hover {
  background: #395775;
  color: #fff;
}

.options-quiz.results #living-options {
  padding: 10px 0 0;
  margin-bottom: 0;
}

.options-quiz.results #living-options .disclaimer {
  font-size: 16px;
  max-width: 950px;
  margin: 10% auto 20px;
  color: #454545;
}

.options-quiz .result-img {
  width: 100%;
  margin-bottom: 45px;
}

.options-quiz #actual_results .results-descrip {
  max-width: 850px;
  margin: 20px auto 60px;
  font-size: 19px;
  line-height: 25px;
  color: #454545;
}

.options-quiz #actual_results p:last-child {
  margin: 30px auto 0;
  width: 800px;
  max-width: 100%;
}

.options-quiz #email-quiz {
  color: #395775;
  text-decoration: none;
  padding-right: 25px;
  padding-bottom: 5px;
  padding-top: 3px;
  border-right: 1px solid #979797;
  cursor: pointer;
}

.options-quiz #resetQuiz {
  color: #454545;
  padding-left: 25px;
  cursor: pointer;
}

.options-quiz #email-quiz i {
  margin-right: 8px;
}

.options-quiz #resetQuiz i {
  margin-right: 5px;
}

.options-quiz #email-quiz span, .options-quiz #resetQuiz span {
  text-decoration: underline;
}

.options-quiz #result-ctas {
  margin-bottom: 75px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.options-quiz #result-ctas a {
  display: inline-block;
  width: 47%;
  max-width: 530px;
  background: #395775;
  color: #fff;
  border-radius: 8px;
  padding: 25px 5%;
  font-size: 21px;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  min-height: 125px;
}

.options-quiz #result-ctas a.tour-cta {
  padding: 25px 5%;
}

.options-quiz #result-ctas a:first-child {
  margin-right: 3%;
}

.options-quiz #result-ctas a i {
  font-size: 50px;
  margin-right: 20px;
}

.options-quiz form {
  max-width: 500px;
  width: 95%;
  margin: 20px auto;
}

.options-quiz form input {
  padding: 15px;
  width: 100% !important;
}

.options-quiz form .hs-form-field > label {
  display: none;
}

.options-quiz form .hs-error-msgs {
  margin-left: 10px;
  margin-top: 10px;
  position: absolute;
}

.options-quiz form .hs-error-msgs label {
  color: red;
}

.options-quiz form .actions {
  padding: 0;
  margin-top: 22px;
}

.options-quiz form input[type="submit"], .options-quiz form input[type="submit"]:focus {
  background: #395775;
  border: 2px solid #395775 !important;
  width: 100%;
  padding: 15px;
  font-size: 16px;
  text-shadow: none;
  box-shadow: none !important;
}

.options-quiz form input[type="submit"]:hover {
  background: transparent;
  border: 2px solid #395775;
  color: #395775;
  box-shadow: none;
}

.options-quiz .submitted-message {
  margin-top: 40px;
  color: #454545;
}

.options-quiz .hs_living_options {
  visibility: hidden;
  height: 0;
  margin: 0 !important;
  position: static;
  display: block;
}

#bio_ep {
  border-radius: 22px;	
  background-color: #F2F1EC !important;	
  box-shadow: 0 3px 24px 0 rgba(0,0,0,0.11) !important;
  text-align: center;
  padding: 25px 25px 75px;
  width: 100% !important;
  max-width: 830px;
  height: auto !important;
}

#bio_ep_close {
  background: transparent;
  color: #395775;
  font-weight: 300;
  height: auto;
  font-size: 40px;
  position: static;
  text-align: right;
  width: 100%;
}

#bio_ep p {
  font-size: 29px;	
  line-height: 37px;
  color: #454545;
  margin: 30px auto 45px;
}

#bio_ep a {
  border-radius: 8px;	
  background-color: #395775;
  display: block;
  width: 100%;
  padding: 30px 55px;
  font-size: 21px;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  max-width: 530px;
  margin: 0 auto;
}

@media (max-height: 530px) {
  #bio_ep, #bio_ep_bg {
    display: none !important;
  }

  body {
    overflow: auto !important;
  }
}

@media (max-width: 1120px) {
  .options-quiz #result-ctas .calc-cta br {
    display: none;
  }
}

@media (max-width: 980px) {
  .options-quiz #result-ctas a {
    padding: 25px 3%;
  }

  .options-quiz:not(.started) #living-options {
    margin-top: -42%;
  }

  .options-quiz #living-options h2, .options-quiz.started #question {
    font-size: 32px;
    line-height: 40px;
  }

  .options-quiz #question {
    font-size: 22px;
    line-height: 30px;
  }

  .options-quiz:not(.started) #living-options {
    padding: 55px;
  }
}

@media (max-width: 768px) {
  .options-quiz #result-ctas {
    margin-bottom: 25px;
  }

  .options-quiz #result-ctas a {
    width: 100%;
    padding: 25px 75px;
    margin: 0 0 20px !important;
  }

  .options-quiz:not(.started) #living-options {
    margin-top: -60%;
  }

  .options-quiz .footer-container-wrapper, .options-quiz .header-container-wrapper .page-center-wide {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .options-quiz #answers div {
    width: 100%;
  }

  .options-quiz #answers div:nth-child(odd) {
    margin-right: 0;
  }

  #bio_ep, #bio_ep_bg {
    display: none !important;
  }

  body {
    overflow: auto !important;
  }
}

@media (max-width: 600px) {
  .options-quiz:not(.started) .start-bg {
    height: 400px;
  }

  .options-quiz:not(.started) #living-options {
    margin-top: -30%;
    padding: 35px;
  }

  .options-quiz #living-options h2, .options-quiz.started #question {
    font-size: 27px;
    line-height: 35px;
  }

  .options-quiz #question {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .options-quiz #result-ctas a {
    padding: 25px 30px;
  }
}

@media (max-width: 400px) {
  #email-quiz, #resetQuiz {
    display: block;
    padding: 0 !important;
    border: none !important;
  }
}