/* Overrides, can be remove when Contact Us updates are release */

body.desktop .primary-content:not(.full-width),
body.tablet .primary-content:not(.full-width) {
  display: block;
  margin: 0 auto;
  float: none;
}

.breadcrumb.breadcrumb-standard {
  display: none;
}

.ContactUsEmail p:first-child:not(.contact_us-copy),
#content-wrap.account .section-header {
  display: none;
}

.ContactUsEmail .form-row {
  display: none;
}

.ContactUsEmail .form-row.required,
.ContactUsEmail .form-row.form-row-button {
  display: block;
}

.emailUSrequiredFieldDisclaimer {
  display: none;
}

.csprimary-content .ContactUsEmail .form-row.required .account-input-labels :before {
  display: none;
}

.csprimary-content .email-us .formfield_left,
.csprimary-content .email-us .formfield_right {
  display: block;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.contactUsLeft.email-us {
  width: auto;
  float: none;
}


/* End Overrides */

.contact_us-wrapper {
  padding: 1.5rem .5rem;
  font-size: 1rem;
}

.contact_us-wrapper h2 {
  text-transform: uppercase;
  font-weight: 600;
  color: #020001;
  font-size: 1.4em;
  border-bottom: 2px solid #CBC8C8;
}

.contact_us-wrapper .contact_us-link_header {
  text-align: center;
  font-weight: 600;
  color: #7C7576;
  text-transform: uppercase;
  margin: 0 0 .6rem;
}

.contact_us-wrapper .contact_us-copy {
  font-size: .9em;
  text-align: left;
}

#primary .hidein {
  height: auto;
  opacity: 1;
  transition: height, opacity .5s ease;
}

.contact_us-wrapper .contact_us-quick_links {
  text-align: center;
  margin: 1rem 0 .5rem;
}

.contact_us-wrapper .contact_us-quick_links .contact_us-quick_links_container {
  text-align: left;
  display: inline-block;
}

.contact_us-wrapper .contact_us-quick_links .cta {
  margin: 0 0 .5rem;
  color: #1492d9;
}

.contact_us-wrapper .contact_us-chat_links {
  background: #F2F1F1;
  padding: .5rem;
  text-align: center;
  overflow: auto;
  margin: 0 0 1rem;
}

.contact_us-wrapper button.button-lg {
  width: 80%;
  max-width: 225px;
}

.contact_us-wrapper .contact_us-chat_links button {
  margin: .5rem .25rem;
}

.contact_us-wrapper .contact_us-chat_links button.call-button svg {
  vertical-align: middle;
}

.contact_us-wrapper .contact_us-chat_hours {
  font-size: .9em;
  margin: .5rem 0;
}

.contact_us-wrapper .contact_us-chat_hours_container {
  display: inline-block;
  margin: 0 auto;
  width: 80%;
  max-width: 225px;
}

.contact_us-wrapper .contact_us-chat_hours .cr-hours-ecom {
  display: inline-block;
  font-weight: 600;
  text-align: left;
  color: #4A4647;
}

.contact_us-wrapper .contact_us-chat_hours .cr-hours-ecom span {
  display: block;
}

.contact_us-wrapper .contact_us-contact_form {
  text-align: center;
  max-width: 325px;
  margin: 0 auto;
}

.contact_us-wrapper .call-info {
  width: 70%;
  max-width: 400px;
  margin: 1rem auto;
}

.contact_us-wrapper .show-form-button {
  margin: .75rem 0 0;
}

.contact_us-wrapper .contact_us-chat_links_actions button a,
.contact_us-wrapper .contact_us-chat_links_actions button a:visited,
.contact_us-wrapper .contact_us-chat_links_actions button a:hover,
.contact_us-wrapper .contact_us-chat_links_actions button a:focus {
  color: #fff;
}

.contact_us-wrapper .contact_us-chat_links_actions button.button-secondary a,
.contact_us-wrapper .contact_us-chat_links_actions button.button-secondary a:visited,
.contact_us-wrapper .contact_us-chat_links_actions button.button-secondary a:hover,
.contact_us-wrapper .contact_us-chat_links_actions button .button-secondarya:focus {
  color: #0a689d;
}


/* Form */

.contactUsLeft.email-us {
  height: 0;
  opacity: 0;
  padding: 0 .5rem;
  max-width: 500px;
  margin: 0 auto;
}

.csprimary-content .ContactUsEmail .form-row.required .account-input-labels :after {
  /* remove with update */
  content: '(required)';
  display: inline-block;
  color: #7C7576;
  font-weight: 400;
  font-size: .9em;
}

.contactUsLeft span.error {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}

.contactUsLeft .required.error {
  border: 2px solid #d51c31;
}


/* Show/Hide */

.contact_us-wrapper .call-info {
  display: none;
}

.contact_us-wrapper .contact_us-link_header.hours-header {
  display: none;
}

.tablet button.sms-button,
.desktop .contact_us-wrapper button.sms-button {
  display: none;
}

.tablet .contact_us-wrapper .call-info,
.desktop .contact_us-wrapper .call-info {
  display: block;
}

.tablet .contact_us-wrapper .call-button,
.desktop .contact_us-wrapper .call-button {
  display: none;
}

.tablet .show-form-button,
.desktop .show-form-button {
  display: none;
}

.tablet .contactUsLeft.email-us,
.desktop .contactUsLeft.email-us {
  height: 100%;
  opacity: 1;
}


/* Media Queries */

@media screen and (min-width: 768px) {
  .contact_us-wrapper .contact_us-quick_links .contact_us-quick_links_container {
    display: block;
    width: 100%;
    text-align: center;
  }
  .contact_us-quick_links_container .faq-link,
  .contact_us-quick_links_container .store-link {
    display: inline-block;
    margin: 0 1rem;
  }
}

@media screen and (min-width: 990px) {
  .contact_us-wrapper .contact_us-chat_hours_container {
    width: auto;
    max-width: none;
  }
  .contact_us-wrapper .contact_us-link_header.hours-header {
    display: block;
  }
  .contact_us-wrapper .contact_us-chat_hours {
    margin: .35rem 0;
  }
  .contact_us-wrapper button.button-lg {
    width: 70%;
    max-width: none;
  }
  .contact_us-contact_form .contact_us-link_header {
    text-align: left;
  }
  .contact_us-wrapper .contact_us-chat_hours,
  .contact_us-wrapper .contact_us-chat_links_actions {
    width: 50%;
    float: left;
  }
  .contact_us-wrapper .contact_us-chat_hours {
    font-size: .95em;
  }
  .contact_us-wrapper .contact_us-contact_form {
    width: 50%;
    float: left;
    margin: 1rem 0;
    padding: 0 1rem 0 0;
  }
  .contactUsLeft.email-us {
    max-width: none;
    margin: 0;
  }
}


/* Temporary Overrides */

.contact_us-wrapper .chat-button {
  display: none;
}