/* Brandbook refresh for the Basic Gestalt Therapy Program.
 * Visual-only layer: no page copy or programme data is changed here.
 */

.page-id-2227 {
  --meta-blue: #092C66;
  --meta-milk: #F8F3ED;
  --meta-beige: #EFE4D3;
  --meta-gold: #BC935C;
  --meta-teal: #0F5A58;
  --meta-graphite: #1D1D1B;
  --meta-slate: #546474;
  --meta-brown: #6B4A2F;
  --meta-sand: #E6D6BD;
  --meta-coral: #D86B4A;
  --meta-line: rgba(9, 44, 102, .16);
  --meta-shadow: 0 18px 55px rgba(9, 44, 102, .08);
  background: var(--meta-milk);
  color: var(--meta-graphite);
}

.page-id-2227 .uk-container.uk-margin-remove-top {
  max-width: 1180px;
  padding-top: 28px;
}

.page-id-2227 .custom-header,
.page-id-2227 .custom-header-mobile {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: auto !important;
  min-height: 0 !important;
  background:
    radial-gradient(circle at 84% 22%, rgba(188,147,92,.24) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 35%, rgba(248,243,237,.22) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 91% 53%, rgba(216,107,74,.45) 0 3px, transparent 4px),
    linear-gradient(135deg, #092C66 0%, #0B376F 58%, #0F5A58 150%) !important;
  border-radius: 28px;
  padding: clamp(36px, 6vw, 72px);
  margin: 0 0 30px;
  box-shadow: 0 24px 70px rgba(9, 44, 102, .16);
}

.page-id-2227 .custom-header::before,
.page-id-2227 .custom-header-mobile::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -170px;
  top: -190px;
  border: 1px solid rgba(188,147,92,.45);
  border-radius: 50%;
  box-shadow:
    0 0 0 44px rgba(188,147,92,.06),
    0 0 0 92px rgba(248,243,237,.035);
  z-index: -1;
}

.page-id-2227 .custom-header::after,
.page-id-2227 .custom-header-mobile::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 1px;
  right: 68px;
  bottom: 54px;
  background: linear-gradient(90deg, transparent, var(--meta-gold));
  transform: rotate(-14deg);
  transform-origin: right center;
  opacity: .85;
  z-index: -1;
}

.page-id-2227 .custom-post-title {
  max-width: 760px;
  margin: 0;
  color: var(--meta-milk) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(48px, 6vw, 78px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.025em;
}

.page-id-2227 .header-2,
.page-id-2227 .header-2-mobile {
  color: rgba(248,243,237,.78) !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 500;
  line-height: 1.45;
}

.page-id-2227 .custom-header .third,
.page-id-2227 .custom-header-mobile .third {
  min-height: 0;
  margin-top: 0 !important;
  padding: 0 !important;
}

.page-id-2227 .custom-header .third:empty,
.page-id-2227 .custom-header-mobile .third:empty {
  display: none;
}

.page-id-2227 .custom-header > .uk-grid-collapse:first-child {
  margin-left: 0 !important;
}

.page-id-2227 .custom-header > .uk-grid-collapse:first-child > * {
  padding-left: 0 !important;
  margin-top: 0 !important;
}

.page-id-2227 .custom-header > .uk-grid-collapse:first-child > .uk-width-1-2\@s:first-child {
  width: 64% !important;
}

.page-id-2227 .custom-header > .uk-grid-collapse:first-child > .uk-width-1-2\@s:last-child:empty {
  display: none;
}

.page-id-2227 .custom-header-button {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.page-id-2227 .custom-header-button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px;
  border: 1px solid rgba(248,243,237,.28);
  border-radius: 999px;
  background: var(--meta-coral) !important;
  color: #fff !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 12px 30px rgba(216,107,74,.24);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.page-id-2227 .custom-header-button a:hover {
  transform: translateY(-2px);
  background: #c95f40 !important;
  box-shadow: 0 16px 34px rgba(216,107,74,.32);
}

/* Layout and sticky page navigation */
.page-id-2227 .uk-container.uk-margin-remove-top > [uk-grid] {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  column-gap: clamp(34px, 4vw, 58px);
  align-items: start;
  margin-left: 0 !important;
}

.page-id-2227 .uk-container.uk-margin-remove-top > [uk-grid] > * {
  width: auto !important;
  min-width: 0;
  padding-left: 0 !important;
  margin-top: 0 !important;
}

.page-id-2227 .sidebar {
  width: auto;
  min-width: 0;
}

.page-id-2227 .sidebar-menu {
  position: sticky;
  top: 96px;
  padding: 22px 20px;
  background: rgba(239,228,211,.72);
  border: 1px solid var(--meta-line);
  border-radius: 20px;
  box-shadow: 0 12px 38px rgba(9,44,102,.05);
  backdrop-filter: blur(8px);
}

.page-id-2227 .sidebar-menu ul {
  margin: 0;
  list-style: none;
}

.page-id-2227 .sidebar-menu li + li {
  border-top: 1px solid rgba(9,44,102,.09);
}

.page-id-2227 .sidebar-menu a {
  display: block;
  position: relative;
  padding: 13px 18px 13px 2px;
  color: var(--meta-blue);
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  border: 0;
  transition: color .2s ease, transform .2s ease;
}

.page-id-2227 .sidebar-menu a::after {
  content: "↗";
  position: absolute;
  right: 0;
  opacity: .35;
  transition: transform .2s ease, opacity .2s ease;
}

.page-id-2227 .sidebar-menu a:hover {
  color: var(--meta-coral);
  transform: translateX(2px);
}

.page-id-2227 .sidebar-menu a:hover::after {
  opacity: .8;
  transform: translate(2px,-2px);
}

.page-id-2227 .content-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  color: var(--meta-graphite);
  font-family: "Manrope", sans-serif;
}

