.elementor-6689 .elementor-element.elementor-element-e6f13c8{--display:flex;--min-height:70vh;--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;--justify-content:space-between;--align-items:flex-end;--overflow:hidden;--overlay-opacity:0.88;border-style:solid;--border-style:solid;border-width:5px 10px 5px 10px;--border-top-width:5px;--border-right-width:10px;--border-bottom-width:5px;--border-left-width:10px;border-color:var( --e-global-color-c366436 );--border-color:var( --e-global-color-c366436 );--border-radius:20px 20px 20px 20px;--padding-top:3%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-6689 .elementor-element.elementor-element-e6f13c8:not(.elementor-motion-effects-element-type-background), .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BBE2F0D9;background-image:url("https://placon.liontree.group/wp-content/uploads/2026/09/patents-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6689 .elementor-element.elementor-element-e6f13c8::before, .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .elementor-background-video-container::before, .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .elementor-background-slideshow::before, .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6689 .elementor-element.elementor-element-e6f13c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(70deg, var( --e-global-color-088152c ) 14%, #0093D000 76%);}.elementor-6689 .elementor-element.elementor-element-a5eb9b1{--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-6689 .elementor-element.elementor-element-7860bcd .elementor-heading-title{font-family:var( --e-global-typography-6781723-font-family ), Sans-serif;font-size:var( --e-global-typography-6781723-font-size );font-weight:var( --e-global-typography-6781723-font-weight );text-transform:var( --e-global-typography-6781723-text-transform );line-height:var( --e-global-typography-6781723-line-height );letter-spacing:var( --e-global-typography-6781723-letter-spacing );color:var( --e-global-color-c366436 );}.elementor-6689 .elementor-element.elementor-element-410546f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-6689 .elementor-element.elementor-element-410546f{text-align:start;}.elementor-6689 .elementor-element.elementor-element-410546f .elementor-heading-title{font-family:var( --e-global-typography-25bf045-font-family ), Sans-serif;font-size:var( --e-global-typography-25bf045-font-size );font-weight:var( --e-global-typography-25bf045-font-weight );line-height:var( --e-global-typography-25bf045-line-height );color:var( --e-global-color-c366436 );}.elementor-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6689 .elementor-element.elementor-element-b008e07{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-c366436 );}.elementor-6689 .elementor-element.elementor-element-627c1d5{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:5px 10px 5px 10px;--border-top-width:5px;--border-right-width:10px;--border-bottom-width:5px;--border-left-width:10px;border-color:var( --e-global-color-c366436 );--border-color:var( --e-global-color-c366436 );--border-radius:20px 20px 20px 20px;--padding-top:4%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;--z-index:20;}.elementor-6689 .elementor-element.elementor-element-627c1d5:not(.elementor-motion-effects-element-type-background), .elementor-6689 .elementor-element.elementor-element-627c1d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F5F5F7 63%, var( --e-global-color-4a6e9ba ) 100%);}.elementor-6689 .elementor-element.elementor-element-627c1d5::before, .elementor-6689 .elementor-element.elementor-element-627c1d5 > .elementor-background-video-container::before, .elementor-6689 .elementor-element.elementor-element-627c1d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-6689 .elementor-element.elementor-element-627c1d5 > .elementor-background-slideshow::before, .elementor-6689 .elementor-element.elementor-element-627c1d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6689 .elementor-element.elementor-element-627c1d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6689 .elementor-element.elementor-element-c8aab3b{--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6689 .elementor-element.elementor-element-2ab6fc5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6689 .elementor-element.elementor-element-827a755 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6689 .elementor-element.elementor-element-827a755.elementor-element{--align-self:flex-start;}.elementor-6689 .elementor-element.elementor-element-827a755{text-align:start;}.elementor-6689 .elementor-element.elementor-element-827a755 .elementor-heading-title{font-family:var( --e-global-typography-9580119-font-family ), Sans-serif;font-size:var( --e-global-typography-9580119-font-size );font-weight:var( --e-global-typography-9580119-font-weight );line-height:var( --e-global-typography-9580119-line-height );color:var( --e-global-color-c366436 );}.elementor-6689 .elementor-element.elementor-element-033cbdf{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-6689 .elementor-element.elementor-element-b029464{color:var( --e-global-color-c366436 );}:root{--page-title-display:none;}@media(max-width:1460px){.elementor-6689 .elementor-element.elementor-element-e6f13c8{--padding-top:3%;--padding-bottom:8%;--padding-left:3%;--padding-right:3%;}.elementor-6689 .elementor-element.elementor-element-7860bcd .elementor-heading-title{font-size:var( --e-global-typography-6781723-font-size );line-height:var( --e-global-typography-6781723-line-height );letter-spacing:var( --e-global-typography-6781723-letter-spacing );}.elementor-6689 .elementor-element.elementor-element-410546f .elementor-heading-title{font-size:var( --e-global-typography-25bf045-font-size );line-height:var( --e-global-typography-25bf045-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-b008e07{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-827a755 .elementor-heading-title{font-size:var( --e-global-typography-9580119-font-size );line-height:var( --e-global-typography-9580119-line-height );}.elementor-6689 .elementor-element.elementor-element-033cbdf{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1125px){.elementor-6689 .elementor-element.elementor-element-7860bcd .elementor-heading-title{font-size:var( --e-global-typography-6781723-font-size );line-height:var( --e-global-typography-6781723-line-height );letter-spacing:var( --e-global-typography-6781723-letter-spacing );}.elementor-6689 .elementor-element.elementor-element-410546f{width:100%;max-width:100%;}.elementor-6689 .elementor-element.elementor-element-410546f .elementor-heading-title{font-size:var( --e-global-typography-25bf045-font-size );line-height:var( --e-global-typography-25bf045-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-b008e07{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-827a755{width:100%;max-width:100%;}.elementor-6689 .elementor-element.elementor-element-827a755 .elementor-heading-title{font-size:var( --e-global-typography-9580119-font-size );line-height:var( --e-global-typography-9580119-line-height );}.elementor-6689 .elementor-element.elementor-element-033cbdf{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-6689 .elementor-element.elementor-element-7860bcd .elementor-heading-title{font-size:var( --e-global-typography-6781723-font-size );line-height:var( --e-global-typography-6781723-line-height );letter-spacing:var( --e-global-typography-6781723-letter-spacing );}.elementor-6689 .elementor-element.elementor-element-410546f .elementor-heading-title{font-size:var( --e-global-typography-25bf045-font-size );line-height:var( --e-global-typography-25bf045-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-b008e07{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-627c1d5{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-6689 .elementor-element.elementor-element-827a755 .elementor-heading-title{font-size:var( --e-global-typography-9580119-font-size );line-height:var( --e-global-typography-9580119-line-height );}.elementor-6689 .elementor-element.elementor-element-033cbdf{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-6689 .elementor-element.elementor-element-a5eb9b1{--width:50%;}.elementor-6689 .elementor-element.elementor-element-c8aab3b{--width:80%;}}@media(max-width:1460px) and (min-width:768px){.elementor-6689 .elementor-element.elementor-element-c8aab3b{--width:100%;}}@media(max-width:880px) and (min-width:768px){.elementor-6689 .elementor-element.elementor-element-c8aab3b{--width:100%;}}@media(min-width:2400px){.elementor-6689 .elementor-element.elementor-element-7860bcd .elementor-heading-title{font-size:var( --e-global-typography-6781723-font-size );line-height:var( --e-global-typography-6781723-line-height );letter-spacing:var( --e-global-typography-6781723-letter-spacing );}.elementor-6689 .elementor-element.elementor-element-410546f .elementor-heading-title{font-size:var( --e-global-typography-25bf045-font-size );line-height:var( --e-global-typography-25bf045-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-b008e07{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6689 .elementor-element.elementor-element-827a755 .elementor-heading-title{font-size:var( --e-global-typography-9580119-font-size );line-height:var( --e-global-typography-9580119-line-height );}.elementor-6689 .elementor-element.elementor-element-033cbdf{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-b029464 *//* ============================================================
   PLACON PATENT TABLE — STYLES (LIGHT BACKGROUND VERSION)
   ============================================================
   Pair this with patent-table.html.
   Everything is scoped under .placon-patent-wrap so it won't
   leak into (or get overridden by) the rest of the theme.

   This version assumes the section/container itself already
   has a light gray background applied in Elementor — none of
   the rules below set a background on the wrap or table shell.
   Only text, border, and card colors were adjusted for contrast
   against light gray. Everything else (layout, spacing,
   structure) is unchanged from the dark version.

   Jump to the section you want to change:
     1. COLOR VARIABLES     — main/alt background, text, border
     2. BASE / RESET        — table-wide setup, border reset
     3. HEADER ROW          — "Patent #" / "Placon Part #" labels
     4. LEFT COLUMN         — Patent # values
     5. RIGHT COLUMN        — Placon Part # values
     6. ALTERNATING ROWS    — every other row's background
     7. MOBILE / RESPONSIVE — stacked-card view under 700px
   ============================================================ */


/* ------------------------------------------------------------
   1. COLOR VARIABLES
   ------------------------------------------------------------
   Change colors here and they'll update everywhere below.
   Format is 8-digit hex: last 2 digits control opacity
   (00 = fully transparent, FF = fully opaque).

   Flipped for light gray: accent is now a deeper blue (light
   blue disappears on light gray), body text is dark instead of
   white, and the panel backgrounds are subtle dark-on-light
   tints instead of the old subtle-light-on-dark tints.

   Row striping is now the reverse of before: primary (odd) rows
   are the lighter/visible ones, secondary (even) rows are fully
   transparent so the gray container shows straight through.
   The header keeps its own background (--placon-header-bg) so
   it stays visually separate from the row stripe regardless of
   what the rows are doing.
------------------------------------------------------------- */
.placon-patent-wrap {
  --placon-accent: #1F6E8C;          /* header text, mobile label highlight color */
  --placon-panel-bg: #FFFFFF80;      /* PRIMARY row background (odd rows) — lighter, visible */
  --placon-panel-bg-alt: transparent; /* SECONDARY row background (even rows) — see-through */
  --placon-row-hover: #1F6E8C1F;     /* row hover background — a light wash of the accent color */
  --placon-header-bg: #0000001A;     /* header row + mobile card label band background */
  --placon-panel-border: #1F6E8C;    /* the one divider line, under the header row */
  --placon-text: #22262B;            /* body text color */
  --placon-text-dim: rgba(34, 38, 43, 0.65); /* muted text, used for mobile field labels */

  font-family: inherit; /* picks up whatever font Elementor applies to this section */
  width: 100%;
  box-sizing: border-box;
}

.placon-patent-wrap * {
  box-sizing: border-box;
}


/* ------------------------------------------------------------
   2. BASE / RESET
   ------------------------------------------------------------
   Table shell: rounded corners only, no background — the
   section's own (light gray) background shows straight through
   here. Header and alternating rows (sections 3 & 6) still
   carry their own background colors independently.
   The border reset below exists because some WordPress themes
   put a default border on every td/th — this cancels that out
   so only the one border we want (see section 3) shows.
------------------------------------------------------------- */
.placon-patent-table,
.placon-patent-table th,
.placon-patent-table td {
  border: none !important;
}

.placon-patent-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  font-family: inherit;
  font-size: 0.95rem;
  color: var(--placon-text);
}


/* ------------------------------------------------------------
   3. HEADER ROW  ("Patent #" / "Placon Part #")
------------------------------------------------------------- */
.placon-patent-table thead th {
  background: var(--placon-header-bg);
  color: var(--placon-accent);
  text-align: left;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 1rem 1.25rem 0.85rem;
  border-bottom: 1px solid var(--placon-panel-border) !important; /* the one intentional divider */
}

.placon-patent-table thead th:first-child {
  width: 28%; /* how wide the "Patent #" header column is vs. the second column */
}


/* ------------------------------------------------------------
   4. LEFT COLUMN  (Patent # values)
   ------------------------------------------------------------
   Currently uses the site's global typography token
   (--e-global-typography-6781723-*) so it matches a specific
   Elementor text style. To go back to the same font as the
   right column, delete the font-family/weight/etc. lines below
   and this will fall back to inherit automatically.
------------------------------------------------------------- */
.placon-patent-table tbody td:first-child {
  color: var(--placon-text);
  white-space: nowrap;
  font-family: var(--e-global-typography-6781723-font-family), Sans-serif;
  font-weight: var(--e-global-typography-6781723-font-weight);
  text-transform: var(--e-global-typography-6781723-text-transform);
  line-height: var(--e-global-typography-6781723-line-height);
  letter-spacing: var(--e-global-typography-6781723-letter-spacing);
}


/* ------------------------------------------------------------
   5. RIGHT COLUMN  (Placon Part # values)
   ------------------------------------------------------------
   Shares the general cell padding/color from the rule below
   (it applies to both columns), plus its own font-size and
   line-height set here.
------------------------------------------------------------- */
.placon-patent-table tbody td:last-child {
  font-size: 16px;
  line-height: 1.2em;
}

.placon-patent-table tbody td {
  padding: 0.85rem 1.25rem;
  color: var(--placon-text);
  line-height: 1.5;
  vertical-align: top;
}


/* ------------------------------------------------------------
   6. ALTERNATING ROWS
   ------------------------------------------------------------
   Odd rows use the PRIMARY background from section 1 (set on
   .placon-patent-table itself) — a light, semi-opaque white so
   they stand out against the gray container. This just
   overrides even rows with the SECONDARY background, which is
   fully transparent, so those rows let the gray container show
   straight through. Swap which variable holds which value in
   section 1 if you want to flip which stripe is visible.
------------------------------------------------------------- */
.placon-patent-table tbody tr:nth-child(even) {
  background: var(--placon-panel-bg-alt);
}

.placon-patent-table tbody tr {
  transition: background 0.15s ease;
}

/* hover: a light accent-tinted wash, distinct from both the
   primary (white) and secondary (transparent) row states —
   applied last so it overrides whichever background the row
   already has, odd or even. */
.placon-patent-table tbody tr:hover {
  background: var(--placon-row-hover);
}


/* ------------------------------------------------------------
   7. MOBILE / RESPONSIVE  (screens under 700px)
   ------------------------------------------------------------
   Below 700px the table stops looking like a table and becomes
   a stack of cards — one per patent — since a wide table
   doesn't fit small screens. Change the 700px breakpoint here
   if you want cards to kick in earlier/later.
------------------------------------------------------------- */
@media (max-width: 700px) {
  .placon-patent-table thead {
    display: none; /* labels are re-added per-cell instead, see data-label below */
  }

  .placon-patent-table,
  .placon-patent-table tbody,
  .placon-patent-table tr,
  .placon-patent-table td {
    display: block;
    width: 100%;
  }

  .placon-patent-table {
    border-spacing: 0 0.75rem;
    background: transparent;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  /* each <tr> becomes its own card — white card so it lifts off
     the gray section background, plus a light shadow instead of
     the old blur-glass look (blur reads oddly on flat light gray) */
  .placon-patent-table tbody tr {
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    margin-bottom: 0.75rem;
    overflow: hidden;
  }

  .placon-patent-table tbody tr:nth-child(even) {
    background: #FFFFFF; /* no striping on mobile cards, all same bg */
  }

  .placon-patent-table tbody td {
    padding: 0.7rem 1rem;
  }

  /* the "Patent #" value gets a highlighted band at the top of each card */
  .placon-patent-table tbody tr td:first-child {
    background: var(--placon-header-bg);
    color: var(--placon-accent);
    font-weight: 700;
  }

  /* small uppercase label ("Patent #" / "Placon Part #") shown above each value */
  .placon-patent-table tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--placon-text-dim);
    margin-bottom: 0.2rem;
  }
}/* End custom CSS */