.elementor-555 .elementor-element.elementor-element-7a49448{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-1837148{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-555 .elementor-element.elementor-element-8338a4c{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-555 .elementor-element.elementor-element-8338a4c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.64 * 100% );}.elementor-555 .elementor-element.elementor-element-8338a4c:after{content:"0.64";}.elementor-555 .elementor-element.elementor-element-8338a4c .elementor-post__thumbnail__link{width:100%;}.elementor-555 .elementor-element.elementor-element-8338a4c.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-555 .elementor-element.elementor-element-8338a4c.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-555 .elementor-element.elementor-element-8338a4c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-555 .elementor-element.elementor-element-8338a4c .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-555 .elementor-element.elementor-element-8338a4c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-555 .elementor-element.elementor-element-8338a4c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-555 .elementor-element.elementor-element-8338a4c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-555 .elementor-element.elementor-element-8338a4c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-555 .elementor-element.elementor-element-1837148{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-555 .elementor-element.elementor-element-8338a4c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-555 .elementor-element.elementor-element-8338a4c:after{content:"0.5";}.elementor-555 .elementor-element.elementor-element-8338a4c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-8f33dff *//* =========================================================
   SPITI RIDERS
   BLOG TITLE BAR
   BOLD EDITORIAL BLUE STYLE
========================================================= */

.sr-blog-titlebar {
  --sr-blue: #1361cc;
  --sr-blue-dark: #0e4fa9;
  --sr-white: #ffffff;
  --sr-soft-white: rgba(255, 255, 255, .76);
  --sr-border-white: rgba(255, 255, 255, .16);

  position: relative;

  width: 100%;

  padding:
    clamp(72px, 8vw, 118px)
    24px
    clamp(68px, 7vw, 100px);

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #1361cc 0%,
      #1059bd 52%,
      #0e4fa9 100%
    );

  font-family:
    var(--sr-font-primary, "Manrope"),
    Arial,
    sans-serif;
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.sr-blog-titlebar::before {
  content: "";

  position: absolute;

  top: -260px;
  right: -150px;

  width: 560px;
  height: 560px;

  border:
    1px solid
    rgba(255, 255, 255, .10);

  border-radius: 50%;

  box-shadow:
    0 0 0 65px rgba(255,255,255,.025),
    0 0 0 130px rgba(255,255,255,.015);

  pointer-events: none;
}


.sr-blog-titlebar::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 38%;
  height: 6px;

  background:
    rgba(255, 255, 255, .95);

  border-radius:
    0 6px 0 0;

  pointer-events: none;
}


/* =========================================================
   INNER
========================================================= */

.sr-blog-titlebar__inner {
  position: relative;

  z-index: 2;

  width: 100%;
  max-width: 1400px;

  margin: 0 auto;

  text-align: left;
}


/* =========================================================
   EYEBROW
========================================================= */

.sr-blog-titlebar__eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin:
    0 0 22px;

  padding:
    9px 13px;

  border:
    1px solid
    rgba(255, 255, 255, .22);

  border-radius: 7px;

  color:
    var(--sr-white);

  background:
    rgba(255, 255, 255, .10);

  backdrop-filter:
    blur(8px);

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

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .14em;

  line-height: 1;

  text-transform: uppercase;
}


/* SMALL DOT */

.sr-blog-titlebar__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  border-radius: 50%;

  background:
    var(--sr-white);

  box-shadow:
    0 0 0 4px
    rgba(255,255,255,.10);
}


/* =========================================================
   TITLE
========================================================= */

.sr-blog-titlebar__title {
  max-width: 900px;

  margin:
    0 0 22px;

  color:
    var(--sr-white);

  font-size:
    clamp(48px, 6vw, 78px);

  font-weight: 850;

  line-height: .98;

  letter-spacing:
    -.055em;

  text-wrap: balance;
}


/* TITLE SPAN */

.sr-blog-titlebar__title span {
  position: relative;

  color:
    #ffffff;
}


/*
   Optional visual emphasis if span is
   on its own line in your HTML
*/

.sr-blog-titlebar__title span::after {
  content: "";

  display: inline-block;

  width: 10px;
  height: 10px;

  margin-left: 10px;

  border-radius: 50%;

  background:
    rgba(255,255,255,.38);

  vertical-align: middle;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.sr-blog-titlebar__description {
  max-width: 700px;

  margin: 0;

  color:
    rgba(255, 255, 255, .76);

  font-size:
    clamp(14px, 1.5vw, 17px);

  font-weight: 400;

  line-height: 1.75;
}


/* =========================================================
   ACCENT LINE
========================================================= */

.sr-blog-titlebar__line {
  position: relative;

  width: 90px;
  height: 2px;

  margin:
    29px 0 0;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, .22);
}


