.elementor-7552 .elementor-element.elementor-element-5175588{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.85;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-5175588::before, .elementor-7552 .elementor-element.elementor-element-5175588 > .elementor-background-video-container::before, .elementor-7552 .elementor-element.elementor-element-5175588 > .e-con-inner > .elementor-background-video-container::before, .elementor-7552 .elementor-element.elementor-element-5175588 > .elementor-background-slideshow::before, .elementor-7552 .elementor-element.elementor-element-5175588 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7552 .elementor-element.elementor-element-5175588 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://squarerigger.com/wp-content/uploads/2026/08/overlay.png");--background-overlay:'';}.elementor-7552 .elementor-element.elementor-element-5175588:not(.elementor-motion-effects-element-type-background), .elementor-7552 .elementor-element.elementor-element-5175588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7552 .elementor-element.elementor-element-d1c9681{width:initial;max-width:initial;margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-d1c9681 .elementor-heading-title{font-family:var( --e-global-typography-e021aef-font-family ), Inter;font-size:var( --e-global-typography-e021aef-font-size );font-weight:var( --e-global-typography-e021aef-font-weight );line-height:var( --e-global-typography-e021aef-line-height );letter-spacing:var( --e-global-typography-e021aef-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-3c7da5f{width:initial;max-width:initial;margin:016px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-3c7da5f .elementor-heading-title{font-family:"Inter", Inter;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0px;color:#CED4E2;}.elementor-7552 .elementor-element.elementor-element-d148257{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:3px;--icon-vertical-offset:0px;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > a{font-family:"Inter", Inter;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0px;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-text{color:#CED4E2;transition:color 0.3s;}.elementor-7552 .elementor-element.elementor-element-17d9668 .elementor-button{background-color:var( --e-global-color-4644990 );}.elementor-7552 .elementor-element.elementor-element-17d9668 .elementor-button:hover, .elementor-7552 .elementor-element.elementor-element-17d9668 .elementor-button:focus{background-color:#ED1041BD;}.elementor-7552 .elementor-element.elementor-element-17d9668{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-17d9668 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7552 .elementor-element.elementor-element-d5e5d3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:90px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-f41e645{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-358d01e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-96438dd{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:070px;--padding-left:40px;--padding-right:40px;}.elementor-7552 .elementor-element.elementor-element-96438dd:not(.elementor-motion-effects-element-type-background), .elementor-7552 .elementor-element.elementor-element-96438dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://squarerigger.com/wp-content/uploads/2026/08/cta-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7552 .elementor-element.elementor-element-de6a8b3 .elementor-heading-title{font-family:"Inter", Inter;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0px;}.elementor-7552 .elementor-element.elementor-element-697f8af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 24px;--row-gap:20px;--column-gap:24px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-208ac5a .elementor-button{background-color:var( --e-global-color-4644990 );}.elementor-7552 .elementor-element.elementor-element-208ac5a .elementor-button:hover, .elementor-7552 .elementor-element.elementor-element-208ac5a .elementor-button:focus{background-color:#ED1041BD;}.elementor-7552 .elementor-element.elementor-element-208ac5a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button{background-color:var( --e-global-color-20ae83d );font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:var( --e-global-color-a95a8f8 );color:var( --e-global-color-a95a8f8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#C7D2EA;}.elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button:hover, .elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button:focus{background-color:#000D7D00;color:#000D7D73;border-color:#32375259;}.elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button:hover svg, .elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button:focus svg{fill:#000D7D73;}.elementor-7552 .elementor-element.elementor-element-6ecdeb7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-21164cd{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7552 .elementor-element.elementor-element-9b3f2ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-28b10ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7552 .elementor-element.elementor-element-796d2ea .elementor-icon-wrapper{text-align:center;}.elementor-7552 .elementor-element.elementor-element-796d2ea .elementor-icon{font-size:28px;}.elementor-7552 .elementor-element.elementor-element-796d2ea .elementor-icon svg{height:28px;}.elementor-7552 .elementor-element.elementor-element-4ebb337{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-4ebb337 .elementor-heading-title{font-family:var( --e-global-typography-a7012bc-font-family ), Inter;font-size:var( --e-global-typography-a7012bc-font-size );font-weight:var( --e-global-typography-a7012bc-font-weight );line-height:var( --e-global-typography-a7012bc-line-height );letter-spacing:var( --e-global-typography-a7012bc-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-20d3f5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7552 .elementor-element.elementor-element-161e756{--box-border-width:0px;--box-border-radius:0px;--separator-width:0px;--box-padding:0px;--header-color:var( --e-global-color-31f83f7 );--item-text-color:var( --e-global-color-31f83f7 );--item-text-hover-decoration:underline;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header, .elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header-title{font-family:"Inter", Inter;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0px;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__list-item{font-family:"Inter", Inter;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0px;}@media(min-width:768px){.elementor-7552 .elementor-element.elementor-element-d5e5d3a{--content-width:1250px;}.elementor-7552 .elementor-element.elementor-element-f41e645{--width:78%;}.elementor-7552 .elementor-element.elementor-element-6ecdeb7{--width:30%;}.elementor-7552 .elementor-element.elementor-element-21164cd{--width:100%;}}@media(max-width:1366px){.elementor-7552 .elementor-element.elementor-element-d1c9681 .elementor-heading-title{font-size:var( --e-global-typography-e021aef-font-size );line-height:var( --e-global-typography-e021aef-line-height );letter-spacing:var( --e-global-typography-e021aef-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-4ebb337 .elementor-heading-title{font-size:var( --e-global-typography-a7012bc-font-size );line-height:var( --e-global-typography-a7012bc-line-height );letter-spacing:var( --e-global-typography-a7012bc-letter-spacing );}}@media(max-width:1200px){.elementor-7552 .elementor-element.elementor-element-3c7da5f .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > a{font-size:16px;line-height:26px;}.elementor-7552 .elementor-element.elementor-element-de6a8b3 .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header, .elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header-title{font-size:16px;line-height:26px;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__list-item{font-size:16px;line-height:26px;}}@media(max-width:1024px){.elementor-7552 .elementor-element.elementor-element-d1c9681 .elementor-heading-title{font-size:var( --e-global-typography-e021aef-font-size );line-height:var( --e-global-typography-e021aef-line-height );letter-spacing:var( --e-global-typography-e021aef-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-96438dd{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7552 .elementor-element.elementor-element-4ebb337 .elementor-heading-title{font-size:var( --e-global-typography-a7012bc-font-size );line-height:var( --e-global-typography-a7012bc-line-height );letter-spacing:var( --e-global-typography-a7012bc-letter-spacing );}}@media(max-width:880px){.elementor-7552 .elementor-element.elementor-element-3c7da5f .elementor-heading-title{font-size:15px;line-height:24px;}.elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7552 .elementor-element.elementor-element-d148257 .elementor-icon-list-item > a{font-size:15px;line-height:24px;}.elementor-7552 .elementor-element.elementor-element-de6a8b3 .elementor-heading-title{font-size:15px;line-height:24px;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header, .elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__header-title{font-size:15px;line-height:24px;}.elementor-7552 .elementor-element.elementor-element-161e756 .elementor-toc__list-item{font-size:15px;line-height:24px;}}@media(max-width:767px){.elementor-7552 .elementor-element.elementor-element-5175588{--content-width:100%;--padding-top:120px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7552 .elementor-element.elementor-element-d1c9681{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7552 .elementor-element.elementor-element-d1c9681 .elementor-heading-title{font-size:var( --e-global-typography-e021aef-font-size );line-height:var( --e-global-typography-e021aef-line-height );letter-spacing:var( --e-global-typography-e021aef-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-3c7da5f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7552 .elementor-element.elementor-element-d5e5d3a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7552 .elementor-element.elementor-element-96438dd{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-7552 .elementor-element.elementor-element-697f8af{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:010px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7552 .elementor-element.elementor-element-208ac5a .elementor-button{font-size:16px;padding:12px 14px 12px 14px;}.elementor-7552 .elementor-element.elementor-element-85ac641 .elementor-button{padding:12px 14px 12px 14px;}.elementor-7552 .elementor-element.elementor-element-4ebb337 .elementor-heading-title{font-size:var( --e-global-typography-a7012bc-font-size );line-height:var( --e-global-typography-a7012bc-line-height );letter-spacing:var( --e-global-typography-a7012bc-letter-spacing );}}@media(min-width:2400px){.elementor-7552 .elementor-element.elementor-element-d1c9681 .elementor-heading-title{font-size:var( --e-global-typography-e021aef-font-size );line-height:var( --e-global-typography-e021aef-line-height );letter-spacing:var( --e-global-typography-e021aef-letter-spacing );}.elementor-7552 .elementor-element.elementor-element-4ebb337 .elementor-heading-title{font-size:var( --e-global-typography-a7012bc-font-size );line-height:var( --e-global-typography-a7012bc-line-height );letter-spacing:var( --e-global-typography-a7012bc-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-d1c9681 */.elementor-7552 .elementor-element.elementor-element-d1c9681 {
    max-width: 800px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c7da5f */.elementor-7552 .elementor-element.elementor-element-3c7da5f {
    max-width: 800px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-17d9668 */.elementor-7552 .elementor-element.elementor-element-17d9668 {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5175588 */.elementor-7552 .elementor-element.elementor-element-5175588 {
    background-repeat: no-repeat !important; 
    object-fit: cover !important;
    background-position: center center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de6a8b3 */.elementor-7552 .elementor-element.elementor-element-de6a8b3 {
    max-width: 90% !important;
}

@media(max-width: 768px){
    .elementor-7552 .elementor-element.elementor-element-de6a8b3 {
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-208ac5a */.elementor-7552 .elementor-element.elementor-element-208ac5a {
    text-decoration: none !important;
}

.elementor-7552 .elementor-element.elementor-element-208ac5a a {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b3f2ee */.elementor-7552 .elementor-element.elementor-element-9b3f2ee {
    display: flex;
    justify-content: start;
}

.elementor-7552 .elementor-element.elementor-element-9b3f2ee img {
    width: auto !important;
    max-height: 109px !important;
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-161e756 */.elementor-7552 .elementor-element.elementor-element-161e756 ul li div a {
   line-height: 28px;
}
.elementor-7552 .elementor-element.elementor-element-161e756 ul li div a:hover {
     text-decoration: none !important;
     color: #ED1041;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21164cd */.elementor-7552 .elementor-element.elementor-element-21164cd {
    margin-bottom: 100px;
}/* End custom CSS */
/* Start custom CSS *//* ═══════════════════════════════════════════════════════════
   SQUARERIGGER — BLOG & CASE STUDY CONTENT STYLES
   Place in: Elementor → Site Settings → Custom CSS

   Typography is scoped to .post-content, so it applies to the
   article body only — sidebar, TOC, CTA and related-post
   headings are untouched, and so are Home / Pricing.

   Requires: the Post Content widget in BOTH the Single Post
   and Single Case Study templates carries the CSS class
   `post-content` (Advanced → CSS Classes).

   Components below are self-scoping — they only fire where
   the markup exists, so they need no wrapper.
   ═══════════════════════════════════════════════════════════ */


/* ═══ TYPOGRAPHY ═══════════════════════════════════════════ */

.post-content h2 {
  margin-top: 48px;
  margin-bottom: 30px;
  font-family: Inter !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 800;
  line-height: 40px !important;
  letter-spacing: -0.64px !important;
}

.post-content h3 {
  margin: 40px 0px 32px 0px !important;
  font-family: Inter;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 28px !important;
}

.post-content h4 {
  margin: 24px 0 14px 0;
}

.post-content p,
.post-content li,
.post-content a {
  font-size: 18px !important;
  line-height: 30px;
}

.post-content ul {
  margin-bottom: 14.4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.post-content hr {
  background-color: #CCCCCC;
  margin: 8px 0 10px 0 !important;
}

/* ═══ EYEBROW ══════════════════════════════════════════════ */

.cs-eyebrow {
  color: #ED1041;
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 40px !important;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}

.post-content .cs-eyebrow {
  display: block;
  margin: 48px 0 0 !important;
}

.post-content .cs-eyebrow + h2,
.post-content .cs-eyebrow + span + h2 {
  margin-top: 30px;
}

.post-content > *:first-child {
  margin-top: 0;
}

/* ═══ INLINE TEXT ══════════════════════════════════════════ */

.text-highlight {
  color: #000D7D !important;
  font-weight: 700 !important;
}

.text-link {
  color: #ED1041 !important;
}

mark.highlight {
  background: #E8EAF0;
  color: inherit;
  padding: 2px 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


/* ═══ CHECKLIST ════════════════════════════════════════════ */

.checklist {
  list-style: none !important;
  padding: 0 !important;
  margin: 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.checklist li {
  position: relative !important;
  padding-left: 32px !important;
  color: #4D5C82;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.checklist li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #C8CDDE !important;
  border-radius: 4px !important;
  background: transparent !important;
}


/* ═══ QUOTES ═══════════════════════════════════════════════ */
 
.pull-quote {
  position: relative;
  margin: 24px 0;
  padding: 8px 0 8px 80px;
  border: none;
  background: transparent;
  font-style: normal;
}
 
.pull-quote::before,
.pull-quote::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #000D7D;
}
 
.pull-quote::before { left: 20px; }
.pull-quote::after  { left: 50px; }
 
.pull-quote p {
  color: #4D5C82;
  font-family: 'Inter', sans-serif;
  font-size: 22px !important;
  line-height: 32px;
  margin: 0;
  font-style: normal;
}
 
/* Single-rule variant with attribution */
.pull-quote--single {
  padding-left: 32px;
}
 
.pull-quote--single::before { left: 0; }
.pull-quote--single::after  { display: none; }
 
.pull-quote--single p {
  color: #4D5C82;
  font-weight: 600;
  line-height: 32px;
}
 
/* Muted variant — regular weight, for supporting quotes */
.pull-quote--muted p {
  font-weight: 400 !important;
}
 
.pull-quote--single cite {
  display: block;
  margin-top: 12px;
  color: #4D5C82;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
}
 
/* Short italic aside */
.quote-indent {
  margin: 24px 0;
  padding-left: 40px;
  border: none;
}
 
.quote-indent p {
  font-style: italic;
  color: #4D5C82;
}


/* ═══ CALLOUT BOX ══════════════════════════════════════════ */

.callout-box {
  border: 1px solid #C8CDDE;
  border-radius: 8px;
  padding: 40px;
  margin: 32px 0;
  background: #FFFFFF;
}

.callout-box h2 {
  margin: 0 0 24px 0 !important;
  color: #0A1B3D !important;
}

.callout-box p { margin: 16px 0; }
.callout-box p:first-of-type { margin-top: 0; }
.callout-box p:last-child { margin-bottom: 0; }

.callout-box--cta {
  text-align: center;
}

.callout-box--cta p {
  margin: 0 auto 24px;
}

.callout-box--cta .btn-primary {
  display: inline-block;
  text-align: center;
}


/* ═══ AUTHOR BIO ═══════════════════════════════════════════ */

.author-bio {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 50px 70px;
  margin: 32px 0;
  background: #F8FAFD;
  border-radius: 8px;
}

.author-bio::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  aspect-ratio: 321 / 364;
  background-image: url("/wp-content/uploads/2026/08/bolt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  pointer-events: none;
  z-index: 0;
}

.author-bio__avatar,
.author-bio__content {
  position: relative;
  z-index: 1;
}

.author-bio__avatar {
  flex: 0 0 220px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}

.author-bio__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overrides .post-content h3 — this heading is a component
   label, not a section break */
.post-content .author-bio__name,
.author-bio__name {
  margin: 0 0 8px !important;
  color: #000D7D !important;
  font-family: Inter;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 40px !important;
}

.author-bio__role {
  margin: 0 0 20px !important;
  color: #4D5C82 !important;
  font-size: 14px !important;
  line-height: 28px !important;
}

.author-bio__text {
  margin: 0 !important;
  color: #4D5C82 !important;
}


/* ═══ TABLES — BASE ════════════════════════════════════════ */

.cmms-comparison-table {
  margin: 32px 0;
  overflow-x: auto;
  background: #FFFFFF;
}

.cmms-comparison-table table {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  font-family: 'Inter', sans-serif;
}

.cmms-comparison-table table,
.cmms-comparison-table th,
.cmms-comparison-table td {
  border: 1px solid #C8CDDE !important;
}

.cmms-comparison-table thead th {
  background: #FFFFFF !important;
  color: #0A1B3D !important;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  padding: 16px;
}

.cmms-comparison-table tbody td,
.cmms-comparison-table tbody th {
  padding: 16px;
  color: #4D5C82 !important;
  font-size: 18px;
  line-height: 1.6;
  vertical-align: top;
  background: #FFFFFF !important;
}

.cmms-comparison-table tbody th[scope="row"] {
  font-weight: 600;
  text-align: left;
}

/* Kill theme zebra striping + hover */
.cmms-comparison-table tbody tr:hover td,
.cmms-comparison-table tbody tr:hover th {
  background: #FFFFFF !important;
}


/* ═══ TABLES — MATRIX VARIANT ══════════════════════════════ */

.cmms-matrix table {
  min-width: 780px;
}

.cmms-matrix thead th {
  background: #0A1B3D !important;
  color: #FFFFFF !important;
  text-align: center;
  vertical-align: middle;
  font-size: 16px !important;
}

.cmms-matrix thead th.col-featured {
  background: #1B7FD4 !important;
}

/* Feature column — sticky on horizontal scroll */
.cmms-matrix thead th:first-child,
.cmms-matrix tbody th[scope="row"] {
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: left;
  vertical-align: middle;
  font-size: 16px !important;
  color: #0A1B3D !important;
}

.cmms-matrix thead th:first-child {
  background: #EEF0F6 !important;
  z-index: 2;
}

.cmms-matrix tbody th[scope="row"] {
  background: #FFFFFF !important;
  font-weight: 700;
}

.cmms-matrix tbody td {
  text-align: center;
  vertical-align: middle;
  font-size: 16px !important;
}

.cmms-matrix tbody td.col-featured {
  background: #E8F1FA !important;
}

.cmms-matrix figcaption {
  margin-top: 14px;
  font-size: 18px;
  line-height: 1.6;
  color: #4D5C82;
  text-align: left;
}

/* Symbols */
.ico { font-style: normal; }
.ico--yes::before  { content: "\2713"; color: #1E7A5F; }
.ico--part::before { content: "\007E"; color: #B8860B; }
.ico--no::before   { content: "\00D7"; color: #ED1041; }


/* ═══ TABLES — PROFILE VARIANT ═════════════════════════════ */

.cmms-profile table {
  min-width: 0;
}

.cmms-profile tbody th[scope="row"] {
  width: 250px;
  color: #4D5C82 !important;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  background: #FFFFFF !important;
}

.cmms-profile tbody td {
  color: #4D5C82 !important;
  vertical-align: middle;
}

.cmms-profile tbody tr.is-featured th[scope="row"],
.cmms-profile tbody tr.is-featured td {
  background: #E8F1FA !important;
}


/*============= TOC =============*/
.elementor-menu-anchor {
    position: absolute;
    margin-top: calc(50vh);
    scroll-margin-top: calc(50vh + 50px) !important;
}

.elementor-toc__list-item-text.elementor-item-active {
  color: #ED1041 !important;
}

/* ═══ RESPONSIVE ═══════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Typography */
  .post-content h2 {
      margin-top: 28px;
      margin-bottom: 20px;
    font-size: 24px !important;
    line-height: 36px !important;
  }
  
  .post-content .cs-eyebrow {
      display: block;
      margin: 28px 0 0 !important;
    }
    
    .post-content .cs-eyebrow + h2,
    .post-content .cs-eyebrow + span + h2 {
      margin-top: 6px;
    }



  .post-content h3 {
    margin: 16px 0px !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .post-content p,
  .post-content li {
    font-size: 16px !important;
  }

  .cs-eyebrow {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 3.9px;
  }

  /* Quotes */
  .pull-quote {
    padding: 8px 0px 8px 40px;
  }

  .pull-quote::before { left: 12px; }
  .pull-quote::after  { left: 22px; }

  .pull-quote p { font-size: 16px; }

  .pull-quote--single { padding-left: 30px; }
  .pull-quote--single cite { font-size: 14px !important; }

  /* Blocks */
  .callout-box { padding: 24px; }

  .callout-box--cta .btn-primary {
    display: block;
    width: 100%;
  }

  .checklist li { font-size: 16px; }

  /* Author bio */
  .author-bio {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 32px 24px;
  }
  
  .author-bio__content {
      order: 2;
      margin-top: 20px;
  }

  .author-bio__avatar {
    order: 1;
    flex: 0 0 auto;
    width: 220px;
    margin: auto;
  }

  .post-content .author-bio__name,
  .author-bio__name {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .author-bio__role { font-size: 14px !important; }

  .author-bio::after { display: none; }

  /* Tables */
  .cmms-comparison-table {
    -webkit-overflow-scrolling: touch;
  }

  .cmms-comparison-table table {
    min-width: 640px;
  }

  .cmms-comparison-table thead th,
  .cmms-comparison-table tbody td,
  .cmms-comparison-table tbody th {
    padding: 12px 16px;
    font-size: 16px;
  }

  .cmms-matrix thead th,
  .cmms-matrix tbody th[scope="row"],
  .cmms-matrix tbody td {
    padding: 12px 14px;
    font-size: 14px !important;
  }

  .cmms-matrix figcaption { font-size: 16px; }
}

@media (max-width: 600px) {
  .cmms-profile tbody th[scope="row"] {
    width: auto;
  }
}/* End custom CSS */