﻿/* --------------------- */
/* Home Page Form */
/* --------------------- */
.homeFormContainer {
  position: relative;
  min-height: 553px;
}
.homeFormContainer .column, .homeFormContainer .columns {
  position: relative;
}
.homeFormContainer .fakefoundationcolumn {
  width: 378px;
  min-height: 505px;
  margin: 1.875rem 0 0 1.875rem;
}
@media only screen and (max-width: 63.063em) {
  .homeFormContainer .fakefoundationcolumn {
    width: inherit;
    margin: 0rem;
  }
}
.homeFormContainer .newhome-alttag {
  position: absolute;
  height: 553px;
  object-fit: cover;
}
.homeFormContainer .newhome-alttag-mobile {
  width: 100%;
}
.homeFormContainer .newhome-alttag-mobile img {
  height: 51.8vw;
}

.homeForm {
  background: rgba(245, 245, 245, 0.8);
  /*Tighten up the Search button*/
  /*Form Label Styling*/
  /**/
}
.homeForm .column, .homeForm .columns {
  position: relative;
}
.homeForm .columns button {
  margin: 0.5rem 1.75rem 0.5rem 0;
}
.homeForm h1 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.homeForm h1 .registered-trademark {
  color: inherit;
  font-weight: bold;
}
.homeForm h2 {
  font-weight: bold;
}
.homeForm a {
  font-weight: bold;
  color: #04548F;
}
.homeForm .hasDatepicker, .homeForm .hasDatepicker:focus {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%2304548f" d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l80 0 0 56-80 0 0-56zm0 104l80 0 0 64-80 0 0-64zm128 0l96 0 0 64-96 0 0-64zm144 0l80 0 0 64-80 0 0-64zm80-48l-80 0 0-56 80 0 0 56zm0 160l0 40c0 8.8-7.2 16-16 16l-64 0 0-56 80 0zm-128 0l0 56-96 0 0-56 96 0zm-144 0l0 56-64 0c-8.8 0-16-7.2-16-16l0-40 80 0zM272 248l-96 0 0-56 96 0 0 56z"/></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 95%;
}
.homeForm label {
  margin-right: 0rem;
  margin-bottom: 0rem;
  font-size: 1rem;
  font-weight: bold;
}
.homeForm input[type=text][readonly] {
  background-color: #fff;
}
.homeForm label input[type=text], .homeForm label input[type=password], .homeForm label input[type=date], .homeForm label input[type=datetime], .homeForm label input[type=datetime-local], .homeForm label input[type=month], .homeForm label input[type=week], .homeForm label input[type=email], .homeForm label input[type=number], .homeForm label input[type=search], .homeForm label input[type=tel], .homeForm label input[type=time], .homeForm label input[type=url], .homeForm label input[type=color], .homeForm label textarea, .homeForm label select {
  margin: 0 0 0.5rem 0 !important;
}
.homeForm input[type=text], .homeForm input[type=password], .homeForm input[type=date], .homeForm input[type=datetime], .homeForm input[type=datetime-local], .homeForm input[type=month], .homeForm input[type=week], .homeForm input[type=email], .homeForm input[type=number], .homeForm input[type=search], .homeForm input[type=tel], .homeForm input[type=time], .homeForm input[type=url], .homeForm input[type=color], .homeForm textarea, .homeForm input[type=file], .homeForm input[type=checkbox], .homeForm input[type=radio], .homeForm select {
  margin: 0 0 0.5rem 0 !important;
  box-shadow: none;
}
.homeForm form {
  margin-bottom: 0rem;
}

/* --------------------- */
/* Tabs for U-Box */
/* --------------------- */
.homeForm {
  /* styling overrides for the tabs */
}
.homeForm .tabs {
  background: none;
}
.homeForm .tabs-content { /*there's no border*/
  border: 0px;
}
.homeForm .tabs-title > a { /*note that this also styles the mobile font*/
  font-family: "Roboto", Roboto, sans-serif;
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
}
.homeForm .tabs-title:first-child { /*manually spaces out the 2 tabs; i think it's probably simpler to just do it like this since there's only 2*/
  width: 40%;
}
.homeForm .tabs-title:nth-child(2) {
  width: 60%;
}
.homeForm .tabs-title > a:focus, .homeForm .tabs-title > a[aria-selected=true] {
  background: #fff;
}
.homeForm #ubox {
  padding-bottom: 0rem !important;
}
.homeForm .ubox-reservation-cta { /*special button cta*/
  background-color: #04548F;
  display: flex;
  padding: 0.5rem 0;
}
.homeForm .ubox-reservation-cta .columns {
  align-self: center;
}
.homeForm .ubox-tagline {
  color: white;
  font-weight: 500;
  margin-bottom: 0rem;
}
.homeForm .ubox-booknow {
  background-color: white;
  color: #f15228;
  font-weight: bold;
}
.homeForm .ubox-modal:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1.2rem;
  vertical-align: text-top;
  margin-top: 0px;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2300386c" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>');
}
.homeForm .ubox-modal:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1.2rem;
  vertical-align: text-top;
  margin-top: 0px;
  background-repeat: no-repeat;
  margin-left: 0.25rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%2300386c" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