.sr-blog-titlebar__line::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 42px;
  height: 100%;

  border-radius: inherit;

  background:
    #ffffff;
}


/* =========================================================
   ADDITIONAL EDITORIAL DETAIL
========================================================= */

.sr-blog-titlebar__inner::after {
  content: "SPITI RIDERS JOURNAL";

  position: absolute;

  right: 0;
  bottom: 2px;

  color:
    rgba(255, 255, 255, .14);

  font-size:
    clamp(16px, 2vw, 26px);

  font-weight: 800;

  letter-spacing:
    .16em;

  writing-mode:
    vertical-rl;

  text-orientation:
    mixed;

  pointer-events: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .sr-blog-titlebar {
    padding:
      72px
      22px
      64px;
  }


  .sr-blog-titlebar__title {
    max-width: 760px;

    font-size:
      clamp(46px, 7vw, 64px);
  }


  .sr-blog-titlebar__inner::after {
    opacity: .6;
  }

}


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

@media (max-width: 767px) {

  .sr-blog-titlebar {
    padding:
      52px
      18px
      48px;
  }


  /* DECORATION */

  .sr-blog-titlebar::before {
    top: -140px;
    right: -150px;

    width: 320px;
    height: 320px;

    box-shadow:
      0 0 0 40px
      rgba(255,255,255,.018);
  }


  .sr-blog-titlebar::after {
    width: 48%;
    height: 4px;
  }


  /* INNER */

  .sr-blog-titlebar__inner {
    max-width: 100%;
  }


  .sr-blog-titlebar__inner::after {
    display: none;
  }


  /* EYEBROW */

  .sr-blog-titlebar__eyebrow {
    margin-bottom: 17px;

    padding:
      8px 10px;

    font-size: 7.5px;

    letter-spacing: .12em;
  }


  .sr-blog-titlebar__eyebrow::before {
    width: 5px;
    height: 5px;

    flex-basis: 5px;
  }


  /* TITLE */

  .sr-blog-titlebar__title {
    max-width: 100%;

    margin-bottom: 18px;

    font-size:
      clamp(38px, 11vw, 50px);

    line-height: 1.02;

    letter-spacing:
      -.045em;

    text-wrap: pretty;
  }


  .sr-blog-titlebar__title span::after {
    width: 7px;
    height: 7px;

    margin-left: 6px;
  }


  /* DESCRIPTION */

  .sr-blog-titlebar__description {
    max-width: 92%;

    font-size: 13px;

    line-height: 1.7;
  }


  /* LINE */

  .sr-blog-titlebar__line {
    width: 72px;

    margin-top: 23px;
  }


  .sr-blog-titlebar__line::before {
    width: 34px;
  }

}


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

