.elementor-kit-5{--e-global-color-primary:#E53935;--e-global-color-secondary:#455A64;--e-global-color-text:#C7CCD4;--e-global-color-accent:#E86A17;--e-global-color-3f42865:#0F1115;--e-global-color-bdedd5e:#171B21;--e-global-color-a60c6d3:#000000;--e-global-color-faa495e:#F4F6F8;--e-global-color-b66aed4:#303640;--e-global-color-b5854ed:#8F98A3;--e-global-color-e06eaaa:#39B86B;--e-global-color-8098635:#C94848;--e-global-color-4d8ebc6:#D6A84B;--e-global-color-7ceb5fb:#2F8DFF;--e-global-color-c6f6958:#02010100;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4px;background-color:var( --e-global-color-3f42865 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );overscroll-behavior:auto;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-accent );font-weight:900;}.elementor-kit-5 a:hover{color:var( --e-global-color-faa495e );}.elementor-kit-5 h1{color:var( --e-global-color-faa495e );font-family:"Barlow Condensed", Sans-serif;font-weight:900;text-transform:uppercase;}.elementor-kit-5 h2{color:var( --e-global-color-faa495e );font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;}.elementor-kit-5 h3{color:var( --e-global-color-faa495e );font-family:"Barlow Condensed", Sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;}.elementor-kit-5 h4{color:var( --e-global-color-faa495e );font-size:22px;font-weight:700;text-transform:uppercase;}.elementor-kit-5 h5{color:var( --e-global-color-faa495e );font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.3em;}.elementor-kit-5 h6{color:var( --e-global-color-faa495e );font-weight:600;line-height:1.4em;}.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;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h2{font-size:40px;line-height:1.05em;}.elementor-kit-5 h3{font-size:26px;line-height:1.15em;}.elementor-kit-5 h4{font-size:20px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:44px;}.elementor-kit-5 h2{font-size:32px;line-height:1.05em;}.elementor-kit-5 h3{font-size:24px;line-height:1.15em;}.elementor-kit-5 h4{font-size:20px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --space-xs:8px; --space-s:16px; --space-m:24px; --space-l:40px; --space-xl:64px; --section-space:96px; --radius-m:12px; --color-background:#0F1115; --color-surface:#171B21; --color-border:#303640; --color-heading:#F4F6F8; --color-muted:#8F98A3; --color-primary:#E53935; --color-Secondary:#455A64; --color-Text:#C7CCD4; --color-Accent:#E86A17; --color-SurfaceAlt:#000000; --color-SuccessGreen:#39B86B; --color-DangerRed:#C94848; --color-SoftGold:#D6A84B; --color-ElectricBlue:#2F8DFF; --color-Transparent:#02010100; --font-heading:Barlow Condensed; --font-body:Inter; --font-mono:JetBrains Mono; --text-hero:72px; --text-h2:48px; --text-h3:28px; --text-body:16px; --text-small:13px; --text-lead:20px; }
/* Start custom CSS *//* ===== Primary red button: class "zroute-cta" ===== */
.zroute-cta .elementor-button {
  background: linear-gradient(
    180deg,
    #c91515 0%,
    #9d0f0f 55%,
    #6f0909 100%
  ) !important;

  color: #ffffff !important;

  border: 1px solid #ff3b3b !important;
  border-radius: 4px !important;

  padding: 12px 28px !important;

  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 7px rgba(229,57,53,.45),
    0 3px 8px rgba(0,0,0,.5);

  text-shadow: 0 1px 2px rgba(0,0,0,.7);

  transition:
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.zroute-cta .elementor-button:hover {
  background: linear-gradient(
    180deg,
    #e51d1d 0%,
    #b51212 55%,
    #820b0b 100%
  ) !important;

  border-color: #ff5a5a !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 11px rgba(229,57,53,.7),
    0 4px 10px rgba(0,0,0,.55);

  transform: translateY(-1px);
}

/* ===== Outlined dark button: class "zroute-outline" ===== */
.zroute-outline .elementor-button {
  background: rgba(10, 12, 16, .55) !important;
  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,.6) !important;
  border-radius: 4px !important;

  padding: 12px 28px !important;

  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 3px 8px rgba(0,0,0,.5);

  text-shadow: 0 1px 2px rgba(0,0,0,.7);

  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);

  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.zroute-outline .elementor-button:hover {
  background: rgba(23, 27, 33, .85) !important;
  border-color: #ffffff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 9px rgba(255,255,255,.18),
    0 4px 10px rgba(0,0,0,.55);

  transform: translateY(-1px);
}

/* ===== Mobile buttons ===== */
@media (max-width: 767px) {
  .zroute-cta,
  .zroute-outline {
    width: 100%;
  }

  .zroute-cta .elementor-button,
  .zroute-outline .elementor-button {
    width: 100%;
    justify-content: center;
    font-size: 18px;
    padding: 14px 20px !important;
    white-space: nowrap;
  }
}

.badge {
  display: inline-block !important;
  width: auto !important;
}


/* ===== First box post ===== */
.First-box-post {
    background: #171B21;
    padding: 20px 30px 20px 30px;
    border: solid;
    border-width: 1px;
    border-color: #303640;
    border-radius: 8px;
}


/* ===== Tip box post ===== */
.tip-box-post {
    position: relative;
    background: rgba(201, 72, 72, 0.12);
    padding: 16px 20px 16px 48px;
    border: 1px solid rgba(201, 72, 72, 0.18);
    border-left: 3px solid #C94848;
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    color: #D8DCE3;
    line-height: 1.5;
}

/* Pro Tip label */
.tip-box-post::before {
    content: "PRO TIP:";
    display: inline;
    margin-right: 7px;
    color: #E46A6A;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

/* Small decorative icon */
.tip-box-post::after {
    content: "✦";
    position: absolute;
    left: 18px;
    top: 16px;
    color: #E4A64A;
    font-size: 16px;
    line-height: 1.4;
}

/* Paragraph spacing */
.tip-box-post p {
    display: inline;
    margin: 0;
}



/* ===== GLOBAL PAGE SCROLLBAR ===== */


/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #343A44 #11151A;
}


/* Chrome, Edge, Safari */
html::-webkit-scrollbar {
    width: 5px;
}


/* Scrollbar background */
html::-webkit-scrollbar-track {
    background: #11151A;
}


/* Scrollbar handle */
html::-webkit-scrollbar-thumb {
    background: #343A44;
    border-radius: 10px;
}


/* Scrollbar handle on hover */
html::-webkit-scrollbar-thumb:hover {
    background: #C94848;
}




/* =========================================================
   Z ROUTE GUIDE TABLE
   Reusable Gutenberg table class: guide-table
   ========================================================= */


/* Table wrapper */
.guide-table {
    width: 100%;
    margin: 24px 0 30px 0;
    overflow-x: auto;
}


/* Main table */
.guide-table table {
    width: 100%;
    margin: 0;

    background: #15191F;

    border: 1px solid #292F38;
    border-radius: 6px;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    color: #DDE2EA;

    font-size: 15px;
    line-height: 1.5;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}


/* =========================================================
   HEADER
   ========================================================= */

.guide-table thead {
    background: #1D222A;
}

.guide-table th {
    padding: 13px 16px;

    background: #1D222A;

    color: #FFFFFF;

    font-weight: 700;
    text-align: left;
    vertical-align: middle;

    border: none;
    border-bottom: 2px solid #C94848;
}


/* =========================================================
   BODY CELLS
   ========================================================= */

.guide-table td {
    padding: 14px 16px;

    color: #D6DCE5;

    vertical-align: top;

    border: none;
    border-bottom: 1px solid #292F38;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


/* Remove bottom border from final row */
.guide-table tbody tr:last-child td {
    border-bottom: none;
}


/* =========================================================
   ALTERNATING ROWS
   ========================================================= */

.guide-table tbody tr:nth-child(even) {
    background: #12161B;
}


/* =========================================================
   ROW HOVER
   ========================================================= */

.guide-table tbody tr {
    transition: background-color 0.2s ease;
}

.guide-table tbody tr:hover {
    background: rgba(201, 72, 72, 0.06);
}


/* =========================================================
   FIRST COLUMN
   ========================================================= */

.guide-table tbody td:first-child {
    color: #F0F2F5;
    font-weight: 600;

    border-left: 2px solid transparent;

    transition:
        border-color 0.2s ease,
        color 0.2s ease;
}


/* Red accent when hovering a row */
.guide-table tbody tr:hover td:first-child {
    border-left-color: #C94848;
}


/* =========================================================
   LAST COLUMN
   ========================================================= */

.guide-table tbody td:last-child {
    font-weight: 600;
    color: #E4A2A2;
}


/* =========================================================
   LINKS
   ========================================================= */

.guide-table a {
    color: #E46A6A;
    text-decoration: none;

    transition: color 0.2s ease;
}

.guide-table a:hover {
    color: #FFFFFF;
}


/* =========================================================
   STRONG / BOLD TEXT
   ========================================================= */

.guide-table strong {
    color: #FFFFFF;
    font-weight: 700;
}


/* =========================================================
   REMOVE WORDPRESS DEFAULT TABLE STYLING
   ========================================================= */

.guide-table.is-style-stripes {
    border: none;
}

.guide-table.is-style-stripes tbody tr:nth-child(odd) {
    background: transparent;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .guide-table {
        margin: 20px 0 24px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .guide-table table {
        min-width: 620px;

        font-size: 13px;
        line-height: 1.4;
    }

    .guide-table th {
        padding: 11px 12px;
    }

    .guide-table td {
        padding: 12px;
    }
}/* End custom CSS */