.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for global, class: .elementor-global-31122 *//* =========================================================
   Newton Footer
   Footer-only CSS.
   Update --newton-footer-logo to the final transparent PNG/SVG.
   The logo is masked white automatically.
   ========================================================= */

.newton-site-footer {
  --newton-footer-bg: #101411;
  --newton-footer-ink: rgba(255, 255, 255, 0.78);
  --newton-footer-muted: rgba(255, 255, 255, 0.52);
  --newton-footer-soft: rgba(255, 255, 255, 0.08);
  --newton-footer-bright: #ffffff;
  --newton-footer-max: 1320px;

  /* Replace this URL with the final transparent Newton logo file */
  --newton-footer-logo: url("https://thenewtoncommunity.com/wp-content/uploads/2026/06/TheNEWTONCommunity-Magazine-LOGO.png");

  position: relative;
  overflow: hidden;
  margin-top: 10px;
  padding: 44px 30px 28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.08), transparent 26%),
    linear-gradient(180deg, #131814 0%, var(--newton-footer-bg) 100%);
  color: var(--newton-footer-ink);
}

.newton-site-footer,
.newton-site-footer * {
  box-sizing: border-box;
}

.newton-site-footer a {
  color: inherit;
  text-decoration: none;
}

.newton-footer-inner,
.newton-footer-bottom {
  width: min(100%, var(--newton-footer-max));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.newton-footer-inner {
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) minmax(150px, 0.65fr) minmax(150px, 0.65fr) minmax(230px, 0.8fr);
  gap: 34px;
  align-items: start;
}

.newton-footer-brand-block {
  max-width: 470px;
}

.newton-footer-logo-link {
  display: inline-flex;
  width: min(270px, 100%);
  margin-bottom: 18px;
}

/* White masked logo */
.newton-footer-logo-mask {
  display: block;
  width: min(270px, 72vw);
  height: 74px;
  background: var(--newton-footer-bright);

  -webkit-mask-image: var(--newton-footer-logo);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  -webkit-mask-size: contain;

  mask-image: var(--newton-footer-logo);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: contain;
}

/*
  If the uploaded logo has a white box/background, use a transparent PNG/SVG instead.
  Masking uses the image alpha, so a non-transparent rectangle will become a white rectangle.
*/

.newton-footer-brand-block p,
.newton-footer-column p {
  margin: 0;
  color: var(--newton-footer-ink);
  line-height: 1.78;
  font-size: 0.98rem;
}

.newton-footer-contact {
  display: grid;
  gap: 4px;
  margin-top: 16px;
}

.newton-footer-contact a {
  width: fit-content;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
  border-bottom: 1px solid transparent;
  transition: 180ms ease;
}

.newton-footer-column h4 {
  margin: 0 0 14px;
  color: var(--newton-footer-muted);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.newton-footer-links {
  display: grid;
  gap: 9px;
}

.newton-footer-links a,
.newton-footer-bottom-links a {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.45;
  transition: color 180ms ease, transform 180ms ease;
}

.newton-footer-links a:hover,
.newton-footer-bottom-links a:hover,
.newton-footer-contact a:hover {
  color: #fff;
}

.newton-footer-links a:hover {
  transform: translateX(2px);
}

.newton-footer-cta {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.085);
}

.newton-footer-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-top: 16px;
  padding: 0 15px;
  border-radius: 12px;
  color: #121512 !important;
  background: rgba(255, 255, 255, 0.92);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  transition: 180ms ease;
}

.newton-footer-button:hover {
  transform: translateY(-1px);
  background: #fff;
}

.newton-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--newton-footer-soft);
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.9rem;
}

.newton-footer-bottom-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
  flex-wrap: wrap;
}

.newton-footer-bottom-links a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
}