#ubox-modal-lg h2, #ubox-modal-sm h2 {
  color: #04548F;
  font-weight: 500;
}

@media only screen and (max-width: 63.063em) {
  .homeForm .tabs-content { /*change the bg color*/
    background: #ebebeb;
  }
  .homeForm .tabs-title { /*change the inactive tab title*/
    background: #fafafa;
  }
  .homeForm .tabs-title > a:focus, .homeForm .tabs-title > a[aria-selected=true] { /*change the active color*/
    background: #04548F;
    color: #fff;
  }
  .homeForm .tabs-title > a { /*decreases the padding of the tab titles on mobile phones so that they dont line break*/
    padding: 1.25rem 0.5rem;
  }
  .homeForm #panel4 { /*to cover up the empty gray space beneath the dark blue call out box*/
    padding-bottom: 0rem;
  }
}
/* --------------------- */
/* Home Page Sections */
/* --------------------- */
.whyMH { /* because "whyMH" is used at both small and medium sizes, this isn't affected by the show for medium up styling */
  margin: 1em auto;
}
.whyMH h2 {
  color: #04548F;
  font-size: 1.625rem;
}
.whyMH p {
  color: #333333;
  font-family: "Roboto", Roboto, sans-serif;
  font-size: 1.2rem;
  line-height: 1.75rem;
}
@media only screen and (max-width: 840px) {
  .whyMH {
    padding: 4em 0;
  }
}

/*style for phones*/
.show-for-small-only .testimonials {
  background-color: #ebebeb;
}
.show-for-small-only h2 {
  color: #04548F;
  font-size: 1.4rem;
  font-weight: 500;
}

.homeAccordion {
  color: #333333;
  list-style-type: none;
  margin-left: 0;
}
.homeAccordion .accordion-item .accordion-title {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Roboto", Roboto, sans-serif;
  color: #04548F;
  position: relative;
  display: block;
  padding: 2rem 1rem;
  border-bottom: 0;
  line-height: 1;
}
.homeAccordion .accordion-item.is-active.HowItWorks .accordion-title:hover {
  background-color: whitesmoke;
}
.homeAccordion .accordion-item.is-active.HowItWorks .accordion-content {
  background-color: whitesmoke;
}
.homeAccordion .accordion-item.is-active.HowItWorks .accordion-content h3 {
  font-weight: bold;
  font-size: 1.25em;
}
.homeAccordion .accordion-item.is-active.ServicesWeOffer .accordion-title:hover {
  background-color: #fff;
}
.homeAccordion .accordion-content {
  border: 0;
  display: none;
  padding: 1rem;
  border-bottom: 0;
}
.homeAccordion .HowItWorks {
  background-color: whitesmoke;
}
.homeAccordion .ServicesWeOffer {
  background-color: #fff;
}
.homeAccordion .ServicesWeOffer .service-icon {
  display: inline-block;
}
.homeAccordion .ServicesWeOffer .service-icon svg {
  height: 36px;
  margin-right: 1rem;
}
.homeAccordion .ServicesWeOffer h3 {
  color: #f15228;
  font-weight: bold;
  display: inline;
}
.homeAccordion .ServicesWeOffer p {
  padding: 0.5rem 0 1rem;
}

.homeAccordion .accordion-item.HowItWorks .accordion-title:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2304548f" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}

.homeAccordion .accordion-item.ServicesWeOffer .accordion-title:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23f15228" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
}

.homeAccordion .accordion-item.is-active .accordion-title:before {
  transform: rotate(180deg);
}

