.elementor-kit-14{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c1f5978:#E45FDD;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-0b24bc9-font-family:"Sofia Sans Condensed";--e-global-typography-0b24bc9-font-weight:800;--e-global-typography-5abb5c3-font-family:"Barlow Condensed";--e-global-typography-5abb5c3-font-weight:800;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   IMPACTO SINGLE POST TEMPLATE
   Paste into: Elementor > Site Settings > Custom CSS
   Relies on the CSS classes set in each widget's
   Advanced > CSS Classes (see setup steps).
   ========================================================= */

:root{
  --ip-ink:#0f1115;
  --ip-text:#4a4f58;            /* article text: softer than black, darker than before */
  --ip-muted:#8a8f99;
  --ip-line:#e7e8ee;
  --ip-dark:#0a0b0d;
  --ip-accent:#e45edd;
  --ip-head:'Archivo',system-ui,sans-serif;
  --ip-body:'DM Sans',system-ui,sans-serif;
  --ip-sticky:140px;            /* distance from top for sticky sidebars and heading jumps (clears your floating header) */
}

/* ---------- HERO ---------- */
.imp-post-hero{
  background-color:var(--ip-dark);
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);
  background-size:16px 16px;
  padding:clamp(120px,12vw,160px) 24px clamp(48px,6vw,72px) !important;
  text-align:center;
}
.imp-post-hero > .e-con-inner,
.imp-post-hero{align-items:center}

/* Pink dots that light up around the mouse (desktop only; the tiny script lives in the imp-js HTML widget) */
.imp-post-hero{position:relative;overflow:hidden;isolation:isolate}
.imp-post-hero::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(#e45edd 1.7px,transparent 2.1px);
  background-size:16px 16px;
  -webkit-mask-image:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#000 0%,rgba(0,0,0,.8) 40%,transparent 75%);
          mask-image:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#000 0%,rgba(0,0,0,.8) 40%,transparent 75%);
  opacity:0;
  transition:opacity .35s ease;
}
.imp-post-hero.is-glow::after{opacity:1}
.imp-post-hero > *{position:relative;z-index:1}
.imp-js{display:none !important}

/* "Return to insights" link */
.imp-back .elementor-button{
  background:transparent !important;
  padding:0 !important;
  color:#fff !important;
  font-family:var(--ip-body);
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
}
.imp-back .elementor-button-icon{color:var(--ip-accent);transition:transform .18s ease}
.imp-back .elementor-button:hover .elementor-button-icon{transform:translateX(3px)}

/* H1 */
.imp-post-title .elementor-heading-title{
  max-width:24ch;
  margin:24px auto 0;
  color:#fff;
  font-family:var(--ip-head);
  font-weight:700;
  font-size:clamp(2.1rem,5.4vw,4.4rem);
  line-height:1.1;
  letter-spacing:-.02em;
  text-wrap:balance;
}

