/* ===========================================================================
   FALLBACK LAYOUT — not original site CSS.

   Elementor keeps each page's spacing in a generated file:
     wp-content/uploads/elementor/css/post-<id>.css

   Those files are built from the WordPress database. For three pages they were
   never downloaded and the database is gone, so they cannot be recovered:

     post-211.css  →  /contact-us/
     post-217.css  →  /kittens/
     post-223.css  →  /about-us/

   Without them every section on those pages has zero padding and sits flush
   against the viewport edge. This file restores *generic* spacing so the pages
   read correctly. It does NOT reproduce the original per-section design — the
   real values (7em top, 2em columns, bespoke margins per element) are lost.

   Scoped to the three affected page wrappers only, so the header (.elementor-175)
   and footer (.elementor-308) keep their own intact CSS.

   If you ever rebuild these pages in Elementor, delete this file and remove the
   <link> to it from the three HTML files.
   =========================================================================== */

/* Top-level sections: vertical rhythm + side gutters --------------------- */
.elementor-211 > .elementor-element,
.elementor-217 > .elementor-element,
.elementor-223 > .elementor-element {
  padding-block: 3.5em;
  padding-inline: 1.5em;
}

/* Keep the content column centred at the kit's container width ----------- */
.elementor-211 > .elementor-element > .e-con-inner,
.elementor-217 > .elementor-element > .e-con-inner,
.elementor-223 > .elementor-element > .e-con-inner {
  max-width: var(--container-max-width, 1280px);
  margin-inline: auto;
  width: 100%;
}

/* Nested containers shouldn't re-apply the outer gutter ------------------ */
.elementor-211 .e-con .e-con,
.elementor-217 .e-con .e-con,
.elementor-223 .e-con .e-con {
  padding-inline: 0;
  padding-block: 0;
}

/* Breathing room between stacked widgets --------------------------------- */
.elementor-211 .elementor-widget:not(:last-child),
.elementor-217 .elementor-widget:not(:last-child),
.elementor-223 .elementor-widget:not(:last-child) {
  margin-block-end: 1.1em;
}

/* Column gap for side-by-side containers --------------------------------- */
.elementor-211 .e-con.e-flex,
.elementor-217 .e-con.e-flex,
.elementor-223 .e-con.e-flex {
  gap: 2em;
}

/* Images shouldn't overflow their column --------------------------------- */
.elementor-211 img,
.elementor-217 img,
.elementor-223 img {
  max-width: 100%;
  height: auto;
}

/* Narrow screens: tighten the gutters ------------------------------------ */
@media (max-width: 767px) {
  .elementor-211 > .elementor-element,
  .elementor-217 > .elementor-element,
  .elementor-223 > .elementor-element {
    padding-block: 2.25em;
    padding-inline: 1.1em;
  }
}

/* ---------------------------------------------------------------------------
   The contact form on /contact-us/ was styled by Elementor Pro's
   widget-form.min.css, which is a paid plugin asset and is not publicly
   downloadable. The rules below are a minimal stand-in so the form is usable.
   --------------------------------------------------------------------------- */
.elementor-211 .elementor-field-group {
  margin-block-end: 1em;
}

/* Elementor's own rule gives the INPUT flex-basis:100% but the matching rule
   for the LABEL lives in the missing widget-form.min.css. Without it the label
   keeps flex-basis:auto and sits beside the input. This mirrors Elementor's
   selector shape so it out-ranks the 3-class core rule. */
.elementor-211 .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > label,
.elementor-211 .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > .elementor-field-label {
  flex-basis: 100%;
  max-width: 100%;
  margin-block-end: .35em;
  font-size: .9rem;
  font-weight: 600;
}

.elementor-211 .elementor-field-group .elementor-field {
  width: 100%;
  padding: .7em .9em;
  border: 1px solid #d9cfcb;
  border-radius: 6px;
  font: inherit;
  font-size: .95rem;
  background: #fff;
  color: inherit;
}

.elementor-211 .elementor-field-group .elementor-field:focus {
  outline: 2px solid #EDBCA9;
  outline-offset: 1px;
  border-color: #EDBCA9;
}

.elementor-211 .elementor-field-type-textarea .elementor-field {
  min-height: 9em;
  resize: vertical;
}

.elementor-211 .elementor-button[type="submit"] {
  background: #EDBCA9;
  color: #3D1614;
  border: 0;
  border-radius: 999px;
  padding: .8em 2em;
  font: inherit;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.elementor-211 .elementor-button[type="submit"]:hover {
  background: #FAD8CA;
}