/* Esklé /kontakt/ — nativní formulář Shoptetu */
body.in-kontakt #content-wrapper,
body.in-kontakt #content,
body.in-kontakt .content-inner { width: 100%; max-width: none; min-width: 0; }
body.in-kontakt #content-wrapper { padding: 0; }
body.in-kontakt #content { box-sizing: border-box; padding: 130px 24px 100px; }
body.in-kontakt .breadcrumbs { display: none; }
body.in-kontakt .pageArticleDetail {
  width: 100%; max-width: 920px; margin: 0 auto;
  color: #111; font-family: Roboto, sans-serif; font-size: 12px; line-height: 1.5;
}
body.in-kontakt .pageArticleDetail * { box-sizing: border-box; }
body.in-kontakt .pageArticleDetail h1,
body.in-kontakt .pageArticleDetail h2 {
  font-family: inherit; font-size: 34px; line-height: 1.2;
  font-weight: 400; letter-spacing: 0; text-align: center;
}
body.in-kontakt .pageArticleDetail h1 { margin: 0 0 8px; }
body.in-kontakt .ae-contact-intro { margin: 0; text-align: center; }
body.in-kontakt .ae-contact-generated-intro,
body.in-kontakt .ae-contact-empty { display: none; }
body.in-kontakt #formContact { width: 100%; max-width: none; margin: 36px 0 0; }
body.in-kontakt #formContact fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
body.in-kontakt #formContact .form-group { margin: 0 0 16px; padding: 0; }
body.in-kontakt #formContact .smart-label-wrapper > label {
  display: block; position: static; transform: none; width: auto;
  margin: 0 0 8px; padding: 0; background: transparent;
  color: #111; font-size: 12px; line-height: 1.5; font-weight: 400;
  pointer-events: auto;
}
body.in-kontakt #formContact .required-asterisk::after { content: none; }
body.in-kontakt #formContact .form-control {
  display: block; width: 100%; height: 36px; min-height: 36px;
  border: 1px solid #888; border-radius: 16px; background: #fff;
  padding: 8px 14px; color: #111; font: inherit; box-shadow: none;
}
body.in-kontakt #formContact textarea.form-control {
  height: 205px; min-height: 150px; padding: 12px 14px; resize: vertical;
}
body.in-kontakt #formContact .form-control:focus {
  border-color: #111; outline: 2px solid #111; outline-offset: 3px;
}
body.in-kontakt #formContact .consents { margin: -4px 0 0; text-align: center; }
body.in-kontakt #formContact .consents .label {
  display: block; margin: 0; padding: 0; white-space: normal;
  color: #111; font-size: 10px; line-height: 1.5; font-weight: 400;
}
body.in-kontakt #formContact .consents a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
body.in-kontakt #formContact .submit-wrapper { margin: 50px 0 0; text-align: center; }
body.in-kontakt #formContact .btn {
  width: 220px; max-width: 100%; height: 36px; min-height: 36px;
  margin: 0; padding: 0 20px; border: 1px solid #000; border-radius: 16px;
  background: #000; color: #fff; font: inherit; font-weight: 400;
  text-transform: uppercase; letter-spacing: 0; box-shadow: none;
}
body.in-kontakt #formContact .btn:hover { background: #303030; }
body.in-kontakt #formContact .btn:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
body.in-kontakt .pageArticleDetail .ae-contact-heading { margin: 120px 0 8px; }
body.in-kontakt .ae-contact-details { margin: 0; text-align: center; }
body.in-kontakt .ae-contact-details a { color: inherit; text-decoration: none; }
body.in-kontakt .ae-contact-details a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  body.in-kontakt #content { padding: 70px 20px 70px; }
  body.in-kontakt .pageArticleDetail h1,
  body.in-kontakt .pageArticleDetail h2 { font-size: 28px; }
  body.in-kontakt #formContact { margin-top: 32px; }
  body.in-kontakt #formContact .form-control { height: 44px; }
  body.in-kontakt #formContact textarea.form-control { height: 190px; }
  body.in-kontakt #formContact .submit-wrapper { margin-top: 32px; }
  body.in-kontakt #formContact .btn { height: 44px; }
  body.in-kontakt .pageArticleDetail .ae-contact-heading { margin-top: 80px; }
}

/* v2: přepsání omezení šířky a děděné váhy ze šablony Shoptetu. */
body.in-kontakt #formContact .form-control-wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}
body.in-kontakt .pageArticleDetail,
body.in-kontakt .pageArticleDetail p,
body.in-kontakt .pageArticleDetail p span,
body.in-kontakt .pageArticleDetail p a,
body.in-kontakt #formContact,
body.in-kontakt #formContact fieldset,
body.in-kontakt #formContact .form-group,
body.in-kontakt #formContact label,
body.in-kontakt #formContact label span,
body.in-kontakt #formContact .form-control,
body.in-kontakt #formContact .btn {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .4px;
}
body.in-kontakt .ae-contact-intro,
body.in-kontakt .ae-contact-details,
body.in-kontakt #formContact label,
body.in-kontakt #formContact .form-control,
body.in-kontakt #formContact .btn {
  font-size: 12px;
  line-height: 18px;
}
