/****** Text ******/
h3 {
  font-family: Playfair Display, serif!important;
  font-size: 28px !important;
  font-weight: 300important;
  text-transform: none!important;
  letter-spacing: .001em!important;
}

.hero-format h2 {
  font-size: 2.5em !important;
  font-weight: lighter!important;
  letter-spacing: 0px!important;
}

.hero-format h3 {
  font-family:  'Barlow', sans-serif;!important;
}

.form-step h4 {
  font-family:  'Barlow', sans-serif;!important;
  font-weight: 400!important;
  text-transform: uppercase !important;
  letter-spacing: 5px;!important;
  color: #917569!important;
  font-size: 18px!important;
}


/****** BANNER *******/
.banner {
  background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://365484.fs1.hubspotusercontent-na1.net/hubfs/365484/a_Site-Images/Headers/parent-and-child-greet-a-property-manager.webp');
}

.customer-quote,
.banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.customer-quote {
  background-image: url('https://365484.fs1.hubspotusercontent-na1.net/hubfs/365484/a_Site-Images/couple-and-dog.jpg');
}

.icon:hover {
  fill: #fff!important; 
}

.banner h1 span {
  text-decoration: underline;
  text-decoration-color: #ecc972;
}

.banner p {
  font-size: 1.5rem;
  line-height: 1.2;
}


/*********** Self Guided ***********/

#self-guided input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
  background-color: transparent;
  border-bottom: 2px solid #fff;
}

/*********** FORM ***********/

.hs_cos_wrapper_type_module:has(.form-step.active[data-step="1"]) .step[data-step="1"] .number,
.hs_cos_wrapper_type_module:has(.form-step.active[data-step="2"]) .step[data-step="2"] .number,
.hs_cos_wrapper_type_module:has(.form-step.active[data-step="3"]) .step[data-step="3"] .number {
  background-color: #f6f3ee!important;
  border-color: #917569!important;
  color: #917569!important
}

.submitted-message a {
  text-decoration: underline;
}


/*********** POP-UP CARDS ***********/
.grid {
  display: grid;
  gap: 2rem;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.popup-link-card {
  background-color: #f6f3ee!important; 
  color: #4f4f4f!important;
/*   color: #0a2248!important; */
  height: 100%;
  transition-duration: 250ms;
}

.popup-link-card:hover {
  background-color: #12233f !important;
}

.popup-link-card h3,
.popup-link-card img {
  text-align: center;
}

.popup-link-card h3 {
  line-height: 1.32;
  margin-bottom: 1.1em;
  margin-top: 1.1em;
  font-family: Playfair Display, serif!important;
  font-size: 28px!important;
  font-weight: 300!important;
  text-transform: none!important;
  letter-spacing: .001em!important;
}

.popup-link-card:hover h3 {
  color: #ffffff!important;
}

.popup-link-card:hover > img {
  filter: brightness(0) invert(1);
}

.popup-link-card ul {
  padding-left: 20px;
}

ul.date-buttons > li.active {
  background-color: #f6f3ee!important;
  border-color: #917569!important;
}

ul.date-buttons > li > span.month {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}

.line-button {
  display: inline-block;
  margin: 1rem;
}

.form-box label {
    color: rgb(103, 105, 94);
}

.form-step input:not([type=radio]):not([type=checkbox]) {
  background-color: #fff;
  box-shadow: none;
  border-width: 0;
  border-bottom: 2px solid #917569;
}

.form-step select,
.form-step textarea {
  border-radius: 10px;
}

.line-button button:after,
.line-button button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid #917569;
  transition: transform .2s;
}

.line-button button:before {
  transform: translate(-3px, -3px);
}

button:after {
  transform: translate(3px, 3px);
}

.popup-link-card img {
  height: 56px;
}

@media (prefers-reduced-motion: no-preference) {
  .popup-link-card:hover {
    transform: scale(1.05);
    transition-duration: 250ms;
    background-color: #917569!important;
    color: #fff!important;
    cursor: pointer;
  }

  .popup-link-card:hover a {
    background-color: #917569!important;
    color: #fff;
  }
}


/* Pagination */
/* .multistep-form button.apply_for_tour.submit, */
.multistep-form .buttons button.pagination {
  position: relative;
  min-width: 150px;
  max-width: 100%;
  background-color: #fff;
  padding: 13px 23px;
  margin: 3px;
  border: 0;
  color:  #917569 !important;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
  text-transform: none;
  transition: .2s ease-in-out;
}

/* .multistep-form button.apply_for_tour.submit:hover, */
.multistep-form .buttons button.pagination:hover {
  background-color: #917569;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .15);
  color: #ffffff!important;
}