.page-id-2227 .content-wrapper p,
.page-id-2227 .content-wrapper li,
.page-id-2227 .content-wrapper label,
.page-id-2227 .content-wrapper input,
.page-id-2227 .content-wrapper textarea,
.page-id-2227 .content-wrapper select,
.page-id-2227 .content-wrapper button {
  font-family: "Manrope", sans-serif !important;
}

.page-id-2227 .content-wrapper p,
.page-id-2227 .content-wrapper li {
  font-size: 17px;
  line-height: 1.72;
  color: var(--meta-graphite);
}

.page-id-2227 .content-wrapper > h1,
.page-id-2227 .content-wrapper > h2,
.page-id-2227 .content-wrapper > h3,
.page-id-2227 .content-wrapper .turquoise_title {
  color: var(--meta-blue) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: -.018em;
}

.page-id-2227 .content-wrapper > h2,
.page-id-2227 .content-wrapper .turquoise_title.has-large-font-size {
  margin: 64px 0 24px;
  font-size: clamp(38px, 4.5vw, 56px) !important;
  font-weight: 600;
  line-height: 1.04;
}

.page-id-2227 .content-wrapper > h3,
.page-id-2227 .content-wrapper h3.turquoise_title {
  margin: 56px 0 20px;
  font-size: clamp(32px, 3.5vw, 44px);
  font-weight: 600;
  line-height: 1.08;
}

.page-id-2227 #couches {
  margin-top: 76px;
  font-size: clamp(42px, 4.6vw, 58px) !important;
  line-height: 1.02;
}

/* Editorial lead */
.page-id-2227 .content-wrapper > p.has-background:first-child {
  position: relative;
  margin: 0 0 42px;
  padding: 30px 34px 30px 38px;
  background: var(--meta-beige) !important;
  color: var(--meta-blue) !important;
  border: 1px solid rgba(188,147,92,.34);
  border-radius: 20px;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  line-height: 1.22;
  box-shadow: var(--meta-shadow);
}

.page-id-2227 .content-wrapper > p.has-background:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 3px;
  background: var(--meta-gold);
  border-radius: 3px;
}

/* Current cohort information */
.page-id-2227 .content-wrapper > h2:first-of-type {
  margin-top: 0;
  padding-right: 30px;
}

.page-id-2227 .content-wrapper > h2:first-of-type + ul {
  margin: 0 0 46px;
  padding: 20px 22px 20px 54px;
  background: rgba(9,44,102,.045);
  border: 1px solid rgba(9,44,102,.12);
  border-radius: 18px;
}