/*style for tablet and desktop*/
.show-for-medium-up {
  font-size: 100%;
}
.show-for-medium-up h2 {
  color: #04548F;
  font-size: 1.625rem;
}
.show-for-medium-up h3 {
  font-weight: 600;
  font-size: 15px;
}
.show-for-medium-up .HowItWorks {
  background-color: whitesmoke;
  min-width: 100%;
  padding: 4em 0;
}
.show-for-medium-up .HowItWorks .HowItWorksSingle {
  padding: 0 1em;
  display: inline-table;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.show-for-medium-up .HowItWorks .HowItWorksSingle .HowItWorksContent {
  height: 300px;
  width: 300px;
  background-color: #fff;
  border-radius: 50%;
  padding: 4em;
}
.show-for-medium-up .HowItWorks .HowItWorksSingle .HowItWorksContent img {
  margin-bottom: 2rem;
}
.show-for-medium-up .ServicesWeOffer {
  padding: 4em 0;
}
.show-for-medium-up .ServicesWeOffer h2 {
  margin-bottom: 3rem;
}
.show-for-medium-up .ServicesWeOffer h3 {
  margin-bottom: 1.4rem;
  color: #f15228;
}
.show-for-medium-up .ServicesWeOffer .service-icon {
  padding-left: 1em;
}
.show-for-medium-up .ServicesWeOffer .service-icon-small {
  padding-left: 2em;
}
.show-for-medium-up .ServicesWeOffer .service-icon-wide {
  padding-left: -2em;
}
.show-for-medium-up .ServicesWeOffer p {
  font-family: "Roboto", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}
.show-for-medium-up .testimonials {
  padding: 2em 0;
}
.show-for-medium-up .testimonials .reviewContainer {
  margin: auto 0;
}

.ServicesWeOffer a {
  color: #f15228 !important;
}
.ServicesWeOffer .darkblue {
  color: #04548F !important;
}

/* --------------------- */
/* Home Page Testimonials */
/* --------------------- */
.testimonials-bg {
  background-color: #ebebeb;
}

.testimonials .reviewContainer .reviewHeader {
  background-color: #002856;
  color: #fff;
  padding: 1em;
}
.testimonials .reviewContainer .reviewHeader i {
  color: #fff;
  margin: 0 0.15rem;
}
.testimonials .reviewContainer .providerName {
  background-color: #c9c9c9;
  color: #04548F;
  padding: 0.5em 1em;
}
.testimonials .reviewContainer .reviewBody {
  background-color: #fff;
  padding: 0.5em 1em;
  height: 150px;
  margin: 0 auto;
  font-size: 14px;
}
.testimonials .reviewContainer .reviewBody a {
  color: #f15228;
}
.testimonials .reviewContainer .reviewBody a i {
  font-weight: bold;
}
.testimonials .reviewContainer .reviewBody p {
  min-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.testimonials .reviewContainer .reviewBody .reviewerName {
  color: #04548F;
}

@media only screen and (min-width: 440px) and (max-width: 828px) {
  .testimonials .reviewContainer .reviewHeader strong {
    float: right !important;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials .reviewContainer .reviewHeader strong {
    float: right !important;
  }
}
@media only screen and (max-width: 440px) {
  .testimonials .reviewContainer .reviewHeader strong, .testimonials .reviewContainer .reviewHeader span {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 828px) and (max-width: 1024px) {
  .testimonials .reviewContainer .reviewHeader strong, .testimonials .reviewContainer .reviewHeader span {
    display: block;
    text-align: center;
  }
}
.reveal .reviewHeader {
  background: rgba(4, 84, 143, 0.9);
  color: #fff;
  padding: 1em;
}
.reveal i {
  color: #fff;
  margin: 0 0.15rem;
}
.reveal .right {
  margin-right: 28px;
}
.reveal .providerName {
  background: rgba(245, 245, 245, 0.7);
  color: #04548F;
  padding: 0.5em 1em;
}
.reveal .reviewBody {
  background: rgba(245, 245, 245, 0.9);
  padding: 0.5em 1em;
}
.reveal .reviewBody a {
  color: #f15228;
}
.reveal .reviewBody a i {
  font-weight: bold;
}
.reveal .reviewBody .reviewerName {
  color: #04548F;
}

#testimonialModal a.close-button {
  margin-top: 16px;
  right: 24px;
}

.whychooseMH {
  color: #04548F;
  font-weight: 500;
}

.chevron-right-after:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-top;
  margin-top: 0px;
  background-repeat: no-repeat;
  margin-left: 0.25rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23297ac6" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

footer h3.chevron-right-after:after {
  height: 1.2rem;
  margin-top: 3px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%2300386c" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

.reviewBody .chevron-right-after:after {
  margin-top: 2px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23f15228" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

.mh-cartoon {
  display: inline-block;
  width: 81px;
  height: 84px;
}