@media (max-width: 420px) {

  .sr-blog-titlebar {
    padding:
      44px
      16px
      42px;
  }


  .sr-blog-titlebar__title {
    font-size: 36px;

    line-height: 1.04;
  }


  .sr-blog-titlebar__description {
    max-width: 100%;

    font-size: 12.5px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .sr-blog-titlebar *,
  .sr-blog-titlebar *::before,
  .sr-blog-titlebar *::after {
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8338a4c *//* =========================================================
   SPITI RIDERS
   ELEMENTOR BLOG ARCHIVE — PREMIUM REDESIGN
   Image remains completely static
========================================================= */

:root {
  --sr-blue: #1361cc;
  --sr-blue-dark: #0e4fa9;
  --sr-blue-soft: #eef5ff;

  --sr-heading: #090d14;
  --sr-text: #5d6671;
  --sr-muted: #7d8792;

  --sr-white: #ffffff;
  --sr-bg: #f7f9fc;
  --sr-border: #e6e9ee;

  --sr-radius: 18px;

  --sr-font-primary:
    var(--sr-font-primary, "Inter", Arial, sans-serif);
}


/* =========================================================
   BLOG / ARCHIVE PAGE
========================================================= */

body.blog,
body.archive {
  background: var(--sr-bg);
}


/* =========================================================
   MAIN POSTS GRID
========================================================= */

.elementor-posts-container {
  gap: 30px !important;
}


/* =========================================================
   BLOG CARD
========================================================= */

.elementor-posts-container .elementor-post {
  position: relative;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  background: var(--sr-white);

  border: 1px solid var(--sr-border);
  border-radius: var(--sr-radius);

  box-shadow:
    0 4px 15px rgba(9, 13, 20, 0.025);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* CARD HOVER */

.elementor-posts-container .elementor-post:hover {
  transform: translateY(-4px);

  border-color: #d9e2ee;

  box-shadow:
    0 20px 45px rgba(25, 45, 75, 0.08);
}


/* =========================================================
   FEATURED IMAGE
   IMPORTANT:
   NO IMAGE MOVEMENT / ZOOM / TRANSFORM
========================================================= */

.elementor-post__thumbnail__link {
  position: relative;

  display: block;

  overflow: hidden;

  margin: 0 !important;
}


.elementor-post__thumbnail {
  position: relative;

  overflow: hidden;

  padding-bottom: 66% !important;

  background: #e9edf2;
}


/* IMAGE */

.elementor-post__thumbnail img {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  transform: none !important;

  transition: none !important;
}


/* KEEP IMAGE STATIC EVEN ON HOVER */

.elementor-post:hover .elementor-post__thumbnail img,
.elementor-post__thumbnail__link:hover img {
  transform: none !important;
}


/* REMOVE ELEMENTOR IMAGE OVERLAY */

.elementor-post__thumbnail__link::after,
.elementor-post__thumbnail::after {
  display: none !important;
}


/* =========================================================
   CATEGORY BADGE
========================================================= */

.elementor-post__badge {
  position: absolute !important;

  top: 16px !important;
  left: 16px !important;

  z-index: 3;

  padding: 7px 11px !important;

  background: rgba(255, 255, 255, 0.95) !important;

  color: var(--sr-blue) !important;

  border: 1px solid rgba(255, 255, 255, 0.8);

  border-radius: 50px !important;

  box-shadow:
    0 5px 15px rgba(0, 0, 0, 0.08);

  backdrop-filter: blur(8px);

  font-family: var(--sr-font-primary);
  font-size: 10px !important;
  line-height: 1 !important;

  font-weight: 750 !important;

  text-transform: uppercase;

  letter-spacing: 0.7px;
}


/* =========================================================
   CONTENT AREA
========================================================= */

.elementor-post__text {
  position: relative;

  display: flex !important;
  flex-direction: column;

  flex: 1;

  padding: 25px 25px 26px !important;
}


/* =========================================================
   META
========================================================= */

.elementor-post__meta-data {
  order: -1;

  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 7px;

  margin: 0 0 12px !important;

  color: var(--sr-muted) !important;

  font-family: var(--sr-font-primary);

  font-size: 11px !important;
  line-height: 1.4 !important;

  font-weight: 650 !important;

  letter-spacing: 0.6px;

  text-transform: uppercase;
}


/* META ITEMS */

.elementor-post__meta-data span {
  color: var(--sr-muted) !important;
}


/* META SEPARATOR */

.elementor-post__meta-data span + span::before {
  content: "";

  display: inline-block;

  width: 4px;
  height: 4px;

  margin-right: 9px;
  margin-bottom: 2px;

  border-radius: 50%;

  background: #c8ced7;
}


/* =========================================================
   TITLE
========================================================= */

.elementor-post__title {
  margin: 0 0 12px !important;

  font-family: var(--sr-font-primary);

  font-size: 22px !important;
  line-height: 1.32 !important;

  font-weight: 750 !important;

  letter-spacing: -0.45px;
}


/* TITLE LINK */

.elementor-post__title a {
  color: var(--sr-heading) !important;

  text-decoration: none !important;

  transition: color 0.25s ease;
}


.elementor-post__title a:hover {
  color: var(--sr-blue) !important;
}


/* =========================================================
   EXCERPT
========================================================= */

.elementor-post__excerpt {
  margin: 0 0 21px !important;

  color: var(--sr-text) !important;

  font-family: var(--sr-font-primary);

  font-size: 14.5px !important;
  line-height: 1.7 !important;

  font-weight: 400;
}


.elementor-post__excerpt p {
  margin: 0 !important;
}


/* =========================================================
   READ MORE
========================================================= */

.elementor-post__read-more {
  position: relative;

  display: inline-flex !important;

  align-items: center;
  justify-content: flex-start;

  align-self: flex-start;

  gap: 9px;

  margin-top: auto !important;

  color: var(--sr-blue) !important;

  font-family: var(--sr-font-primary);

  font-size: 13px !important;

  font-weight: 750 !important;

  letter-spacing: 0.15px;

  text-decoration: none !important;

  transition:
    color 0.2s ease,
    gap 0.25s ease;
}


/* ARROW */

.elementor-post__read-more::after {
  content: "→";

  display: inline-flex;

  align-items: center;
  justify-content: center;

  font-size: 18px;

  line-height: 1;
}


.elementor-post__read-more:hover {
  gap: 13px;

  color: var(--sr-blue-dark) !important;
}


/* =========================================================
   SMALL BLUE ACCENT ABOVE CONTENT
========================================================= */

.elementor-post__text::before {
  content: "";

  position: absolute;

  top: 0;
  left: 25px;

  width: 38px;
  height: 3px;

  background: var(--sr-blue);

  border-radius: 0 0 4px 4px;
}


/* =========================================================
   PAGINATION
========================================================= */

.elementor-pagination {
  display: flex !important;

  justify-content: center;
  align-items: center;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 55px !important;
}


/* PAGE NUMBER */

.elementor-pagination .page-numbers {
  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  min-width: 42px;
  height: 42px;

  padding: 0 13px;

  background: var(--sr-white);

  border: 1px solid var(--sr-border);

  border-radius: 10px;

  color: var(--sr-heading) !important;

  font-family: var(--sr-font-primary);

  font-size: 13px;

  font-weight: 700;

  text-decoration: none !important;

  box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.02);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}


/* HOVER */

.elementor-pagination .page-numbers:hover {
  background: var(--sr-blue-soft);

  border-color: #c8dcf6;

  color: var(--sr-blue) !important;
}


/* CURRENT PAGE */

.elementor-pagination .page-numbers.current {
  background: var(--sr-blue);

  border-color: var(--sr-blue);

  color: var(--sr-white) !important;

  box-shadow:
    0 6px 15px rgba(19, 97, 204, 0.2);
}


/* PREVIOUS / NEXT */

.elementor-pagination .prev,
.elementor-pagination .next {
  width: auto;

  padding-left: 17px;
  padding-right: 17px;
}


/* =========================================================
   ARCHIVE HEADING
========================================================= */

.archive .page-header,
.blog .page-header {
  margin-bottom: 40px;
}


.archive .page-title,
.blog .page-title {
  margin: 0;

  color: var(--sr-heading);

  font-family: var(--sr-font-primary);

  font-size: clamp(34px, 4vw, 52px);

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -1.5px;
}


/* =========================================================
   REMOVE DEFAULT LINK STYLES
========================================================= */

.elementor-posts-container a {
  text-decoration: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .elementor-posts-container {
    gap: 24px !important;
  }


  .elementor-post__text {
    padding: 22px 21px 23px !important;
  }


  .elementor-post__text::before {
    left: 21px;
  }


  .elementor-post__title {
    font-size: 20px !important;
  }


  .elementor-post__excerpt {
    font-size: 14px !important;
  }

}


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

@media (max-width: 767px) {

  body.blog,
  body.archive {
    background: #ffffff;
  }


  .elementor-posts-container {
    gap: 24px !important;
  }


  .elementor-posts-container .elementor-post {
    border-radius: 15px;

    box-shadow:
      0 8px 25px rgba(25, 45, 75, 0.06);
  }


  /* NO CARD MOVEMENT ON MOBILE */

  .elementor-posts-container .elementor-post:hover {
    transform: none;
  }


  /* IMAGE */

  .elementor-post__thumbnail {
    padding-bottom: 64% !important;
  }


  /* KEEP IMAGE STATIC */

  .elementor-post__thumbnail img,
  .elementor-post:hover .elementor-post__thumbnail img {
    transform: none !important;
    transition: none !important;
  }


  /* CONTENT */

  .elementor-post__text {
    padding: 21px 18px 22px !important;
  }


  .elementor-post__text::before {
    left: 18px;

    width: 32px;
  }


  /* META */

  .elementor-post__meta-data {
    margin-bottom: 10px !important;

    font-size: 10px !important;
  }


  /* TITLE */

  .elementor-post__title {
    margin-bottom: 10px !important;

    font-size: 20px !important;

    line-height: 1.35 !important;

    letter-spacing: -0.25px;
  }


  /* EXCERPT */

  .elementor-post__excerpt {
    margin-bottom: 18px !important;

    font-size: 14px !important;

    line-height: 1.65 !important;
  }


  /* READ MORE */

  .elementor-post__read-more {
    font-size: 13px !important;
  }


  /* CATEGORY */

  .elementor-post__badge {
    top: 13px !important;
    left: 13px !important;

    padding: 6px 9px !important;

    font-size: 9px !important;
  }


  /* PAGINATION */

  .elementor-pagination {
    margin-top: 38px !important;

    gap: 6px;
  }


  .elementor-pagination .page-numbers {
    min-width: 38px;
    height: 38px;

    padding: 0 10px;

    border-radius: 8px;

    font-size: 12px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .elementor-post__thumbnail {
    padding-bottom: 68% !important;
  }


  .elementor-post__text {
    padding: 19px 16px 20px !important;
  }


  .elementor-post__text::before {
    left: 16px;
  }


  .elementor-post__title {
    font-size: 19px !important;
  }

}/* End custom CSS */