.page-id-2227 .content-wrapper > h2:first-of-type + ul li::marker {
  color: var(--meta-coral);
}

.page-id-2227 .wp-block-separator {
  width: 100%;
  margin: 42px 0 46px;
  border: 0;
  border-top: 1px solid rgba(9,44,102,.16);
}

/* Common links */
.page-id-2227 .content-wrapper p a,
.page-id-2227 .content-wrapper li a {
  color: var(--meta-blue);
  border-bottom: 1px solid rgba(9,44,102,.32);
  text-underline-offset: 3px;
}

.page-id-2227 .content-wrapper p a:hover,
.page-id-2227 .content-wrapper li a:hover {
  color: var(--meta-coral);
  border-bottom-color: var(--meta-coral);
}

/* Two-column editorial cards */
.page-id-2227 .content-wrapper .two-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  margin: 28px 0 42px !important;
  margin-left: 0 !important;
  gap: 18px;
}

.page-id-2227 .content-wrapper .two-columns > div {
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  height: 100%;
  margin-top: 0 !important;
  padding: 26px 26px 24px !important;
  background: rgba(248,243,237,.72);
  border: 1px solid var(--meta-line);
  border-radius: 18px;
}

.page-id-2227 .content-wrapper .two-columns > div > p:last-child {
  margin-bottom: 0;
}

.page-id-2227 .content-wrapper .two-columns > div > p:first-child > strong {
  color: var(--meta-blue);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.page-id-2227 .content-wrapper .two-columns ul {
  margin: 0 0 18px;
  list-style: none;
}

.page-id-2227 .content-wrapper .two-columns ul:last-child {
  margin-bottom: 0;
}

.page-id-2227 .content-wrapper .two-columns li {
  position: relative;
  padding-left: 22px;
}

.page-id-2227 .content-wrapper .two-columns li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  border: 1px solid var(--meta-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(188,147,92,.08);
}

/* Signature quote / manifesto block */
.page-id-2227 .border-green {
  position: relative;
  margin: 56px 0 !important;
  padding: 42px 52px !important;
  overflow: hidden;
  background: var(--meta-blue);
  color: var(--meta-milk) !important;
  border: 0 !important;
  border-radius: 24px;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(30px, 3.7vw, 42px) !important;
  font-weight: 600;
  line-height: 1.18;
  box-shadow: 0 18px 48px rgba(9,44,102,.16);
}

.page-id-2227 .border-green::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  right: -34px;
  top: -48px;
  border: 1px solid rgba(188,147,92,.55);
  border-radius: 50%;
  box-shadow: 0 0 0 26px rgba(188,147,92,.06);
}

/* Programme metrics */
.page-id-2227 .basic-program {
  margin: 0 0 18px;
  color: var(--meta-slate);
  font-size: 15px !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.page-id-2227 .content-wrapper div.three-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  margin: 18px 0 34px !important;
  margin-left: 0 !important;
}

.page-id-2227 .content-wrapper div.three-columns > div {
  width: auto !important;
  min-width: 0;
  height: 100%;
  margin-top: 0 !important;
  padding: 26px 22px !important;
  background: #fffaf5;
  border: 1px solid var(--meta-line);
  border-radius: 18px;
}

.page-id-2227 .content-wrapper div.three-columns p {
  margin: 0;
}

.page-id-2227 .content-wrapper div.three-columns span[style*="26pt"],
.page-id-2227 .content-wrapper div.three-columns strong > span[style*="26pt"] {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--meta-blue) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 42px !important;
  font-weight: 600;
  line-height: 1;
}

.page-id-2227 .content-wrapper div.three-columns span[style*="16pt"],
.page-id-2227 .content-wrapper div.three-columns span[style*="14pt"] {
  color: var(--meta-graphite);
  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55;
}

/* Four educational blocks */
.page-id-2227 .b-p-ol.three-columns {
  counter-reset: meta-program;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin: 30px 0 38px;
  padding: 0;
  list-style: none;
}