/* Tablet */
@media (max-width: 1120px) {
  .newton-footer-inner {
    grid-template-columns: 1.2fr 0.8fr 0.8fr;
  }

  .newton-footer-brand-block {
    grid-column: 1 / -1;
    max-width: 720px;
  }

  .newton-footer-cta {
    grid-column: 1 / -1;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .newton-site-footer {
    padding: 36px 18px 24px;
  }

  .newton-footer-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .newton-footer-brand-block {
    max-width: none;
  }

  .newton-footer-logo-link {
    width: 100%;
    justify-content: center;
    margin-bottom: 16px;
  }

  .newton-footer-logo-mask {
    width: min(250px, 78vw);
    height: 68px;
    -webkit-mask-position: center center;
    mask-position: center center;
  }

  .newton-footer-brand-block p,
  .newton-footer-contact {
    text-align: center;
  }

  .newton-footer-contact {
    justify-items: center;
  }

  .newton-footer-column {
    padding-top: 22px;
    border-top: 1px solid var(--newton-footer-soft);
  }

  .newton-footer-column h4 {
    text-align: center;
  }

  .newton-footer-links {
    justify-items: center;
    gap: 11px;
  }

  .newton-footer-links a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .newton-footer-cta {
    text-align: center;
    padding: 20px;
  }

  .newton-footer-button {
    width: 100%;
    max-width: 280px;
  }

  .newton-footer-bottom {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 14px;
    margin-top: 26px;
  }

  .newton-footer-bottom-links {
    justify-content: center;
    gap: 10px 14px;
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .newton-site-footer {
    padding-left: 14px;
    padding-right: 14px;
  }

  .newton-footer-logo-mask {
    width: min(220px, 78vw);
    height: 60px;
  }

  .newton-footer-cta {
    border-radius: 18px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   NEWTON GENERAL PAGE TEMPLATE
   FULL CSS REPLACEMENT

   Applies only when the template contains:
   .newton-page-hero-widget

   Important:
   - Does NOT globally reset every Elementor section.
   - Does NOT touch the footer section.
   - Only releases the section containing the hero.
   - Keeps content wider and less squished.
   ========================================================= */


/* =========================================================
   1. Template variables / body reset
   ========================================================= */

body:has(.newton-page-hero-widget){
  --nwt-bg:#eef1f4;
  --nwt-paper:rgba(255,255,255,0.78);
  --nwt-paper-strong:rgba(255,255,255,0.9);
  --nwt-ink:#171917;
  --nwt-muted:#5f665f;
  --nwt-soft:#87908a;
  --nwt-line:rgba(23,25,23,0.1);
  --nwt-accent:#223126;
  --nwt-shadow-soft:0 14px 32px rgba(18,22,18,0.08);
  --nwt-shadow-strong:0 22px 54px rgba(18,22,18,0.12);
  --nwt-max:1440px;
  --newton-page-hero-image:var(--current-issue-cover, linear-gradient(135deg,#dfe5e6,#f7f8fb));

  /*
    Needed because older global custom CSS on the site sets body to grid/place-items.
    This prevents the whole template from being centered/squished.
  */
  display:block !important;
  place-items:initial !important;
  min-height:100vh;
  background:#eef1f4 !important;
}


/* =========================================================
   2. Background only for the page canvas, not footer layout
   ========================================================= */

body:has(.newton-page-hero-widget).elementor-template-canvas,
body:has(.newton-page-hero-widget) .elementor-location-single{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.88), transparent 24%),
    linear-gradient(180deg, #f6f8fb 0%, var(--nwt-bg) 100%);
}


/* =========================================================
   3. Hero section shell cleanup
   Scoped ONLY to the section containing .newton-page-hero-widget.
   This prevents footer/header/global widgets from being squished.
   ========================================================= */

body:has(.newton-page-hero-widget) .elementor-location-single > .elementor-section:has(.newton-page-hero-widget),
body:has(.newton-page-hero-widget) .elementor-location-single > .elementor-section:has(.newton-page-hero-widget) > .elementor-container,
body:has(.newton-page-hero-widget) .elementor-location-single > .elementor-section:has(.newton-page-hero-widget) > .elementor-container > .elementor-column,
body:has(.newton-page-hero-widget) .elementor-location-single > .elementor-section:has(.newton-page-hero-widget) > .elementor-container > .elementor-column > .elementor-widget-wrap{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box;
}

body:has(.newton-page-hero-widget) .elementor-location-single > .e-con:has(.newton-page-hero-widget),
body:has(.newton-page-hero-widget) .elementor-location-single > .e-con:has(.newton-page-hero-widget) > .e-con-inner{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box;
}


/* The Elementor HTML widget containing the hero is full-bleed */
body:has(.newton-page-hero-widget) .elementor-widget-html:has(.newton-page-hero-widget){
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:0 !important;
  height:auto !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:visible !important;
  isolation:auto !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

body:has(.newton-page-hero-widget) .elementor-widget-html:has(.newton-page-hero-widget)::before,
body:has(.newton-page-hero-widget) .elementor-widget-html:has(.newton-page-hero-widget)::after{
  content:none !important;
  display:none !important;
}

body:has(.newton-page-hero-widget) .elementor-widget-html:has(.newton-page-hero-widget) > .elementor-widget-container{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  inset:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}


/* =========================================================
   4. Intro hold
   Prevents title/image/content pop before JS hydrates.
   ========================================================= */

body:has(.newton-page-hero-widget):not(.newton-page-intro-ready):not(.newton-page-intro-failed) .newton-page-hero-widget,
body:has(.newton-page-hero-widget):not(.newton-page-intro-ready):not(.newton-page-intro-failed) .newton-page-hero-copy,
body:has(.newton-page-hero-widget):not(.newton-page-intro-ready):not(.newton-page-intro-failed) .newton-page-reveal{
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(0,30px,0) !important;
  animation:none !important;
}


/* =========================================================
   5. Hero
   Matches author hero sizing/behavior, but uses viewport width
   so Elementor boxed sections cannot squeeze it.
   ========================================================= */

.newton-page-hero-widget{
  position:relative;
  width:min(calc(100vw - 32px),1520px);
  max-width:min(calc(100vw - 32px),1520px);
  height:clamp(340px,32vw,455px);
  min-height:0;
  margin:16px auto 0;
  overflow:hidden;
  isolation:isolate;
  border-radius:30px;
  background:#eef1f4;
  border:1px solid rgba(255,255,255,0.64);
  box-shadow:0 20px 70px rgba(17,22,19,0.08);
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  transition:
    opacity 1180ms cubic-bezier(.16,.84,.24,1),
    transform 1180ms cubic-bezier(.16,.84,.24,1),
    visibility 0s linear 0s;
  will-change:opacity, transform;
}

body.newton-page-intro-ready .newton-page-hero-widget{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  transition-delay:0s, 0s, 0s !important;
}

.newton-page-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:#dfe5e6;
  background-image:var(--newton-page-hero-image);
  background-size:cover !important;
  background-position:var(--newton-page-hero-position, center center) !important;
  background-repeat:no-repeat !important;
  transform:scale(1.08) translateZ(0);
  transform-origin:center center;
  transition:transform 1900ms cubic-bezier(.16,.84,.24,1);
  will-change:transform;
}

.newton-page-hero-media img{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:var(--newton-page-hero-position, center center) !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:0 !important;
  transform:scale(1.08) translateZ(0) !important;
  transform-origin:center center !important;
  transition:transform 1900ms cubic-bezier(.16,.84,.24,1) !important;
  will-change:transform;
}

body.newton-page-intro-ready .newton-page-hero-media,
body.newton-page-intro-ready .newton-page-hero-media img{
  transform:scale(1) translateZ(0) !important;
}

.newton-page-hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(239,243,246,0.84) 0%,
      rgba(239,243,246,0.72) 31%,
      rgba(239,243,246,0.38) 58%,
      rgba(239,243,246,0.14) 100%
    ),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.46), transparent 28%);
}

.newton-page-hero-media::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:min(58%,820px);
  z-index:2;
  opacity:0.28;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 30%, rgba(255,255,255,0.72), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 36% 58%, rgba(255,255,255,0.44), rgba(255,255,255,0) 28%),
    linear-gradient(rgba(34,49,38,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,49,38,0.06) 1px, transparent 1px);
  background-size:auto, auto, 46px 46px, 46px 46px;
  background-position:center, center, 0 0, 0 0;
  mask-image:radial-gradient(circle at 38% 42%, black 0%, rgba(0,0,0,0.82) 42%, transparent 76%);
  -webkit-mask-image:radial-gradient(circle at 38% 42%, black 0%, rgba(0,0,0,0.82) 42%, transparent 76%);
}

