.elementor-kit-9{--e-global-color-primary:#F8B85B;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#F8B85B;--e-global-color-f3bb3fe:#278896;--e-global-typography-primary-font-family:"League Spartan";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"League Spartan";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Quicksand";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;background-color:#F8B85B;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{color:var( --e-global-color-text );font-family:"League Spartan", Sans-serif;}.elementor-kit-9 h2{color:var( --e-global-color-text );font-family:"League Spartan", Sans-serif;}.elementor-kit-9 h3{color:var( --e-global-color-text );font-family:"League Spartan", Sans-serif;font-weight:800;}.elementor-kit-9 h4{font-family:"League Spartan", Sans-serif;}.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);}@media(max-width:1024px){.elementor-kit-9 h3{font-size:25px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h3{font-size:25px;line-height:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Enable smooth interpolation of a gradient angle variable */
@property --a {
  syntax: '<angle>';
  inherits: true;          /* let ::before inherit the same angle */
  initial-value: 135deg;   /* ↘ top-left -> bottom-right */
}

/* === Double gradient frame with offset overlap (diagonal ↘) + hover rotation === */
.fancy-cta{
  --col-1: #005376;   /* teal */
  --col-2: #ffbd5a;   /* gold */
  --border-w: 3px;
  --offset: 12px;
  --a: 135deg;        /* starting angle (↘) */

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 32px 44px;
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .3em;
  text-align: center;

  /* INNER gradient border (gold → teal, diagonal by --a) */
  border: var(--border-w) solid transparent;
  border-image: linear-gradient(var(--a), var(--col-2), var(--col-1)) 1;

  /* smooth angle change + existing hover polish */
  transition: transform .2s ease, box-shadow .2s ease, --a .6s ease;
}

/* OUTER gradient border (teal → gold, same angle), offset for overlap */
.fancy-cta::before{
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);

  border: var(--border-w) solid transparent;
  border-image: linear-gradient(var(--a), var(--col-1), var(--col-2)) 1;
  pointer-events: none;
  /* the angle var is inherited, so it rotates in sync */
}

/* Hover: rotate the fades + lift */
.fancy-cta:hover{
  --a: 225deg; /* rotate 90° */

  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* Optional: continuous spin while hovering (flashier) */
/*
.fancy-cta:hover { animation: cta-spin 1.2s linear infinite; }
@keyframes cta-spin {
  from { --a: 135deg; }
  to   { --a: 495deg; } /* +360° */


@media (max-width: 767px){
  .fancy-cta{
    padding: 24px 28px;
    letter-spacing: .22em;
  }
  .fancy-cta{ --offset: 10px; --border-w: 2px; }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .fancy-cta,
  .fancy-cta::before{ transition: none; }
  .fancy-cta:hover{ --a: 135deg; transform: none; box-shadow: none; }
}


/* Clean multi-line highlight, bottom truly flush */
.hl{
  --th: .30em;   /* thickness above the letters */
  --x:  .5em;    /* left/right overhang */

  color:#fff;
  background:#000;
  padding: var(--th) var(--x) 0 var(--x);   /* no bottom padding */
  line-height: 1;                           /* remove extra leading */

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

  /* Fills the anti-aliased baseline gap so the bottom is flush */
  box-shadow: inset 0 -0.06em 0 #000;
}




/* Multi-line “white label” highlight that wraps neatly */
.hl-white{
  background: #fff;
  color: #000;
  padding: 10px 20px 0px 20px;               /* inner space */
  /* rounded ends */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;        /* keep padding/radius on each wrapped line */
  line-height: 1.3;                   /* tweak to your type scale */
}


/* Multi-line “label” highlight that wraps neatly */
.hl2{
  background:#000;
  color:#fff;
  padding: .4em .5em;            /* or .2em .5em .25em to give a bit more bottom room */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.25;              /* or simply `line-height: normal;` */
}


/* Multi-line “label” highlight that wraps neatly */
.hl-orange{
  background: #000;
  color: #F8B85B;
  padding: 10px 10px 1px 10px;               /* inner space */
  /* rounded ends */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;        /* keep padding/radius on each wrapped line */
  line-height: 1.3;                   /* tweak to your type scale */
}


/* Multi-line “label” highlight that wraps neatly */
.hl2-blue{
  background: #268796;
  color: #fff;
  padding: 10px 10px 1px 10px;               /* inner space */
  /* rounded ends */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;        /* keep padding/radius on each wrapped line */
  line-height: 1.3;                   /* tweak to your type scale */
}

.wp-image-15 {
  vertical-align: baseline;  /* sits directly on text baseline */
  line-height: 1;            /* removes extra line gap */
}

/* === Double black frame CTA === */
.fancy-cta-black {
  --border-w: 2px;
  --offset: 12px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 32px 44px;
  background: transparent;
  color: #000; /* adjust if needed */
  text-transform: uppercase;
  letter-spacing: .3em;
  text-align: center;

  /* Inner black border */
  border: var(--border-w) solid #000;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Outer black border */
.fancy-cta-black::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);
  border: var(--border-w) solid #000;
  pointer-events: none;
}