.page-id-2227 .b-p-ol.three-columns > li {
  counter-increment: meta-program;
  position: relative;
  margin: 0;
  padding: 26px 24px 24px 66px;
  background: rgba(239,228,211,.56);
  border: 1px solid rgba(188,147,92,.28);
  border-radius: 18px;
}

.page-id-2227 .b-p-ol.three-columns > li::before {
  content: counter(meta-program, decimal-leading-zero);
  position: absolute;
  top: 24px;
  left: 22px;
  color: var(--meta-gold);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 26px;
  line-height: 1;
}

.page-id-2227 .b-p-ol.three-columns strong {
  color: var(--meta-blue);
}

.page-id-2227 .content-wrapper > p.three-columns,
.page-id-2227 .content-wrapper > p.col-3.three-columns {
  margin: 14px 0;
  padding: 22px 24px 22px 54px;
  background: transparent;
  border: 1px solid var(--meta-line);
  border-radius: 18px;
  position: relative;
}

.page-id-2227 .content-wrapper > p.three-columns::before,
.page-id-2227 .content-wrapper > p.col-3.three-columns::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 27px;
  width: 10px;
  height: 10px;
  background: var(--meta-coral);
  border-radius: 50%;
}

.page-id-2227 #cont {
  margin: 38px 0 24px;
}

.page-id-2227 #cont a {
  display: inline-flex;
  padding: 12px 18px;
  border: 1px solid rgba(9,44,102,.2);
  border-radius: 999px;
  background: rgba(9,44,102,.035);
  font-size: 14px;
  font-weight: 700;
}

/* CTA buttons */
.page-id-2227 .wp-block-buttons {
  margin: 30px 0 46px;
}

.page-id-2227 .wp-block-button__link,
.page-id-2227 .wpcf7-submit {
  min-height: 50px;
  padding: 14px 26px !important;
  border-radius: 999px !important;
  background: var(--meta-coral) !important;
  color: #fff !important;
  border: 0 !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .035em;
  box-shadow: 0 10px 26px rgba(216,107,74,.18);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.page-id-2227 .wp-block-button__link:hover,
.page-id-2227 .wpcf7-submit:hover {
  transform: translateY(-2px);
  background: #c95f40 !important;
  box-shadow: 0 14px 32px rgba(216,107,74,.26);
}

/* Long programme progression list */
.page-id-2227 .content-wrapper > ul.m-0 {
  margin: 0 0 50px;
  padding: 0 0 0 24px;
  list-style: none;
  border-left: 1px solid rgba(188,147,92,.6);
}

.page-id-2227 .content-wrapper > ul.m-0 > li {
  position: relative;
  margin: 0;
  padding: 0 0 28px 26px;
}

.page-id-2227 .content-wrapper > ul.m-0 > li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: .58em;
  width: 11px;
  height: 11px;
  background: var(--meta-milk);
  border: 2px solid var(--meta-gold);
  border-radius: 50%;
}

/* Capabilities list + requirements */
.page-id-2227 .p-m-50 {
  margin-top: 56px !important;
  color: var(--meta-blue);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(30px, 3.4vw, 40px) !important;
  line-height: 1.12;
}

.page-id-2227 .b-p-txt {
  margin: 0 0 50px;
  padding: 28px 30px;
  white-space: pre-line;
  background: rgba(15,90,88,.06);
  border-left: 3px solid var(--meta-teal);
  border-radius: 0 18px 18px 0;
}

.page-id-2227 #needed + ul {
  margin: 0 0 42px;
  padding: 8px 0 0;
  list-style: none !important;
}

.page-id-2227 #needed + ul > li {
  list-style: none !important;
}

.page-id-2227 #needed + ul > li::marker {
  content: "";
  font-size: 0;
}

.page-id-2227 #needed + ul > li {
  position: relative;
  margin: 0 0 12px;
  padding: 16px 20px 16px 50px;
  background: rgba(239,228,211,.42);
  border-radius: 14px;
}

.page-id-2227 #needed + ul > li::before {
  content: "✦";
  position: absolute;
  left: 20px;
  top: 14px;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--meta-gold);
  font-size: 17px;
  line-height: 1;
}

/* Team cards */
.page-id-2227 .membersblocks {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin: 14px 0 34px;
}