.newton-page-hero-copy{
  position:absolute;
  left:clamp(24px,5vw,76px);
  bottom:clamp(82px,10vw,128px);
  z-index:5;
  max-width:900px;
  pointer-events:none;
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  transition:
    opacity 980ms cubic-bezier(.16,.84,.24,1),
    transform 980ms cubic-bezier(.16,.84,.24,1),
    visibility 0s linear 0s;
  will-change:opacity, transform;
}

body.newton-page-intro-ready .newton-page-hero-copy{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  transition-delay:180ms, 180ms, 0s !important;
}

.newton-page-hero-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:10px;
  margin-bottom:14px;
  background:rgba(255,255,255,0.8);
  border:1px solid rgba(255,255,255,0.84);
  color:var(--nwt-accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 24px rgba(18,22,18,0.06);
}

.newton-page-hero-title{
  margin:0;
  max-width:12ch;
  color:var(--nwt-ink);
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(3rem,6.4vw,5.25rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.04em;
  text-transform:none;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,0.34);
}


/* =========================================================
   6. Content overlap / shell
   Scoped only to the post-content widget, not the footer.
   ========================================================= */

body:has(.newton-page-hero-widget) .newton-page-content-shell,
body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell{
  position:relative !important;
  z-index:6 !important;
  width:min(calc(100% - 32px),var(--nwt-max)) !important;
  max-width:var(--nwt-max) !important;
  margin:-74px auto 0 !important;
  padding:0 0 52px !important;
}

body:has(.newton-page-hero-widget) .newton-page-content-shell > .elementor-widget-container,
body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell > .elementor-widget-container{
  position:relative;
  z-index:7;
  border-radius:28px;
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(255,255,255,0.72);
  box-shadow:0 18px 46px rgba(18,22,18,0.1);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  padding:clamp(22px,3.2vw,38px);
}

/* Let the real page content use the available card width */
body:has(.newton-page-hero-widget) .newton-page-content-shell > .elementor-widget-container > .elementor,
body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell > .elementor-widget-container > .elementor{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* Only widen sections inside the post-content card */
body:has(.newton-page-hero-widget) .newton-page-content-shell .elementor-section,
body:has(.newton-page-hero-widget) .newton-page-content-shell .elementor-section > .elementor-container{
  max-width:100% !important;
}

body:has(.newton-page-hero-widget) .newton-page-content-shell .elementor-column-gap-default > .elementor-column > .elementor-element-populated{
  padding-left:10px !important;
  padding-right:10px !important;
}


/* =========================================================
   7. Typography cleanup inside content card only
   ========================================================= */

body:has(.newton-page-hero-widget) .newton-page-content-shell{
  color:#2e332f;
}

body:has(.newton-page-hero-widget) .newton-page-content-shell p{
  color:#2e332f;
  font-size:1rem;
  line-height:1.85;
}

body:has(.newton-page-hero-widget) .newton-page-content-shell h2,
body:has(.newton-page-hero-widget) .newton-page-content-shell h3{
  color:var(--nwt-ink);
  font-family:Georgia, "Times New Roman", serif;
  font-weight:400;
  letter-spacing:-.035em;
}

body:has(.newton-page-hero-widget) .newton-page-content-shell a{
  color:inherit;
}


/* =========================================================
   8. Reveal contract
   JS adds .newton-page-reveal and then .is-visible.
   ========================================================= */

.newton-page-reveal{
  opacity:1;
  visibility:visible;
  transform:none;
}

body.newton-page-intro-ready .newton-page-reveal{
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(0,30px,0) !important;
  transition:
    opacity 980ms cubic-bezier(.2,.8,.2,1),
    transform 980ms cubic-bezier(.2,.8,.2,1),
    visibility 0s linear 980ms !important;
  transition-delay:var(--newton-stagger,0ms), var(--newton-stagger,0ms), 980ms !important;
  will-change:opacity, transform;
  animation:none !important;
}

body.newton-page-intro-ready .newton-page-reveal.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  transition-delay:var(--newton-stagger,0ms), var(--newton-stagger,0ms), 0s !important;
}