/* Hover polish (optional) */
.fancy-cta-black:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

.gform_required_legend {
    color: #FFBD59!important;
}

/* === Double white frame CTA === */
.fancy-cta-white {
  --border-w: 2px;
  --offset: 12px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 25px 35px 25px 25px;
  background: transparent;
  color: #fff; 
  text-transform: uppercase;
  letter-spacing: .3em;
  text-align: center;

  /* Inner white border */
  border: var(--border-w) solid #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Outer white border */
.fancy-cta-white::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);
  border: var(--border-w) solid #fff;
  pointer-events: none;
}

/* disabled underline on fancybox */

.no-underline {
    text-decoration: none!important;
}

/*blockquote*/
blockquote {
    background-color: #2e2e2e!important;
	color:#ffffff!important;
	font-style: normal; 
}

/* === Double black frame CTA specific to blogs === */
.fancy-cta-blog {
  --border-w: 2px;
  --offset: 12px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 5px 30px 5px;
  background: transparent;
  color: #000; /* adjust if needed */
  text-transform: uppercase;
  letter-spacing: .3em;
  text-align: center;

  /* Inner black border */
  border: var(--border-w) solid #000;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Outer black border */
.fancy-cta-blog::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);
  border: var(--border-w) solid #000;
  pointer-events: none;
}

/* Hover polish (optional) */
.fancy-cta-blog:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* === Double black frame CTA === */
.fancy-border-black {
  --border-w: 2px;
  --offset: 12px;

  position: relative;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: transparent;
  text-align: center;

  /* Inner black border */
  border: var(--border-w) solid #000;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Outer black border */
.fancy-border-black::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);
  border: var(--border-w) solid #000;
  pointer-events: none;
}

/* White legend on contact form */
#gform_wrapper_3 .gform_required_legend {
    color: #ffffff!important; 
    
}

#gform_wrapper_3 .gfield_consent_label a {
    color: #ffffff; /* white */
}

.calendly-inline-widget {
  min-width: 0 !important; /* kill Calendly's inline 320px rule */
}

/* Desktop (≥1024px) */
@media (min-width: 1024px) {
  .calendly-inline-widget {
    width: 1024px !important;
    height:700px!important;
  }
}

/* Tablet (≥768px and <1024px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .calendly-inline-widget {
    width: 720px !important;
    height:700px!important;
  }
}

/* Mobile (<768px) */
@media (max-width: 767px) {
  .calendly-inline-widget {
    width: 300px !important;
    height: 100vh !important; 
  }
}


/* Scoped only to ul.tick-list */
ul.tick-list {
  list-style: none;          /* remove default bullets */
  padding-left: 1.2em;
  margin: 1em 0;
}

ul.tick-list li::marker {
  content: "✔ ";             /* tick instead of dot */
  color: #000000;              /* customize tick color */
  font-weight: bold;
}

.fancy-border-coloured{
  --col-1: #005376;   /* teal */
  --col-2: #ffbd5a;   /* gold */
  --border-w: 3px;
  --offset: 12px;
  --a: 135deg;        /* starting angle (↘) */

 position: relative;
 display: inline-flex;
 align-items: center; 
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom:10px;
  padding-left:10px;
  background: transparent;
  color: #fff;

  /* INNER gradient border (gold → teal, diagonal by --a) */
  border: var(--border-w) solid transparent;
  border-image: linear-gradient(var(--a), var(--col-2), var(--col-1)) 1;

  /* smooth angle change + existing hover polish */
  transition: transform .2s ease, box-shadow .2s ease, --a .6s ease;
}

/* OUTER gradient border (teal → gold, same angle), offset for overlap */
.fancy-border-coloured::before{
  content: "";
  position: absolute;
  top: calc(-1 * var(--offset));
  left: calc(-1 * var(--offset));
  right: var(--offset);
  bottom: var(--offset);

  border: var(--border-w) solid transparent;
  border-image: linear-gradient(var(--a), var(--col-1), var(--col-2)) 1;
  pointer-events: none;
  /* the angle var is inherited, so it rotates in sync */
}

/* Rough black highlighter using your hosted SVG */
.rough-highlighter{
  color:#fff;                          /* white text on black */
  padding:.35em .6em;                  /* scalable padding */
  line-height:1.25;                    /* avoid clipping descenders */

  /* make the background duplicate for each wrapped line */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

  /* use the server SVG as the background */
  background-image: url("/wp-content/uploads/2025/10/blackbg.svg");
  background-repeat: no-repeat;        /* one swipe per line */
  background-size: 100% 100%;          /* stretch to the line box */
  background-position: center;
  background-origin: content-box;      /* keep edges inside the padding */
  background-color:#000;               /* graceful fallback */
}/* End custom CSS */