.page-id-2227 .membersblocks:has(> .member-item:only-child) {
  grid-template-columns: minmax(0, 230px);
}

.page-id-2227 .membersblocks .member-item {
  width: auto !important;
  padding: 14px;
  background: rgba(248,243,237,.72);
  border: 1px solid var(--meta-line);
  border-radius: 18px;
  text-align: left;
}

.page-id-2227 .membersblocks .member-face {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  border-radius: 14px;
  filter: saturate(.9) contrast(1.02);
}

.page-id-2227 .membersblocks .member-fio {
  margin-top: 13px;
  color: var(--meta-blue);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.05;
}

.page-id-2227 #join-form {
  scroll-margin-top: 120px;
  margin: 76px 0 24px !important;
  color: var(--meta-blue) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(40px, 4.5vw, 56px) !important;
  line-height: 1.05;
}

/* Form */
.page-id-2227 .wpcf7 {
  margin: 0 0 34px;
  padding: 30px;
  background: rgba(239,228,211,.52);
  border: 1px solid rgba(188,147,92,.3);
  border-radius: 24px;
  box-shadow: var(--meta-shadow);
}

.page-id-2227 .metamorphoses-form {
  max-width: none;
}

.page-id-2227 .metamorphoses-form > .uk-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  margin: 0 !important;
}