/* =========================================================
   9. Failure safety
   If JS cannot hydrate, show page instead of leaving it blank.
   ========================================================= */

body.newton-page-intro-failed .newton-page-hero-widget,
body.newton-page-intro-failed .newton-page-hero-copy,
body.newton-page-intro-failed .newton-page-reveal{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
}


/* =========================================================
   10. Footer protection
   Do not let this template CSS alter the footer layout.
   ========================================================= */

body:has(.newton-page-hero-widget) .newton-site-footer,
body:has(.newton-page-hero-widget) .newton-site-footer *,
body:has(.newton-page-hero-widget) .elementor-section:has(.newton-site-footer),
body:has(.newton-page-hero-widget) .elementor-section:has(.newton-site-footer) > .elementor-container{
  max-width:revert-layer;
}

/*
  Fallback for browsers/tools that do not support revert-layer cleanly.
  These are intentionally light-touch and only preserve normal footer flow.
*/
body:has(.newton-page-hero-widget) .newton-site-footer{
  width:100%;
  margin-left:0;
  margin-right:0;
}

body:has(.newton-page-hero-widget) .newton-site-footer .newton-footer-inner,
body:has(.newton-page-hero-widget) .newton-site-footer .newton-footer-bottom{
  width:min(100%,1320px);
  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
   11. Responsive
   ========================================================= */

@media (max-width:980px){
  .newton-page-hero-widget{
    width:100vw;
    max-width:100vw;
    height:390px;
    margin:0;
    border-radius:0;
  }

  .newton-page-hero-media{
    background-position:var(--newton-page-hero-mobile-position, center top) !important;
  }

  .newton-page-hero-media img{
    object-position:var(--newton-page-hero-mobile-position, center top) !important;
  }

  .newton-page-hero-media::before{
    background:
      linear-gradient(180deg, rgba(239,243,246,0.78), rgba(239,243,246,0.92)),
      radial-gradient(circle at 18% 18%, rgba(255,255,255,0.45), transparent 28%);
  }

  .newton-page-hero-media::after{
    width:100%;
    opacity:.2;
  }

  .newton-page-hero-copy{
    left:18px;
    right:18px;
    bottom:88px;
  }

  body:has(.newton-page-hero-widget) .newton-page-content-shell,
  body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell{
    width:min(calc(100% - 24px),var(--nwt-max)) !important;
    margin:-66px auto 0 !important;
    padding:0 0 44px !important;
  }

  body:has(.newton-page-hero-widget) .newton-page-content-shell > .elementor-widget-container,
  body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell > .elementor-widget-container{
    padding:22px;
  }
}

@media (max-width:640px){
  .newton-page-hero-widget{
    height:330px;
  }

  .newton-page-hero-title{
    font-size:clamp(2.45rem,12vw,3.8rem);
    max-width:10ch;
  }

  .newton-page-hero-copy{
    bottom:60px;
  }

  body:has(.newton-page-hero-widget) .newton-page-content-shell,
  body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell{
    width:min(calc(100% - 20px),var(--nwt-max)) !important;
    margin:-42px auto 0 !important;
    padding:0 0 38px !important;
  }

  body:has(.newton-page-hero-widget) .newton-page-content-shell > .elementor-widget-container,
  body:has(.newton-page-hero-widget) .elementor-widget-theme-post-content.newton-page-content-shell > .elementor-widget-container{
    padding:18px;
    border-radius:22px;
  }

  body:has(.newton-page-hero-widget) .newton-page-content-shell .elementor-column-gap-default > .elementor-column > .elementor-element-populated{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .newton-page-hero-widget,
  .newton-page-hero-widget *,
  .newton-page-hero-widget *::before,
  .newton-page-hero-widget *::after,
  .newton-page-reveal{
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   make footer full width on inner pages
   ========================================================= */

.elementor-widget-wrap.elementor-element-populated {
    padding: 0px !important;
}/* End custom CSS */