/* Date + author row */
.imp-post-meta{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:18px 32px !important;
  margin-top:40px;
}
.imp-post-date .elementor-icon-list-text,
.imp-post-date .elementor-post-info__item{
  color:#fff !important;
  font-family:var(--ip-body);
  font-size:12px !important;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.imp-author .elementor-author-box{align-items:center;text-align:left}
.imp-author .elementor-author-box__avatar{margin-right:20px !important}
.imp-author .elementor-author-box__avatar img{
  width:64px !important;height:64px !important;
  border-radius:50%;object-fit:cover;
}
.imp-author .elementor-author-box__name{
  margin:0 0 6px !important;
  color:#fff !important;
  font-family:var(--ip-body);
  font-size:12px !important;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.imp-author .elementor-author-box__bio{
  max-width:34ch;
  margin:0 !important;
  color:var(--ip-muted) !important;
  font-family:var(--ip-body);
  font-size:14px !important;
  line-height:1.45;
}

/* ---------- BODY: contents | article | form ---------- */
.imp-post-body{
  display:grid !important;
  grid-template-columns:minmax(0,240px) minmax(0,660px) minmax(0,320px);
  justify-content:space-between;
  align-items:start;
  gap:0 56px !important;
  max-width:1320px;
  margin:0 auto;
  padding:clamp(56px,7vw,110px) 28px clamp(64px,8vw,120px) !important;
}
.imp-post-body > *{min-width:0}

/* Sticky sidebars */
.imp-toc,
.imp-form-card{position:sticky;top:var(--ip-sticky);align-self:start}


/* Table of contents */
.imp-toc{--box-border-width:0px;--box-padding:0px;--box-background-color:transparent}
.imp-toc > .elementor-widget-container{border:0 !important;padding:0 !important;background:transparent !important}
.imp-toc .elementor-toc__toggle-button{display:none}          /* collapse arrow only needed on mobile */
.imp-toc .elementor-toc__spinner-container{display:none}
.imp-toc .elementor-toc__body > div:not(.elementor-toc__list-wrapper){color:var(--ip-muted);font-size:13px}
.imp-toc .elementor-toc{border:0 !important;background:transparent !important;padding:0 !important}
.imp-toc .elementor-toc__header{
  padding:0 0 12px !important;
  border-bottom:1px solid var(--ip-line) !important;
  background:transparent !important;
}
.imp-toc .elementor-toc__header-title{
  color:var(--ip-ink) !important;
  font-family:var(--ip-body);
  font-size:11px !important;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.imp-toc .elementor-toc__body{padding:14px 0 0 !important;max-height:none !important}
.imp-toc .elementor-toc__list-wrapper{margin:0;padding:0;list-style:none}
.imp-toc .elementor-toc__list-item{margin:0 0 12px}
.imp-toc .elementor-toc__list-item-text-wrapper::before{display:none}
.imp-toc .elementor-toc__list-item-text{
  display:block;
  color:var(--ip-muted) !important;
  font-family:var(--ip-body);
  font-size:11px !important;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none !important;
  transition:color .18s ease;
}
.imp-toc .elementor-toc__list-item-text:hover,
.imp-toc .elementor-toc__list-item-text.elementor-item-active{color:var(--ip-ink) !important;font-weight:700}

/* Article */
.imp-content{
  color:var(--ip-text);
  font-family:var(--ip-body);
  font-size:17px;
  line-height:1.7;
}
.imp-content p,
.imp-content li{color:var(--ip-text)}
.imp-content p{margin:0 0 1.2em}
.imp-content p:first-of-type{                 /* lead paragraph + divider */
  color:var(--ip-ink) !important;
  font-size:clamp(1.15rem,1.8vw,1.35rem);
  line-height:1.5;
  padding-bottom:40px;
  margin-bottom:48px;
  border-bottom:1px solid var(--ip-line);
}
.imp-content strong{color:var(--ip-ink)}
.imp-content h2{
  margin:1.9em 0 .7em;
  color:var(--ip-ink);
  font-family:var(--ip-head);
  font-weight:600;
  font-size:clamp(1.55rem,2.6vw,2.15rem);
  line-height:1.18;
  letter-spacing:-.015em;
  text-wrap:balance;
  scroll-margin-top:var(--ip-sticky);           /* contents links don't land under the header */
}
.imp-content h3{
  margin:1.6em 0 .5em;
  color:var(--ip-ink);
  font-family:var(--ip-head);
  font-weight:600;
  font-size:1.25rem;
  line-height:1.3;
  scroll-margin-top:var(--ip-sticky);
}
.imp-content a{color:var(--ip-ink);text-decoration:underline;text-decoration-color:var(--ip-accent);text-underline-offset:3px}
.imp-content a:hover{color:var(--ip-accent)}
.imp-content ul,.imp-content ol{margin:0 0 1.3em;padding-left:1.25em}
.imp-content li{margin-bottom:.45em}
.imp-content li::marker{color:var(--ip-accent)}
.imp-content blockquote{
  margin:1.8em 0;padding:4px 0 4px 22px;
  border-left:3px solid var(--ip-accent);
  color:var(--ip-ink);font-size:1.15em;line-height:1.5;
}
.imp-content img{max-width:100%;height:auto;border-radius:0}   /* images show exactly as uploaded */
.imp-content figure{margin:2em 0}
.imp-content figcaption{margin-top:8px;color:var(--ip-muted);font-size:13px}
.imp-content table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.imp-content th,.imp-content td{padding:10px 12px;border-bottom:1px solid var(--ip-line);text-align:left}

/* Form card */
.imp-form-card{
  display:block !important;
  background:#fff;
  border:1px solid var(--ip-line);
  border-radius:14px;
  padding:22px 20px !important;
}
/* Headline + intro above the form (text lives here, so it shows on every post automatically) */
.imp-form-card::before{
  content:"Want this done for you?";
  display:block;
  margin:0 0 8px;
  color:var(--ip-ink);
  font-family:var(--ip-head);
  font-weight:700;
  font-size:1.25rem;
  line-height:1.2;
  letter-spacing:-.01em;
}
.imp-form-card .elementor-form::before{
  content:"Tell us about your business and we\2019ll show you what we\2019 d focus on first.";
  display:block;
  margin:0 0 18px;
  color:var(--ip-text);
  font-family:var(--ip-body);
  font-size:14px;
  line-height:1.55;
}
.imp-form-card .elementor-field-group{position:relative;margin-bottom:14px !important}
.imp-form-card .elementor-field-label{
  position:absolute;
  top:-8px;left:12px;z-index:1;
  padding:0 6px;
  background:#fff;
  color:var(--ip-ink);
  font-family:var(--ip-body);
  font-size:10.5px !important;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.imp-form-card .elementor-field-textual{
  min-height:44px;
  border:1px solid var(--ip-line) !important;
  border-radius:8px !important;
  background:#fff !important;
  font-family:var(--ip-body);
  font-size:15px !important;
}
.imp-form-card .elementor-field-textual:focus{border-color:var(--ip-accent) !important;box-shadow:0 0 0 3px rgba(228,94,221,.15)}
.imp-form-card textarea.elementor-field-textual{min-height:72px;height:72px}
.imp-form-card .elementor-button{
  width:100%;
  min-height:46px;
  border-radius:12px !important;
  background:var(--ip-accent) !important;
  font-family:var(--ip-head);
  font-weight:700;
}
.imp-form-card .elementor-button:hover{background:#cb44c4 !important}

/* ---------- TABLET: article + form, contents on top ---------- */
@media (max-width:1100px){
  .imp-post-body{
    grid-template-columns:minmax(0,1fr) minmax(0,300px);
    gap:0 40px !important;
  }
  .imp-toc{position:static;grid-column:1 / -1;margin-bottom:40px}
}

/* ---------- MOBILE: single column ---------- */
@media (max-width:767px){
  :root{--ip-sticky:110px}
  .imp-post-hero{padding:104px 20px 44px !important}
  .imp-post-title .elementor-heading-title{max-width:none}
  .imp-post-meta{flex-direction:column !important;gap:20px !important;margin-top:28px}
  .imp-author .elementor-author-box__avatar img{width:52px !important;height:52px !important}

  .imp-post-body{
    grid-template-columns:minmax(0,1fr);
    padding:40px 20px 64px !important;
  }
  .imp-toc{
    margin-bottom:32px;
    padding:16px 18px !important;
    border:1px solid var(--ip-line);
    border-radius:12px;
  }
  .imp-toc .elementor-toc__header{border-bottom:0 !important;padding:0 !important}
  .imp-toc .elementor-toc__toggle-button{display:flex}
  .imp-content{font-size:16px}
  .imp-content p:first-of-type{padding-bottom:28px;margin-bottom:32px}
  .imp-form-card{position:static;margin-top:48px}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .imp-post-hero::after{display:none}
  .imp-back .elementor-button-icon{transition:none}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/instrument-sans-v4-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/instrument-sans-v4-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/instrument-sans-v4-latin-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sofia Sans Condensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/sofia-sans-condensed-v6-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Sofia Sans Condensed';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/sofia-sans-condensed-v6-latin-900.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://impactoagency.com.au/wp-content/uploads/2026/10/barlow-condensed-v13-latin-800.woff2') format('woff2');
}
/* End Custom Fonts CSS */