.elementor-kit-29{--e-global-color-primary:#D22630;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#D22630;--e-global-color-c2fcf2b:#F2F2F3;--e-global-color-7f280fb:#FFFFFF;--e-global-color-ca8364b:#EAECF0;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:24px;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-fab9628-font-family:"Inter";--e-global-typography-fab9628-font-size:40px;--e-global-typography-fab9628-font-weight:700;--e-global-typography-fab9628-line-height:40px;--e-global-typography-b2bcdb0-font-family:"Inter";--e-global-typography-b2bcdb0-font-size:30px;--e-global-typography-b2bcdb0-font-weight:600;--e-global-typography-e41bd95-font-family:"Inter";--e-global-typography-e41bd95-font-size:25px;--e-global-typography-e41bd95-font-weight:500;background-color:var( --e-global-color-c2fcf2b );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-29 button,.elementor-kit-29 input[type="button"],.elementor-kit-29 input[type="submit"],.elementor-kit-29 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-b2bcdb0-font-family ), Sans-serif;font-size:var( --e-global-typography-b2bcdb0-font-size );font-weight:var( --e-global-typography-b2bcdb0-font-weight );color:var( --e-global-color-7f280fb );border-style:none;}.elementor-kit-29 button:hover,.elementor-kit-29 button:focus,.elementor-kit-29 input[type="button"]:hover,.elementor-kit-29 input[type="button"]:focus,.elementor-kit-29 input[type="submit"]:hover,.elementor-kit-29 input[type="submit"]:focus,.elementor-kit-29 .elementor-button:hover,.elementor-kit-29 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-7f280fb );border-style:none;}.elementor-kit-29 e-page-transition{background-color:var( --e-global-color-c2fcf2b );}.elementor-kit-29 p{margin-block-end:16px;}.elementor-kit-29 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-29 a:hover{color:var( --e-global-color-text );}.elementor-kit-29 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-fab9628-font-family ), Sans-serif;font-size:var( --e-global-typography-fab9628-font-size );font-weight:var( --e-global-typography-fab9628-font-weight );}.elementor-kit-29 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-b2bcdb0-font-family ), Sans-serif;font-size:var( --e-global-typography-b2bcdb0-font-size );font-weight:var( --e-global-typography-b2bcdb0-font-weight );}.elementor-kit-29 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-e41bd95-font-family ), Sans-serif;font-size:var( --e-global-typography-e41bd95-font-size );font-weight:var( --e-global-typography-e41bd95-font-weight );}.elementor-kit-29 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-e41bd95-font-family ), Sans-serif;font-size:var( --e-global-typography-e41bd95-font-size );font-weight:var( --e-global-typography-e41bd95-font-weight );}.elementor-kit-29 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-e41bd95-font-family ), Sans-serif;font-size:var( --e-global-typography-e41bd95-font-size );font-weight:var( --e-global-typography-e41bd95-font-weight );}.elementor-kit-29 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.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;}@media(max-width:1536px){.elementor-kit-29{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 h1{font-size:var( --e-global-typography-fab9628-font-size );}.elementor-kit-29 h2{font-size:var( --e-global-typography-b2bcdb0-font-size );}.elementor-kit-29 h3{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h4{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h5{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-29 button,.elementor-kit-29 input[type="button"],.elementor-kit-29 input[type="submit"],.elementor-kit-29 .elementor-button{font-size:var( --e-global-typography-b2bcdb0-font-size );}}@media(max-width:1024px){.elementor-kit-29{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 h1{font-size:var( --e-global-typography-fab9628-font-size );}.elementor-kit-29 h2{font-size:var( --e-global-typography-b2bcdb0-font-size );}.elementor-kit-29 h3{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h4{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h5{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-29 button,.elementor-kit-29 input[type="button"],.elementor-kit-29 input[type="submit"],.elementor-kit-29 .elementor-button{font-size:var( --e-global-typography-b2bcdb0-font-size );}}@media(max-width:767px){.elementor-kit-29{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-29 h1{font-size:var( --e-global-typography-fab9628-font-size );}.elementor-kit-29 h2{font-size:var( --e-global-typography-b2bcdb0-font-size );}.elementor-kit-29 h3{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h4{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h5{font-size:var( --e-global-typography-e41bd95-font-size );}.elementor-kit-29 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-29 button,.elementor-kit-29 input[type="button"],.elementor-kit-29 input[type="submit"],.elementor-kit-29 .elementor-button{font-size:var( --e-global-typography-b2bcdb0-font-size );}}/* Start custom CSS *//* ===================================== */
/* Employ-ementor Custom CSS */
/* ===================================== */

:root {
  /* Cards/underline hover */
  --hover-border-size: 5px;
  --hover-border-color: var(--e-global-color-primary, #d22630);
  --hover-border-speed: 0.25s;

  /* Global radius */
  --radius: 5px;

  /* Navigation */
  --docs-nav-hover-color: var(--e-global-color-text);

  /* Encyclopedia item title spacing */
  --encyclopedia-title-margin-bottom: 16px;
}

/* ===================================== */
/* Base */
/* ===================================== */

/* Page Dividers */
.wp-block-separator {
  border: none;
  border-top: 3px solid;
  border-radius: var(--radius);
}

/* Title Margins inside .content-page */
.content-page h1,
.content-page h2 {
  margin-block-start: 32px;
  margin-block-end: 16px;
}

.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
  margin-block-start: 16px;
  margin-block-end: 16px;
}

/* Remove top margin if heading is the first element */
.content-page h1:first-child,
.content-page h2:first-child,
.content-page h3:first-child,
.content-page h4:first-child,
.content-page h5:first-child,
.content-page h6:first-child {
  margin-block-start: 0;
}

/* use H1 Line Height */
.elementor-widget-theme-post-title h1.elementor-heading-title,
.elementor-widget-heading h1.elementor-heading-title {
  line-height: var(--e-global-typography-fab9628-line-height) !important;
}

/* remove gap on post content */
.content-page p:last-child {
  margin-block-end: 0;
}

/* Images: figure + image full width */
.wp-block-image {
  display: block;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.wp-block-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
}

.elementor img {
  border-radius: 5px;
  max-width: 100%;
}

/* Keyboard focus parity with hover */
.betterdocs-single-category-inner a:focus-visible,
.betterdocs-single-category-title:focus-visible,
.betterdocs-category-link-btn:focus-visible,
.betterdocs-category-title:focus-visible {
  color: var(--e-global-color-text) !important;
}

/* Limit glossary link typography inheritance to content pages only */
.content-page a[href*="/glossary/"],
.content-page a.glossary-link,
.content-page a.betterdocs-glossary-link {
  font: inherit !important; /* family, size, weight, style, line-height */
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  /* Color & hover effects still come from your theme/Elementor */
}

/* Also cover any inner spans inside glossary links */
.content-page a[href*="/glossary/"] *,
.content-page a.glossary-link *,
.content-page a.betterdocs-glossary-link * {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* ===================================== */
/* Mega Menu */
/* ===================================== */

.mega-menu {
  max-height: 595px;
  overflow-y: auto;
}

/* Mega menu: allow line breaks inside long item labels */
.mega-menu-group nav.elementor-nav-menu--main .elementor-nav-menu > li {
  min-width: 0 !important; /* critical: let flex items shrink so text can wrap */
}

.mega-menu-group nav.elementor-nav-menu--main a.elementor-item {
  display: block; /* block makes wrapping straightforward */
  white-space: normal !important; /* override any kit/SmartMenus nowrap */
  overflow-wrap: anywhere; /* break long tokens if needed */
  word-break: normal;
  hyphens: auto;
  line-height: 1.25; /* optional: tighter lines */
}

/* Primary typography + color for header links */
.elementor a.header-link,
.elementor a.header-link:link,
.elementor a.header-link:visited,
.elementor .header-link a,
.elementor .header-link a:link,
.elementor .header-link a:visited {
  color: var(--e-global-color-text) !important;
  font-family: var(
    --e-global-typography-primary-font-family,
    inherit
  ) !important;
  font-size: var(--e-global-typography-primary-font-size, inherit) !important;
  font-weight: var(
    --e-global-typography-primary-font-weight,
    inherit
  ) !important;
  font-style: var(--e-global-typography-primary-font-style, normal) !important;
  text-transform: var(
    --e-global-typography-primary-text-transform,
    none
  ) !important;
  text-decoration: var(
    --e-global-typography-primary-text-decoration,
    none
  ) !important;
  line-height: var(
    --e-global-typography-primary-line-height,
    normal
  ) !important;
  letter-spacing: var(
    --e-global-typography-primary-letter-spacing,
    normal
  ) !important;
}

/* Keep the same look on hover/focus/active (beats kit hover rules) */
.elementor a.header-link:hover,
.elementor a.header-link:focus,
.elementor a.header-link:focus-visible,
.elementor a.header-link:active,
.elementor .header-link a:hover,
.elementor .header-link a:focus,
.elementor .header-link a:focus-visible,
.elementor .header-link a:active {
  color: var(--e-global-color-text) !important;
  text-decoration: var(
    --e-global-typography-primary-text-decoration
  ) !important;
  outline: none !important;
}

/* ===================================== */
/* Components: BetterDocs Doc Grid */
/* ===================================== */

/* Kill container padding/gap on these wrappers explicitly */
.doc-grid-parent,
.doc-grid {
  padding: 0 !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  gap: 0 !important; /* Elementor container gap safety */
  --e-con-container-padding: 0px; /* Elementor kit var guard */
}

/* Apply to all inner containers and cards */
.doc-grid .betterdocs-single-category-inner,
.doc-grid .betterdocs-category-header,
.doc-grid .betterdocs-body,
.doc-grid .betterdocs-footer,
.doc-grid .betterdocs-single-category-wrapper {
  box-shadow: none !important;
  filter: none !important; /* covers any shadow via filter: drop-shadow */
}

/* Safety: BetterDocs sometimes sets shadows inline */
.betterdocs-category-grid-wrapper .betterdocs-single-category-inner {
  box-shadow: none !important;
  filter: none !important;
}

/* Header: 35 top/right/left, 0 bottom */
.doc-grid .betterdocs-category-header {
  padding: 35px 35px 0px 35px !important; /* top, right, bottom, left */
  box-sizing: border-box;
}

/* Header inner: ensure only 10px bottom gap */
.doc-grid .betterdocs-category-header-inner {
  padding-bottom: 10px !important;
}

/* Body: 10 top, 0 bottom, 35 left + right */
.doc-grid .betterdocs-body {
  padding: 10px 35px 0px 35px !important;
  box-sizing: border-box;
}

/* Footer: 10 top, 35 left/right, 35 bottom */
.doc-grid .betterdocs-footer {
  padding: 10px 35px 35px 35px !important;
  box-sizing: border-box;
}

/* Clean up unwanted default margins */
.doc-grid .betterdocs-category-title,
.doc-grid .betterdocs-articles-list,
.doc-grid .betterdocs-articles-list li {
  margin: 0 !important;
}

.doc-grid .betterdocs-articles-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important; /* net 16px visual spacing once inner padding/margins apply */
}

.doc-grid .betterdocs-articles-list li + li {
  margin-top: 3px !important; /* fallback for browsers without flex gap support */
}

/* Default colors for links, titles, and buttons */
.doc-grid .betterdocs-single-category-inner a,
.doc-grid .betterdocs-single-category-title,
.doc-grid .betterdocs-category-link-btn {
  color: var(--e-global-color-secondary);
  transition: color 0.2s ease-in-out;
  background: none !important; /* strip button bg if it has one */
  border: none !important; /* strip button border if it has one */
  padding: 0; /* reset padding to look like a link */
}

.doc-grid .betterdocs-category-title {
  color: var(--e-global-color-secondary);
  transition: color 0.2s ease-in-out;
}

/* Hover state: switch to text color */
.doc-grid .betterdocs-single-category-inner a:hover,
.doc-grid .betterdocs-single-category-title:hover,
.doc-grid .betterdocs-category-link-btn:hover {
  color: var(--e-global-color-text);
}

.doc-grid .betterdocs-category-title:hover {
  color: var(--e-global-color-text) !important;
}

/* Remove the file icons in article lists */
.doc-grid .betterdocs-articles-list i {
  display: none !important;
}

/* Match Full Document link alignment to article list items */
.doc-grid .betterdocs-footer {
  margin-top: 0 !important; /* remove extra space above */
  max-height: 69px !important;
}

.betterdocs-category-grid-wrapper.betterdocs-elementor
  .betterdocs-category-grid-inner-wrapper
  .betterdocs-single-category-wrapper:not(.layout-2)
  .betterdocs-single-category-inner {
  margin-bottom: 0 !important;
}

.doc-grid .betterdocs-footer .betterdocs-category-link-btn {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  color: var(--e-global-color-secondary);
  padding-left: 1.2em; /* <-- adjust this to match <li> indent */
}

.doc-grid .betterdocs-footer .betterdocs-category-link-btn:hover {
  color: var(--e-global-color-text);
}

.tools-card_link-container {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Default state: secondary color */
.doc-grid .betterdocs-footer .betterdocs-category-link-btn,
.doc-grid .betterdocs-footer .betterdocs-category-link-btn i {
  color: var(--e-global-color-secondary);
  transition: color 0.2s ease-in-out;
}

/* Hover state: switch to text color */
.doc-grid .betterdocs-footer .betterdocs-category-link-btn:hover,
.doc-grid .betterdocs-footer .betterdocs-category-link-btn:hover i {
  color: var(--e-global-color-text) !important;
}

.doc-grid
  .betterdocs-single-category-inner:not(:has(.betterdocs-footer))
  .betterdocs-body {
  padding-bottom: 35px !important;
}

/* Ensure grid layout even when plugin uses .layout-flex */
.betterdocs-category-grid-inner-wrapper.grid,
.betterdocs-category-grid-inner-wrapper.layout-flex {
  display: grid !important;
  justify-content: start;
  align-content: start;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* desktop default */
}

/* Desktop: 3 equal columns */
.doc-grid .betterdocs-category-grid-inner-wrapper.grid,
.doc-grid .betterdocs-category-grid-inner-wrapper.layout-flex {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: start;
}

/* Tablet/Laptop: 2 columns, but don't let them get skinny */
@media (min-width: 768px) and (max-width: 1536px) {
  .doc-grid .betterdocs-category-grid-inner-wrapper.grid,
  .doc-grid .betterdocs-category-grid-inner-wrapper.layout-flex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: start; /* fill container without side gutters */
    width: 100% !important; /* ensure wrapper fills container */
  }
  /* Unscoped version for when .doc-grid is missing */
  .betterdocs-category-grid-inner-wrapper.grid,
  .betterdocs-category-grid-inner-wrapper.layout-flex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
  .doc-grid .betterdocs-category-grid-inner-wrapper.grid,
  .doc-grid .betterdocs-category-grid-inner-wrapper.layout-flex {
    grid-template-columns: 1fr;
  }
  /* Unscoped version for when .doc-grid is missing */
  .betterdocs-category-grid-inner-wrapper.grid,
  .betterdocs-category-grid-inner-wrapper.layout-flex {
    grid-template-columns: 1fr;
  }
}

/* Safety: items shouldn't force widths */
.doc-grid .betterdocs-single-category-wrapper {
  width: auto !important;
  box-sizing: border-box;
}

/* Remove item margins only for 3-column layout (>=1537px) */
@media (min-width: 1537px) {
  .doc-grid .betterdocs-single-category-wrapper,
  .doc-grid .betterdocs-single-category-inner {
    margin: 0 !important;
  }
}

/* Scoped: neutralize theme gutter var for doc grid only */
@media (max-width: 1024px) {
  .doc-grid-parent {
    --mobile-1024-padding: 0% !important;
  }
}

@media (max-width: 1024px) {
  .betterdocs-category-grid-wrapper.betterdocs-elementor
    .betterdocs-category-grid-inner-wrapper
    .betterdocs-single-category-wrapper:not(.layout-2)
    .betterdocs-single-category-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ===================================== */
/* Components: BetterDocs Glossary Page */
/* ===================================== */

/* 2-up grid inside each letter section */
.betterdocs-encyclopedia .section-item {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px;
  align-items: stretch;
}

/* Make sure cards don’t fight the grid */
.betterdocs-encyclopedia .section-item .encyclopedia-item {
  width: auto !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  box-sizing: border-box;
  height: 100%;
}

/* Make the inner card fill the cell nicely */
.betterdocs-encyclopedia .section-item .tools-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 35px !important;
  box-sizing: border-box;
}

/* Mobile: 1 per row */
@media (max-width: 768px) {
  .betterdocs-encyclopedia .section-item {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }
}

/* (Optional) If the outer wrapper forces a flex/inline layout, neutralize it */
.betterdocs-encyclopedia.layout-card.layout-doc-grid {
  display: block !important;
}

/* Base: set the container's text size */
.letter-start.alphabet-list-view {
  font-size: var(--ency-font-desktop) !important;
  line-height: 1.5;
  border-radius: 5px; /* Rounded corners */
}

/* Make common text elements inherit the container size (overrides px defaults) */
.letter-start.alphabet-list-view
  :is(p, li, a, span, strong, em, code, td, th, blockquote) {
  font-size: inherit !important;
}

/* BetterDocs wrappers commonly used inside tabs */
.letter-start.alphabet-list-view
  :is(
    .betterdocs-entry-content,
    .betterdocs-content,
    .betterdocs-article-body,
    .betterdocs-single-category-inner,
    .betterdocs-category-grid-inner-wrapper,
    .betterdocs-article-content,
    .betterdocs-content-wrapper,
    .betterdocs-tab-content,
    .betterdocs-tabs-content
  ) {
  font-size: inherit !important; /* ensure they don't reset size */
}

/* card animations */

:root {
  --ency-hover-border-size: 5px;
  --ency-hover-border-color: #288bd1; /* Change this to your preferred color */
  --ency-hover-border-speed: 0.25s; /* Animation speed */
}

/* Remove unwanted hover animations */
.encyclopedia-item:hover,
.encyclopedia-item:hover * {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

/* Smooth bottom border on hover */
.encyclopedia-item {
  border-bottom: var(--ency-hover-border-size) solid transparent;
  transition: border-color var(--ency-hover-border-speed) ease-in-out;
}

.encyclopedia-item:hover {
  border-color: var(--ency-hover-border-color);
}

/* rounded corners */
.encyclopedia-item {
  border-radius: 5px; /* Rounded corners */
}

/* NOTE: Do not override global hover border color here.
   Keep site-wide default red from the top-level :root.
   Encyclopedia-specific hovers use --ency-hover-border-color below. */

/* Nav corners and remove shadow */
.encyclopedia-alphabets.alphabets-style-box {
  border-radius: 5px; /* Rounded corners */
  box-shadow: none !important; /* Remove drop shadow */
}

:root {
  --alpha-hover-border-size: 3px;
  --alpha-hover-border-color: #288bd1;
  --alpha-hover-border-speed: 0.25s;
}

.alphabet-list-item a {
  display: inline-block; /* ensures clean border */
  text-decoration: none; /* avoid double underline */
  border-bottom: var(--alpha-hover-border-size) solid transparent;
  transition: border-color var(--alpha-hover-border-speed) ease-in-out;
}

.alphabet-list-item a:hover,
.alphabet-list-item a:focus-visible {
  border-color: var(--alpha-hover-border-color);
}

/* If you want the whole card hover to trigger it, add: */
.alphabet-list-item:hover a {
  border-color: var(--alpha-hover-border-color);
}

/* ===================================== */
/* Components: BetterDocs Sidebar */
/* ===================================== */

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  *::before,
:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  *::after {
  background-color: var(--betterdocs-line-color) !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-grid-wrapper
  .betterdocs-category-grid-inner-wrapper
  .betterdocs-single-category-wrapper {
  margin-top: 0px !important;
}
:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-grid-inner-wrapper.layout-flex {
  gap: 0 !important;
  --gap: 0 !important;
}
:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-header {
  padding: 0 0 16px !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-header
  .betterdocs-category-title {
  color: var(--e-global-color-secondary);
  transition: color 0.2s ease-in-out;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-header
  .betterdocs-category-title:hover {
  color: var(--e-global-color-text) !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-body {
  padding: 0 0 16px 22px !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content {
  border-radius: var(--radius);
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  padding-left: 35px !important;
  padding-right: 35px !important;
  padding-top: 35px !important;
  padding-bottom: 19px !important;
}

/* Current tab color */
:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-grid-wrapper
  .betterdocs-category-grid-inner-wrapper
  .betterdocs-single-category-wrapper
  .betterdocs-single-category-inner
  .betterdocs-body
  .betterdocs-articles-list
  li
  a.active:before {
  background-color: #fff !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-grid-wrapper
  .betterdocs-category-grid-inner-wrapper
  .betterdocs-single-category-wrapper
  .betterdocs-single-category-inner
  .betterdocs-body
  .betterdocs-articles-list
  li
  a.active:is(:hover, :focus):before {
  background-color: var(--betterdocs-line-color) !important;
}

:is(
    .elementor-widget-betterdocs-sidebar,
    .betterdocs-elementor-single-sidebar,
    .betterdocs-sidebar,
    .betterdocs-sidebar-layout-7,
    .home-sidebar
  )
  .betterdocs-sidebar-content
  .betterdocs-category-grid-wrapper
  .betterdocs-category-grid-inner-wrapper
  .betterdocs-single-category-wrapper
  .betterdocs-single-category-inner
  .betterdocs-category-header
  .betterdocs-category-header-inner
  .betterdocs-folder-icon {
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: #eaecf0 !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  display: flex !important;
  height: 20px !important;
  justify-content: center !important;
  width: 20px !important;
}

.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-7 {
  border-right: 0px !important;
}

/* ===================================== */
/* Components: Doc Catagory Cards */
/* ===================================== */

/* Encyclopedia item title */
.heading-small.tools-card__title-text.encyclopedia-item-title-tag {
  margin-block-end: var(--encyclopedia-title-margin-bottom);
}

.betterdocs-title-excerpt-list .betterdocs-entry-title span {
  align-items: center;
  aspect-ratio: 1;
  background: #f2f4f7;
  border-radius: 5px;
  display: inline-flex;
  height: 0px !important;
  justify-content: center;
  width: 0px !important;
}

.betterdocs-title-excerpt-lists
  .betterdocs-title-excerpt-list
  .betterdocs-entry-title {
  gap: 0 !important;
}

.betterdocs-title-excerpt-list .betterdocs-entry-title {
  margin-bottom: 16px !important;
}

.betterdocs-title-excerpt-list p {
  margin-top: 0 !important;
}

.update-date {
  display: none !important;
}

/* Archive category card */
a.category-box {
  border-radius: var(--radius);
  border-bottom: var(--hover-border-size) solid transparent !important;
  text-decoration: none !important;
  display: inline-block;
}
a.category-box:hover {
  border-color: var(--hover-border-color) !important;
}

/* Category list cards */
.betterdocs-title-excerpt-list {
  border-radius: var(--radius) !important;
  overflow: hidden;
  position: relative;
  border-bottom: var(--hover-border-size) solid transparent !important;
  transition: border-color var(--hover-border-speed) ease-in-out;
  z-index: 1;
  padding: 35px !important;
}
.betterdocs-title-excerpt-list:hover {
  border-color: var(--hover-border-color) !important;
}

/* ===================================== */
/* Components: Attachment Media Card */
/* ===================================== */

/* Controls */
.media-card {
  --card-padding: 1rem;
  --card-margin: 0 0 1rem 0;
  --media-size: 50px;
  --bg: #f2f2f3;
  --color: #111;
  --gap: 0.5rem;
  --media-pad-left: 1rem;
  --media-pad-right: 0rem;
}

/* Base */
.media-card.wp-block-media-text {
  position: relative;
  display: grid;
  grid-template-columns:
    calc(var(--media-size) + var(--media-pad-left) + var(--media-pad-right))
    1fr !important;
  align-items: center;
  gap: var(--gap);
  margin: var(--card-margin);
  padding: var(--card-padding);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--color);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight) !important;
  overflow: hidden;
  text-decoration: none;
  border-bottom: var(--hover-border-size, 5px) solid transparent !important;
  transition: border-bottom-color var(--hover-border-speed, 0.25s) ease-in-out;
  z-index: 1;
}

/* Whole-card link (overlay) — grid mirroring the card */
.media-card .wp-block-media-text__media a {
  position: absolute;
  inset: 0;
  z-index: 999;
  display: grid;
  grid-template-columns:
    calc(var(--media-size) + var(--media-pad-left) + var(--media-pad-right))
    1fr;
  align-items: center;
  border-radius: var(--radius);
}

/* Figure (media wrapper) */
.media-card .wp-block-media-text__media {
  display: block;
  min-height: var(--media-size);
  margin: 0;
}

/* Media (image itself) */
.media-card .wp-block-media-text__media img {
  width: var(--media-size);
  height: var(--media-size);
  object-fit: contain;
  border-radius: calc(var(--radius) / 2);
  pointer-events: none;
  display: block;
  grid-column: 1;
  justify-self: start;
  align-self: center;
  margin-left: var(--media-pad-left);
}

/* Content */
.media-card .wp-block-media-text__content {
  padding-left: 0;
  position: relative;
  z-index: 1;
}
.media-card .wp-block-media-text__content p {
  margin: 0;
}

/* Hover/Focus */
.media-card.wp-block-media-text:is(:hover, :focus-within),
.media-card.wp-block-media-text:has(.wp-block-media-text__media a:hover) {
  border-bottom-color: var(--hover-border-color, #d22630) !important;
}

/* Focus visible */
.media-card .wp-block-media-text__media a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: var(--radius);
}

/* Vertical centering guard */
.media-card .wp-block-media-text__media {
  align-self: center;
}
.media-card .wp-block-media-text__content {
  align-self: center;
}

/* ===================================== */
/* Components: Tiles */
/* ===================================== */

/* 0) Tile visuals + hover border */
.tile {
  position: relative; /* containing block for overlay */
  isolation: isolate; /* contain stacking contexts */
  border-bottom: 5px solid transparent;
  transition: border-bottom-color 0.2s ease;
}
.tile:hover {
  border-bottom-color: var(--e-global-color-accent);
  cursor: pointer;
}

/* 1) Stretch the header link over the whole tile via ::after */
.elementor .tile {
  position: relative; /* containing block for overlay */
  isolation: isolate; /* keep stacking context self-contained */
}
.elementor .tile .tile-header a {
  position: static !important; /* ensure nearest positioned ancestor is .tile */
  display: inline-block; /* keep natural flow & focus */
  color: inherit;
  text-decoration: none;
}

/* Neutralize positioned/transform ancestors so ::after positions to .tile */
.elementor .tile .tile-header,
.elementor .tile .tile-header .elementor-widget-container,
.elementor .tile .tile-header * {
  position: static !important;
  transform: none !important;
  z-index: auto !important;
}
.elementor .tile .tile-header a::after {
  content: "";
  position: absolute;
  inset: 0; /* cover the entire tile once positioned from .tile */
  z-index: 1000; /* above tile contents */
  pointer-events: auto; /* click anywhere triggers the link */
}
/* Optional: clear any inner element from capturing events above overlay */
.elementor .tile .tile-header * {
  pointer-events: none; /* let the ::after overlay own the hit area */
}
.elementor .tile .tile-header a,
.elementor .tile .tile-header a * {
  pointer-events: auto; /* restore events for the anchor itself */
}

/* 2) Accessible focus state on the real link */
.elementor .tile .tile-header a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Force Elementor global typography e41bd95 inside .tile .tile-header */
.elementor .tile .tile-header,
.elementor .tile .tile-header .elementor-heading-title,
.elementor .tile .tile-header a,
.elementor .tile .tile-header a .elementor-heading-title,
.elementor .tile .tile-header:link,
.elementor .tile .tile-header:visited {
  font-family: var(
    --e-global-typography-primary-font-family,
    inherit
  ) !important;
  font-size: var(--e-global-typography-primary-font-size, inherit) !important;
  font-weight: var(
    --e-global-typography-primary-font-weight,
    inherit
  ) !important;
  font-style: var(--e-global-typography-primary-font-style, normal) !important;
}

/* Keep the same typography on interaction (beats kit hover rules) */
.elementor .tile .tile-header:hover,
.elementor .tile .tile-header:focus,
.elementor .tile .tile-header:active,
.elementor .tile .tile-header a:hover,
.elementor .tile .tile-header a:focus,
.elementor .tile .tile-header a:active {
  font-family: var(
    --e-global-typography-primary-font-family,
    inherit
  ) !important;
  font-size: var(--e-global-typography-primary-font-size, inherit) !important;
  font-weight: var(
    --e-global-typography-primary-font-weight,
    inherit
  ) !important;
  font-style: var(--e-global-typography-primary-font-style, normal) !important;
}

/* ===================================== */
/* Components: Static Tiles */
/* ===================================== */

.static-tile .tile-header a {
  pointer-events: none;
  cursor: default;
}

/* Force Elementor global typography e41bd95 inside .tile .tile-header */
.elementor .static-tile .tile-header,
.elementor .static-tile .tile-header .elementor-heading-title,
.elementor .static-tile .tile-header a,
.elementor .static-tile .tile-header a .elementor-heading-title,
.elementor .static-tile .tile-header:link,
.elementor .static-tile .tile-header:visited {
  font-family: var(
    --e-global-typography-primary-font-family,
    inherit
  ) !important;
  font-size: var(--e-global-typography-primary-font-size, inherit) !important;
  font-weight: var(
    --e-global-typography-primary-font-weight,
    inherit
  ) !important;
  font-style: var(--e-global-typography-primary-font-style, normal) !important;
}

/* Keep the same typography on interaction (beats kit hover rules) */
.elementor .static-tile .tile-header:hover,
.elementor .static-tile .tile-header:focus,
.elementor .static-tile .tile-header:active,
.elementor .static-tile .tile-header a:hover,
.elementor .static-tile .tile-header a:focus,
.elementor .static-tile .tile-header a:active {
  font-family: var(
    --e-global-typography-primary-font-family,
    inherit
  ) !important;
  font-size: var(--e-global-typography-primary-font-size, inherit) !important;
  font-weight: var(
    --e-global-typography-primary-font-weight,
    inherit
  ) !important;
  font-style: var(--e-global-typography-primary-font-style, normal) !important;
}

/* ===================================== */
/* Components: Tables */
/* ===================================== */

/* Clean grid table style with Elementor vars */
.wp-block-table.is-style-regular {
  --table-cell-padding: 12px 16px;
  --table-text-size: inherit;
  --table-border-color: var(--e-global-color-text, currentColor);
  --table-border-thickness: 1px;
  --table-row-bg-odd: var(--e-global-color-c2fcf2b, #fff);
  --table-row-bg-even: var(--e-global-color-7f280fb, #f9f9f9);
}
.wp-block-table.is-style-regular table {
  width: 100%;
  font-size: var(--table-text-size, inherit);
  border-collapse: collapse;
  border-spacing: 0;
  border: var(--table-border-thickness) solid var(--table-border-color);
}
.wp-block-table.is-style-regular td,
.wp-block-table.is-style-regular th {
  padding: var(--table-cell-padding);
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: var(--table-border-thickness) solid var(--table-border-color);
  background-clip: padding-box;
}
/* Zebra striping */
.wp-block-table.is-style-regular tbody tr:nth-child(odd) > * {
  background-color: var(--table-row-bg-odd);
}
.wp-block-table.is-style-regular tbody tr:nth-child(even) > * {
  background-color: var(--table-row-bg-even);
}
/* Remove hover effects while preserving zebra */
.wp-block-table.is-style-regular tbody tr:nth-child(odd):hover > * {
  background-color: var(--table-row-bg-odd) !important;
  box-shadow: none !important;
}
.wp-block-table.is-style-regular tbody tr:nth-child(even):hover > * {
  background-color: var(--table-row-bg-even) !important;
  box-shadow: none !important;
}

/* ===================================== */
/* Components: Navigation (Docs + Page) */
/* ===================================== */

/* Docs nav layout */
.docs-navigation.layout-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  text-align: initial !important;
}

/* Shared link visuals */
.docs-navigation.layout-2 a,
.page-nav a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  color: var(--e-global-color-secondary, #54595f) !important;
  transition: color 0.2s ease !important;
}
/* Hover color */
.docs-navigation.layout-2 a:hover,
.page-nav a:hover {
  color: var(--docs-nav-hover-color) !important;
}

/* Replace SVG with cleaner arrows (docs nav) */
.docs-navigation.layout-2 a[rel="prev"] svg,
.docs-navigation.layout-2 a[rel="next"] svg {
  display: none !important;
}

/* Arrow adornments */
.docs-navigation.layout-2 a[rel="prev"]::before,
.page-nav .wp-block-column:first-child a::before {
  content: "←";
  font-size: 1.2em;
  line-height: 1;
}
.docs-navigation.layout-2 a[rel="next"]::after,
.page-nav .wp-block-column:last-child a::after {
  content: "→";
  font-size: 1.2em;
  line-height: 1;
}
.docs-navigation.layout-2 a::before,
.docs-navigation.layout-2 a::after,
.page-nav a::before,
.page-nav a::after {
  color: currentColor;
}

/* Docs nav alignment */
.docs-navigation.layout-2 a[rel="prev"] {
  justify-self: start !important;
  text-align: left !important;
}
.docs-navigation.layout-2 a[rel="next"] {
  justify-self: end !important;
  text-align: right !important;
}

/* Page nav layout */
.page-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  gap: 0;
}
/* Kill default Gutenberg spacing */
.page-nav .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
}
.page-nav p {
  margin: 0;
}
/* Column alignment */
.page-nav .wp-block-column {
  display: flex;
  width: 100%;
}
.page-nav .wp-block-column:first-child {
  justify-content: flex-start;
  text-align: left;
}
.page-nav .wp-block-column:last-child {
  justify-content: flex-end;
  text-align: right;
}
/* Page nav font */
.page-nav a {
  font-family: var(--e-global-typography-b2bcdb0-font-family, "Roboto"),
    sans-serif;
  font-weight: var(--e-global-typography-b2bcdb0-font-weight);
  font-size: 14px;
}

/* Updated date size (semantic + fallbacks) */
.docs-update-date .update-date,
.elementor-184 .elementor-element.elementor-element-65b177e6 .update-date,
.elementor-567 .elementor-element.elementor-element-45d2b369 .update-date {
  font-size: 14px;
}

/* Page radius */
.content-page {
  border-radius: var(--radius);
}

/* ===================================== */
/* Student Directory */
/* ===================================== */

/* Equal-height backgrounds for Directory cards (safe + minimal) */
/* Stretch grid items in each row to the tallest card */
.directory-grid .elementor-posts.elementor-grid {
  align-items: stretch !important;
}

/* Ensure the card and inner wrappers pass height down to the padded wrap */
.directory-grid article.elementor-post.elementor-grid-item {
  height: 100%;
}
.directory-grid article.elementor-post.elementor-grid-item > .elementor {
  height: 100%;
}
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-top-section {
  height: 100%;
}
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-top-column {
  height: 100%;
}

/* The padded/background wrapper fills full height so backgrounds match */
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-wrap {
  height: 100% !important;
  display: flex;
  flex-direction: column;
}

/* Paint background on the grid item so card backgrounds are equal-height */
.directory-grid article.elementor-post.elementor-grid-item {
  background: #fff !important;
  border-radius: 5px; /* keep corners consistent */
  overflow: hidden; /* clip inner content to rounded corners */
}

/* Inner wrap keeps padding only; avoid double background layers */
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-wrap {
  background: transparent !important;
}

/* Directory grid cards: 35px internal padding (inside the card) */
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-wrap {
  padding: 35px !important;
  box-sizing: border-box;
  border-radius: 5px;
}

/* Directory grid images */
.directory-grid article.elementor-post.elementor-grid-item img {
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin-inline: auto;
  margin-bottom: 16px; /* gap below the image */
}

/* Directory grid main post title */
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-theme-post-title {
  margin-bottom: 16px !important; /* keep your gap under the title */
  text-align: left !important;
}

.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-theme-post-title
  .elementor-heading-title {
  font-family: var(--e-global-typography-e41bd95-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-e41bd95-font-size, 25px) !important;
  font-weight: var(--e-global-typography-e41bd95-font-weight) !important;
  word-wrap: normal !important;
  color: var(--e-global-color-text) !important;
  text-decoration: none !important;
}

/* Remove links from post titles (visual & interaction) */
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-theme-post-title
  a {
  pointer-events: none;
  color: inherit !important;
  text-decoration: none !important;
}

/* Global text styles for directory grid content (exclude main title) */
.directory-grid
  article.elementor-post.elementor-grid-item
  :not(.elementor-widget-theme-post-title)
  .elementor-widget-container,
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-heading-title.elementor-size-medium,
.directory-grid
  article.elementor-post.elementor-grid-item
  .elementor-widget-theme-post-content
  p {
  color: var(--e-global-color-text) !important;
  font-family: var(--e-global-typography-text-font-family) !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  text-transform: var(--e-global-typography-text-text-transform) !important;
  font-style: var(--e-global-typography-text-font-style) !important;
  text-decoration: var(--e-global-typography-text-text-decoration) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}

/* Links inside cards (except main post title) */
.directory-grid
  article.elementor-post.elementor-grid-item
  :not(.elementor-widget-theme-post-title)
  a {
  color: var(--e-global-color-accent) !important;
  text-decoration: none !important; /* no underline */
  outline: none !important;
  transition: color 0.2s ease;
}

.directory-grid
  article.elementor-post.elementor-grid-item
  :not(.elementor-widget-theme-post-title)
  a:hover,
.directory-grid
  article.elementor-post.elementor-grid-item
  :not(.elementor-widget-theme-post-title)
  a:focus {
  color: var(--e-global-color-text) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Tablet/Mobile: neutralize container padding/gaps that make the grid too skinny */
@media (max-width: 1024px) {
  /* Kill Elementor container padding on the specific Directory wrappers */
  .directory-grid-parent,
  .directory-grid {
    --e-con-container-padding: 0px !important; /* Elementor container var */
    --mobile-1024-padding: 0% !important; /* Theme mobile padding var (same fix as Doc Grid) */
    padding: 0 !important;
    padding-inline: 0 !important;
    padding-block: 0 !important;
    gap: 0 !important; /* Elementor container gap safety */
  }

  /* Also remove padding/gap from inner Elementor containers within the directory scope */
  .directory-grid-parent
    :is(.e-con, .e-con-inner, .elementor-container, .elementor-section) {
    padding: 0 !important;
    gap: 0 !important;
  }

  /* Posts container should not add extra padding/margins on small screens */
  .directory-grid
    :is(.elementor-posts-container, .elementor-posts.elementor-grid) {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Tablet/Mobile: remove inherited side padding from the top page header (H1 container) */
@media (max-width: 1024px) {
  .content-page {
    --mobile-1024-padding: 0% !important; /* reuse the Doc Grid fix */
    --e-con-container-padding: 0px !important; /* Elementor container var */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ===================================== */
/* Utilities */
/* ===================================== */

/* Menu Tab Radius */
.elementor-nav-menu--main.e--pointer-underline .elementor-item::after {
  border-radius: var(--radius);
  height: 3px; /* underline thickness */
}

/* BetterDocs prev/next: keep NEXT on the right even when it's the only link */
.docs-navigation.layout-2 {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  text-align: initial !important; /* kill any center text on the wrapper */
  width: 100%;
}

/* Reset any floats/100% width that block auto-margin from working */
.docs-navigation.layout-2 > a {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  width: auto !important; /* override width:100% cases */
  max-width: 100%;
}

/* Always push NEXT to the right */
.docs-navigation.layout-2 > a[rel="next"] {
  margin-left: auto !important;
  text-align: right;
}

/* If there's only one link (first or last doc), push it right */
.docs-navigation.layout-2 > a:only-child {
  margin-left: auto !important;
}

/* If there's only a PREV link (last doc), keep it left */
.docs-navigation.layout-2 > a[rel="prev"]:only-child {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left;
}/* End custom CSS */