.multistep-form .buttons button {
  position: relative;
  margin-top: 0px;
  margin-bottom: 8px;
}

#self-guided [type="submit"] {
  position: relative;
  background: transparent;
  letter-spacing: 2.5px;
  font-weight: 600;
  color: #67695e;
  margin: 0;
  transform: scale(1)!important;
  z-index: 1;
}

#self-guided .actions:hover input {
  background: #917569;
  color: #fff;
}

/* .multistep-form button.apply_for_tour.submit, */
#self-guided .actions {
  position: relative;
  display: inline-block;
  margin: 24px 0 0 0;
  border: 0px!important;
}

/* .multistep-form .buttons button.apply_for_tour.submit:before,
.multistep-form .buttons button.apply_for_tour.submit:after, */
#self-guided .actions:before,
#self-guided .actions:after,
.multistep-form .buttons button.pagination:before,
.multistep-form .buttons button.pagination:after,
.multistep-form .buttons button.next:before,
.multistep-form .buttons button.next:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #917569;
  transition: transform 0.3s ease;
}

/* .multistep-form .buttons button.apply_for_tour.submit:before */
.multistep-form .buttons button.pagination:before,
.multistep-form .buttons button.next:before,
#self-guided .actions:before {
  transform: translate(3px, 3px);
}

/* .multistep-form .buttons button.apply_for_tour.submit:after, */
.multistep-form .buttons button.pagination:after,
.multistep-form .buttons button.next:after,
#self-guided .actions:after {
  transform: translate(-3px, -3px);
}

/* .multistep-form .buttons button.apply_for_tour.submit:hover:before,
.multistep-form .buttons button.apply_for_tour.submit:hover:after, */
.multistep-form .buttons button.pagination:hover:before,
.multistep-form .buttons button.pagination:hover:after,
.multistep-form .buttons button.next:hover:before,
.multistep-form .buttons button.next:hover:after,
#self-guided .actions:hover:before,
#self-guided .actions:hover:after {
  transform: translate(0px, 0px);
}

.multistep-form .checkmark-icon svg { stroke: #917569 }

.multistep-form .buttons button.apply_for_tour.submit {
  background-color: #917569;
  border-color: #917569;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .15);
  color: #ffffff;
}

.multistep-form .buttons button.apply_for_tour.submit:hover {
  transform: scale(1.1);
}

/* Button Toggles */
.form-step .checkbox-buttons input[type=checkbox]:checked+label,
.form-step .radio-buttons input[type=radio]:checked+label {
  background-color: #f6f3ee!important; #917569
  box-shadow: inset -1px -1px 3px -1px rgba(0, 0, 0, .3);
  color: #917569!important;
}

.form-box-content {
  background-color: #f7f5f0 !important;
  overflow: visible;
}

/* Steps */
.hs_cos_wrapper_type_module:has(.fail-message.show) .step[data-step="3"] .number,
.hs_cos_wrapper_type_module:has(.form-step.active[data-step="2"]) .step[data-step="1"] .number,
.hs_cos_wrapper_type_module:has(.form-step.active[data-step="3"]) .step[data-step="1"] .number,
.hs_cos_wrapper_type_module:has(.form-step.active[data-step="3"]) .step[data-step="2"] .number,
.hs_cos_wrapper_type_module:has(.thank-you-message.show) .step[data-step="3"] .number,
.progress-bar {
  background-color: #917569!important;
  border-color: #917569!important;
  color: #ffffff!important;
}


.form-required {
    color: #917569;
}

.form-box-content input[type=radio] {
  accent-color: #917569;
}

.form-step input:not([type=radio]):not([type=checkbox]),
#self-guided .actions:not([type=radio]):not([type=checkbox]):not([type=submit]) {
  background: transparent;
  border-color: #fff;
  border-width: 0;
  border-bottom: 2px solid #917569; 
}

.form-step input:not([type=radio]):not([type=checkbox]):not([type=radio]):focus,
.form-step select:focus,
.form-step textarea:focus,
#self-guided .actions:not([type=radio]):not([type=checkbox]):not([type=radio]):focus {
  background: rgba(0, 0, 0, 0.05);
  border-width: 0px;
  border-bottom: 2px solid #917569;
  box-shadow: none;
  outline: 0;
}

#self-guided .actions {
  margin-top: 24px;
}

.date-icon,
.location-icon {
  background-color: #917569;
}

.multistep-form table.table-condensed {
  font-size: 16px;
}

.multistep-form .datepicker-days table td.active {
  background-color: #917569!important;
}