.page-id-2227 .metamorphoses-form > .uk-grid > div {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.page-id-2227 .metamorphoses-form > .uk-grid > div:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.page-id-2227 .metamorphoses-form > .uk-grid > div:last-child > p,
.page-id-2227 .metamorphoses-form > .uk-grid > div:last-child > div {
  min-width: 0;
  margin: 0 !important;
}

.page-id-2227 .metamorphoses-form label {
  display: block;
  margin: 0 0 8px;
  color: var(--meta-blue);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.page-id-2227 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0 !important;
}

.page-id-2227 .metamorphoses-form .wpcf7-form-control-wrap + br {
  display: none;
}

.page-id-2227 .metamorphoses-form label + br + .wpcf7-form-control-wrap,
.page-id-2227 .metamorphoses-form label > br + .wpcf7-form-control-wrap {
  margin-top: 9px !important;
}

.page-id-2227 .metamorphoses-form select + .wpcf7-form-control-wrap {
  margin-top: 14px !important;
}

.page-id-2227 .metamorphoses-form .wpcf7-submit {
  display: inline-flex !important;
  width: auto !important;
  height: 50px !important;
  margin: 0 !important;
  opacity: 1 !important;
  line-height: 1 !important;
}

.page-id-2227 .metamorphoses-form .wpcf7-acceptance {
  display: block;
  margin: 14px 0 16px !important;
  color: var(--meta-graphite);
  font-family: "Manrope", sans-serif !important;
  font-size: 13px;
  line-height: 1.45;
}

.page-id-2227 .metamorphoses-form .wpcf7-acceptance label {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0;
  color: var(--meta-graphite);
  font-weight: 400;
}

.page-id-2227 .metamorphoses-form input[type="checkbox"] {
  flex: 0 0 auto;
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 !important;
  accent-color: var(--meta-blue);
}

.page-id-2227 .wpcf7 input[type="text"],
.page-id-2227 .wpcf7 input[type="tel"],
.page-id-2227 .wpcf7 input[type="email"],
.page-id-2227 .wpcf7 textarea,
.page-id-2227 .wpcf7 select {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px;
  margin: 0 !important;
  padding: 12px 14px !important;
  background: rgba(248,243,237,.92);
  color: var(--meta-graphite);
  border: 1px solid rgba(9,44,102,.18);
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.35 !important;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.page-id-2227 .wpcf7 textarea {
  height: 140px !important;
  min-height: 140px;
  resize: vertical;
}

.page-id-2227 .wpcf7 select {
  font-weight: 400 !important;
}

.page-id-2227 .wpcf7 input:focus,
.page-id-2227 .wpcf7 textarea:focus,
.page-id-2227 .wpcf7 select:focus {
  background: #fff;
  border-color: var(--meta-blue);
  box-shadow: 0 0 0 3px rgba(9,44,102,.08);
}

.page-id-2227 .wpcf7 p {
  margin-bottom: 12px;
}

.page-id-2227 .wpcf7-list-item-label {
  font-size: 13px;
  line-height: 1.45;
}

.page-id-2227 [id],
.page-id-2227 #about,
.page-id-2227 #cont,
.page-id-2227 #needed,
.page-id-2227 #couches,
.page-id-2227 #pay {
  scroll-margin-top: 110px;
}

/* Hide empty Gutenberg leftovers visually without touching stored content. */
.page-id-2227 .content-wrapper > p:empty,
.page-id-2227 .content-wrapper > .wp-block-group:has(> .wp-block-group__inner-container:empty) {
  display: none;
}

@media (max-width: 959px) {
  .page-id-2227 .uk-container.uk-margin-remove-top {
    padding: 18px 18px 0;
  }

  .page-id-2227 .uk-container.uk-margin-remove-top > [uk-grid] {
    display: block;
  }

  .page-id-2227 .sidebar-mobile {
    margin: 0 0 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .page-id-2227 .sidebar-mobile::-webkit-scrollbar {
    display: none;
  }

  .page-id-2227 .sidebar-mobile .sidebar-menu {
    position: static;
    top: auto;
    width: max-content;
    min-width: 100%;
    padding: 6px;
    border-radius: 16px;
    box-shadow: none;
    backdrop-filter: none;
  }

  .page-id-2227 .sidebar-mobile .sidebar-menu ul {
    display: flex;
    align-items: center;
    gap: 6px;
    width: max-content;
    min-width: 100%;
  }

  .page-id-2227 .sidebar-mobile .sidebar-menu li,
  .page-id-2227 .sidebar-mobile .sidebar-menu li + li {
    border: 0;
  }

  .page-id-2227 .sidebar-mobile .sidebar-menu a {
    padding: 10px 13px;
    white-space: nowrap;
    background: rgba(248,243,237,.9);
    border: 1px solid rgba(9,44,102,.1);
    border-radius: 999px;
    font-size: 12px;
  }

  .page-id-2227 .sidebar-mobile .sidebar-menu a::after {
    display: none;
  }

  .page-id-2227 .custom-header-mobile {
    margin-bottom: 14px;
    padding: 34px 24px 30px;
    border-radius: 22px;
  }

  .page-id-2227 .header-2-mobile {
    margin: 0;
    color: var(--meta-blue) !important;
  }

  .page-id-2227 .header-2-mobile:empty {
    display: none;
  }

  .page-id-2227 .header-2-mobile + .uk-grid-collapse {
    margin: 0 0 30px !important;
    margin-left: 0 !important;
  }

  .page-id-2227 .header-2-mobile + .uk-grid-collapse > * {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }

  .page-id-2227 .header-2-mobile + .uk-grid-collapse .third:empty {
    display: none;
  }

  .page-id-2227 .header-2-mobile + .uk-grid-collapse .custom-header-button {
    width: 100% !important;
    margin-top: 0;
  }

  .page-id-2227 .custom-post-title {
    font-size: clamp(40px, 9vw, 58px);
  }

  .page-id-2227 .custom-header-button {
    justify-content: flex-start;
  }

  .page-id-2227 .custom-header-button a {
    width: 100%;
  }

  .page-id-2227 .content-wrapper {
    max-width: 760px;
  }

  .page-id-2227 .content-wrapper .two-columns,
  .page-id-2227 .content-wrapper div.three-columns,
  .page-id-2227 .b-p-ol.three-columns,
  .page-id-2227 .membersblocks {
    grid-template-columns: 1fr 1fr;
  }

  .page-id-2227 .content-wrapper div.three-columns > div:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 639px) {
  .page-id-2227 .uk-container.uk-margin-remove-top {
    padding-left: 14px;
    padding-right: 14px;
  }

  .page-id-2227 .custom-header-mobile {
    margin-left: -2px;
    margin-right: -2px;
    padding: 28px 20px 24px;
    border-radius: 20px;
  }

  .page-id-2227 .custom-header-mobile::before {
    width: 250px;
    height: 250px;
    right: -145px;
    top: -118px;
  }

  .page-id-2227 .custom-post-title {
    font-size: clamp(36px, 11vw, 48px);
    line-height: 1;
  }

  .page-id-2227 .header-2-mobile + .uk-grid-collapse {
    margin-bottom: 24px;
  }

  .page-id-2227 .custom-header-button a {
    min-height: 50px;
    padding: 0 20px;
    font-size: 13px;
  }

  .page-id-2227 .content-wrapper p,
  .page-id-2227 .content-wrapper li {
    font-size: 16px;
    line-height: 1.62;
  }

  .page-id-2227 .content-wrapper > h2,
  .page-id-2227 .content-wrapper .turquoise_title.has-large-font-size {
    margin: 48px 0 18px;
    font-size: 34px !important;
    line-height: 1.05;
  }

  .page-id-2227 .content-wrapper > h3,
  .page-id-2227 .content-wrapper h3.turquoise_title {
    margin: 42px 0 16px;
    font-size: 29px;
    line-height: 1.08;
  }

  .page-id-2227 #couches {
    margin-top: 54px;
    font-size: 36px !important;
  }

  .page-id-2227 .content-wrapper > p.has-background:first-child {
    margin-bottom: 30px;
    padding: 22px 20px 22px 26px;
    font-size: 24px !important;
    border-radius: 16px;
  }

  .page-id-2227 .content-wrapper .two-columns,
  .page-id-2227 .content-wrapper div.three-columns,
  .page-id-2227 .b-p-ol.three-columns,
  .page-id-2227 .membersblocks {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .page-id-2227 .content-wrapper div.three-columns > div:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .page-id-2227 .content-wrapper .two-columns {
    margin: 20px 0 32px;
  }

  .page-id-2227 .content-wrapper .two-columns > div,
  .page-id-2227 .content-wrapper div.three-columns > div {
    padding: 20px;
    border-radius: 16px;
  }

  .page-id-2227 .content-wrapper div.three-columns {
    margin-bottom: 28px;
  }

  .page-id-2227 .content-wrapper div.three-columns span[style*="26pt"],
  .page-id-2227 .content-wrapper div.three-columns strong > span[style*="26pt"] {
    font-size: 36px !important;
  }

  .page-id-2227 .border-green {
    margin: 36px 0 !important;
    padding: 28px 22px !important;
    border-radius: 18px;
    font-size: 27px !important;
  }

  .page-id-2227 .b-p-ol.three-columns {
    margin: 24px 0 30px;
  }

  .page-id-2227 .b-p-ol.three-columns > li {
    padding: 22px 18px 22px 58px;
    border-radius: 16px;
  }

  .page-id-2227 .b-p-ol.three-columns > li::before {
    top: 22px;
    left: 18px;
  }

  .page-id-2227 .content-wrapper > ul.m-0 {
    margin-bottom: 38px;
  }

  .page-id-2227 .b-p-txt {
    margin-bottom: 38px;
    padding: 22px 20px;
  }

  .page-id-2227 .p-m-50 {
    margin-top: 42px !important;
    font-size: 30px !important;
  }

  .page-id-2227 #join-form {
    margin: 54px 0 18px !important;
    font-size: 36px !important;
  }

  .page-id-2227 .membersblocks .member-item {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 14px;
    align-items: center;
  }

  .page-id-2227 .membersblocks .member-fio {
    margin: 0;
  }

  .page-id-2227 .wpcf7 {
    margin-left: -2px;
    margin-right: -2px;
    padding: 18px 14px;
    border-radius: 16px;
  }

  .page-id-2227 .metamorphoses-form > .uk-grid,
  .page-id-2227 .metamorphoses-form > .uk-grid > div:last-child {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .page-id-2227 .metamorphoses-form > .uk-grid > div:last-child {
    grid-column: auto;
  }

  .page-id-2227 .wpcf7 input[type="text"],
  .page-id-2227 .wpcf7 input[type="tel"],
  .page-id-2227 .wpcf7 input[type="email"],
  .page-id-2227 .wpcf7 textarea,
  .page-id-2227 .wpcf7 select {
    font-size: 16px;
  }

  .page-id-2227 .wp-block-spacer {
    max-height: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-id-2227 *,
  .page-id-2227 *::before,
  .page-id-2227 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
