.elementor-6260 .elementor-element.elementor-element-d0c60001:not(.elementor-motion-effects-element-type-background), .elementor-6260 .elementor-element.elementor-element-d0c60001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-6260 .elementor-element.elementor-element-d0c60001{border-style:solid;border-width:1px 0px 1px 0px;border-color:var( --e-global-color-secondary );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 24px 0px 24px;}.elementor-6260 .elementor-element.elementor-element-d0c60001 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-6260 .elementor-element.elementor-element-d0c60002.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6260 .elementor-element.elementor-element-d0c60002.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6260 .elementor-element.elementor-element-d0c60003 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-6260 .elementor-element.elementor-element-d0c60003 .elementor-heading-title{font-family:"Lintel", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#6B6768;}.elementor-6260 .elementor-element.elementor-element-d0c60004 .elementor-heading-title{font-family:"Lintel", Sans-serif;font-size:32px;font-weight:500;color:#221F20;}.elementor-bc-flex-widget .elementor-6260 .elementor-element.elementor-element-d0c60005.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6260 .elementor-element.elementor-element-d0c60005.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-search-form-wrapper{padding:50px 50px 50px 50px;margin:50px 50px 50px 50px;}.elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-searchform{width:100%;height:auto;}.elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-live-search .docs-search-result{width:100%;max-width:1600px;}.elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-live-search .docs-search-result li, .elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-live-search .docs-search-result li a, .elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-live-search .docs-search-result li span, .elementor-6260 .elementor-element.elementor-element-d0c60006 .betterdocs-live-search .docs-search-result{transition:300ms;}.elementor-6260 .elementor-element.elementor-element-d0c50001{padding:40px 24px 72px 24px;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-category-grid-wrapper .docs-single-cat-wrap{transition:300ms;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-category-grid-wrapper .docs-single-cat-wrap .docs-cat-icon:hover{transition:300ms;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-category-grid-wrapper .betterdocs-category-header{transition:300ms;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header{border-color:#5a94ff;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span{color:#ffffff;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .betterdocs-category-grid-wrapper .betterdocs-category-items-counts:hover{transition:300ms;}.elementor-6260 .elementor-element.elementor-element-d0c50003 .sticky-toc-container{z-index:320%;}.elementor-6260 .elementor-element.elementor-element-d0c50006 .betterdocs-entry-title{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-6260 .elementor-element.elementor-element-d0c50008 .docs-navigation svg{width:35px;height:35px;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc{width:100%;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc ul li a{word-wrap:normal;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc ul.betterdocs-hierarchial-toc{border-left:0px solid #D2D2D2;position:relative;margin:0px 0px 0px 0px;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc > .toc-list{padding:0px 0px 0px 0px;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc ul.betterdocs-hierarchial-toc a.active:after{width:2px;content:"";position:absolute;height:1.6em;left:-1px;}.elementor-6260 .elementor-element.elementor-element-d0c5000a .betterdocs-toc > .toc-list a.active:after{left:2px!important;right:2px!important;bottom:2px!important;top:2px!important;border-radius:4px!important;}@media(min-width:768px){.elementor-6260 .elementor-element.elementor-element-d0c60002{width:60%;}.elementor-6260 .elementor-element.elementor-element-d0c60005{width:40%;}.elementor-6260 .elementor-element.elementor-element-d0c50002{width:24.5%;}.elementor-6260 .elementor-element.elementor-element-d0c50004{width:54.5%;}.elementor-6260 .elementor-element.elementor-element-d0c50009{width:21%;}}/* Start custom CSS *//* ===== SP Docs Single (Theme Builder template) =====
   Layout lives in the Elementor columns - this CSS only covers article
   typography and callout classes the widgets can't style.
   Design values: studioplus-design/tokens */

/* Cap and center the article column's content */
.sp-doc-main > .elementor-widget-wrap {
  max-width: 680px;
  margin: 0 auto;
}

/* TOC rail: hairline divider */
.sp-doc-toc > .elementor-widget-wrap {
  border-left: 1px solid #E4E3E3;
  padding-left: 18px;
}

/* --- Documentation header band: compact pill search (reference: DocsPage.dc.html) --- */
.sp-doc-header .betterdocs-search-form-wrapper {
  background: transparent !important;
  padding: 0 !important;
}
.sp-doc-header form.betterdocs-searchform {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.sp-doc-header .betterdocs-live-search {
  max-width: 340px;
  margin-left: auto;
}
.sp-doc-header .betterdocs-searchform-input-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  background: #FFFFFF !important;
  border: 1px solid #CFCDCE !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  box-shadow: none !important;
  transition: border-color 120ms ease;
}
.sp-doc-header .betterdocs-searchform-input-wrap:focus-within {
  border-color: #F8B810 !important;
}
.sp-doc-header .betterdocs-searchform-input-wrap svg.docs-search-icon {
  width: 16px !important;
  height: 16px !important;
  fill: #8A8788;
  flex: none;
}
.sp-doc-header input.betterdocs-search-field {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  flex: 1;
  padding: 0 !important;
  height: auto !important;
  font-family: "Figtree", sans-serif !important;
  font-size: 14.5px !important;
  color: #221F20 !important;
}
@media (max-width: 767px) {
  .sp-doc-header .betterdocs-live-search {
    max-width: 100%;
    margin: 0;
  }
}

/* Sidebar: never clip long single words (e.g. InspiredByYou.com) */
.sp-doc-sidebar .betterdocs-articles-list a,
.sp-doc-sidebar .betterdocs-category-title {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Article typography */
body.single-docs .betterdocs-content h2 {
  font-family: "Lintel", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  color: #221F20;
  margin: 36px 0 12px;
}
body.single-docs .betterdocs-content h3 {
  font-family: "Lintel", sans-serif;
  font-weight: 500;
  font-size: 19px;
  color: #221F20;
  margin: 28px 0 10px;
}
body.single-docs .betterdocs-content,
body.single-docs .betterdocs-content p,
body.single-docs .betterdocs-content li {
  font-family: "Figtree", sans-serif;
  font-size: 16.5px;
  line-height: 1.65;
  color: #4A4647;
}
body.single-docs .betterdocs-content p {
  margin: 0 0 16px;
}
body.single-docs .betterdocs-content ul,
body.single-docs .betterdocs-content ol {
  margin: 0 0 16px;
  padding-left: 22px;
}
body.single-docs .betterdocs-content a {
  color: #0655A0;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 120ms ease;
}
body.single-docs .betterdocs-content a:hover {
  color: #E3A400;
}
body.single-docs .betterdocs-content img,
body.single-docs .betterdocs-content video {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
body.single-docs .betterdocs-content strong {
  color: #221F20;
}

/* Callouts: .sp-callout--info / .sp-callout--tip authoring classes;
   Spectra legacy notices and blockquotes map automatically */
body.single-docs .betterdocs-content .sp-callout,
body.single-docs .betterdocs-content [data-legacy-notice],
body.single-docs .betterdocs-content blockquote {
  border-radius: 8px;
  padding: 14px 18px;
  margin: 0 0 28px;
  font-size: 14.5px;
  line-height: 1.6;
}
body.single-docs .betterdocs-content .sp-callout--info,
body.single-docs .betterdocs-content [data-legacy-notice] {
  background: #E6EEF5;
  border: 1px solid #0655A0;
  color: #04406F;
}
body.single-docs .betterdocs-content .sp-callout--info p,
body.single-docs .betterdocs-content [data-legacy-notice] p {
  color: #04406F;
  font-size: 14.5px;
  margin: 0;
}
body.single-docs .betterdocs-content .sp-callout--tip,
body.single-docs .betterdocs-content blockquote {
  background: #FEF7E3;
  border: 1px solid #F8B810;
  color: #221F20;
  padding: 16px 20px;
}
body.single-docs .betterdocs-content blockquote p {
  color: #221F20;
  font-size: 14.5px;
  margin: 0;
}

/* sp-restore-lintel: fonts lost when the old 6062 restyle CSS was retired */
body.single-docs .betterdocs-sidebar .betterdocs-category-title {
  font-family: "Lintel", "Figtree", sans-serif;
  font-weight: 500;
}
body.single-docs .betterdocs-entry-title {
  font-family: "Lintel", "Figtree", sans-serif;
  font-weight: 500;
  color: #221F20;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lintel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://studioplussoftware.com/wp-content/uploads/2026/07/Lintel-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Lintel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */