.elementor-3364 .elementor-element.elementor-element-6f8440a{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-3364 .elementor-element.elementor-element-daf6e92{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3364 .elementor-element.elementor-element-daf6e92:after{content:"0.66";}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-post__thumbnail__link{width:100%;}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-post__card{border-radius:24px;}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-post__text{margin-top:20px;}@media(max-width:767px){.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3364 .elementor-element.elementor-element-daf6e92:after{content:"0.5";}.elementor-3364 .elementor-element.elementor-element-daf6e92 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* =========================================================
   FTW-ARMS BLOG ARCHIVE / LATEST UPDATES TEMPLATE
   Full replacement CSS

   Main container class:
   .ftw-blog-archive

   Posts widget class:
   .ftw-posts-grid
========================================================= */

/* =========================================================
   PAGE BASE
========================================================= */

.ftw-blog-archive {
  background:
    radial-gradient(circle at 78% 8%, rgba(255,213,30,0.10), transparent 30%),
    linear-gradient(180deg, #050000 0%, #090303 58%, #050000 100%) !important;
  color: #ffffff !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

/* Remove editor-looking outlines on live page if theme/widget creates them */
.ftw-blog-archive * {
  box-sizing: border-box !important;
}

/* =========================================================
   HERO
========================================================= */

.ftw-archive-hero {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding: 10px 0 10px !important;
}

.ftw-archive-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto 14px !important;
  background: rgba(255,213,30,0.12) !important;
  color: #ffd51e !important;
  border: 1px solid rgba(255,213,30,0.48) !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
}

.ftw-archive-hero h1 {
  color: #ffffff !important;
  font-size: clamp(3rem, 7vw, 7.5rem) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.065em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  margin: 0 auto 18px !important;
  text-wrap: balance !important;
}

.ftw-archive-hero p {
  color: #d8d8d8 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: clamp(1rem, 1.5vw, 1.22rem) !important;
  line-height: 1.5 !important;
  font-weight: 560 !important;
  text-wrap: balance !important;
}

/* =========================================================
   POSTS WIDGET WRAPPER
========================================================= */

.ftw-posts-grid {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

/* Grid gap */
.ftw-posts-grid .elementor-posts-container,
.ftw-posts-grid .elementor-posts,
.ftw-posts-grid .elementor-grid {
  gap: 26px !important;
}

/* =========================================================
   POST CARD BASE
========================================================= */

.ftw-posts-grid article.elementor-post,
.ftw-posts-grid .elementor-post,
.ftw-posts-grid .elementor-post__card,
.ftw-posts-grid .e-loop-item {
  position: relative !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(255,213,30,0.38) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,0.38),
    inset 0 0 0 1px rgba(255,255,255,0.72) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease !important;
}

.ftw-posts-grid article.elementor-post:hover,
.ftw-posts-grid .elementor-post:hover,
.ftw-posts-grid .elementor-post__card:hover,
.ftw-posts-grid .e-loop-item:hover {
  transform: translateY(-5px) !important;
  border-color: #ffd51e !important;
  box-shadow:
    0 30px 76px rgba(0,0,0,0.52),
    0 0 0 3px rgba(255,213,30,0.12),
    inset 0 0 0 1px rgba(255,255,255,0.72) !important;
}

/* =========================================================
   KILL THE GIANT AUTHOR AVATAR
========================================================= */

.ftw-posts-grid .elementor-post__avatar,
.ftw-posts-grid .elementor-post__avatar img,
.ftw-posts-grid .elementor-post-avatar,
.ftw-posts-grid .elementor-post-avatar img,
.ftw-posts-grid .avatar,
.ftw-posts-grid img.avatar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Remove spacing Elementor reserves for avatar */
.ftw-posts-grid .elementor-post__card .elementor-post__avatar {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   FEATURED IMAGE FIX
========================================================= */

/* Image link/wrapper */
.ftw-posts-grid .elementor-post__thumbnail__link {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #111111 !important;
  border-radius: 24px 24px 0 0 !important;
}

/* Elementor thumbnail wrapper */
.ftw-posts-grid .elementor-post__thumbnail,
.ftw-posts-grid .elementor-post__card .elementor-post__thumbnail {
  position: relative !important;
  width: 100% !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #111111 !important;
  border-radius: 24px 24px 0 0 !important;
}

/* Featured image itself */
.ftw-posts-grid .elementor-post__thumbnail img,
.ftw-posts-grid article.elementor-post img:not(.avatar),
.ftw-posts-grid .elementor-post__card img:not(.avatar) {
  position: static !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 0 !important;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease !important;
}

/* Fix Elementor absolute image behavior */
.ftw-posts-grid .elementor-post__thumbnail img {
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* Image hover */
.ftw-posts-grid article.elementor-post:hover .elementor-post__thumbnail img,
.ftw-posts-grid .elementor-post__card:hover .elementor-post__thumbnail img {
  transform: scale(1.055) !important;
  opacity: 0.94 !important;
}

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

.ftw-posts-grid .elementor-post__badge {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 5 !important;
  background: #ffd51e !important;
  color: #050505 !important;
  border: 1px solid #ffd51e !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.055em !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.28) !important;
}

/* =========================================================
   CARD TEXT AREA
========================================================= */

.ftw-posts-grid .elementor-post__text,
.ftw-posts-grid .elementor-post__card .elementor-post__text {
  background: #ffffff !important;
  color: #111111 !important;
  padding: 24px 24px 26px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

/* Title */
.ftw-posts-grid .elementor-post__title {
  margin: 0 !important;
}

.ftw-posts-grid .elementor-post__title,
.ftw-posts-grid .elementor-post__title a {
  color: #111111 !important;
  font-size: clamp(1.28rem, 1.8vw, 1.72rem) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.ftw-posts-grid .elementor-post__title a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #ffd51e !important;
  text-decoration-thickness: 4px !important;
  text-underline-offset: 5px !important;
}

/* Excerpt */
.ftw-posts-grid .elementor-post__excerpt,
.ftw-posts-grid .elementor-post__excerpt p {
  color: #333333 !important;
  font-size: 0.96rem !important;
  line-height: 1.5 !important;
  font-weight: 560 !important;
  margin: 0 !important;
}

/* Read more button */
.ftw-posts-grid .elementor-post__read-more,
.ftw-posts-grid a.elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  background: #ffd51e !important;
  color: #050505 !important;
  border: 1px solid #ffd51e !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  margin-top: 8px !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
  text-decoration: none !important;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.ftw-posts-grid .elementor-post__read-more:hover,
.ftw-posts-grid a.elementor-post__read-more:hover {
  background: #050505 !important;
  color: #ffd51e !important;
  border-color: #050505 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.22) !important;
}

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

.ftw-posts-grid .elementor-post__meta-data {
  background: #ffffff !important;
  color: #555555 !important;
  border-top: 1px solid #e4e4e4 !important;
  padding: 15px 24px !important;
  margin: 0 !important;
}

.ftw-posts-grid .elementor-post__meta-data,
.ftw-posts-grid .elementor-post__meta-data span,
.ftw-posts-grid .elementor-post-info,
.ftw-posts-grid .elementor-post-info__item {
  color: #555555 !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

/* Hide comments meta if Elementor still outputs it */
.ftw-posts-grid .elementor-post__comments,
.ftw-posts-grid .elementor-post-info__item--type-comments {
  display: none !important;
}

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

.ftw-posts-grid .elementor-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 42px !important;
}

.ftw-posts-grid .elementor-pagination a,
.ftw-posts-grid .elementor-pagination span {
  min-width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,213,30,0.38) !important;
  border-radius: 999px !important;
  padding: 0 14px !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.ftw-posts-grid .elementor-pagination a:hover,
.ftw-posts-grid .elementor-pagination .current {
  background: #ffd51e !important;
  color: #050505 !important;
  border-color: #ffd51e !important;
}

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

@media (max-width: 1024px) {
  .ftw-posts-grid {
    max-width: 920px !important;
  }

  .ftw-posts-grid .elementor-post__thumbnail__link,
  .ftw-posts-grid .elementor-post__thumbnail,
  .ftw-posts-grid .elementor-post__thumbnail img,
  .ftw-posts-grid article.elementor-post img:not(.avatar),
  .ftw-posts-grid .elementor-post__card img:not(.avatar) {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

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

@media (max-width: 767px) {
  .ftw-archive-hero {
    padding: 0 !important;
  }

  .ftw-archive-kicker {
    font-size: 0.68rem !important;
    padding: 8px 11px !important;
    margin-bottom: 12px !important;
  }

  .ftw-archive-hero h1 {
    font-size: clamp(2.8rem, 15vw, 4.6rem) !important;
    letter-spacing: -0.07em !important;
    margin-bottom: 14px !important;
  }

  .ftw-archive-hero p {
    font-size: 0.96rem !important;
  }

  .ftw-posts-grid {
    max-width: 100% !important;
  }

  .ftw-posts-grid .elementor-posts-container,
  .ftw-posts-grid .elementor-posts,
  .ftw-posts-grid .elementor-grid {
    gap: 20px !important;
  }

  .ftw-posts-grid article.elementor-post,
  .ftw-posts-grid .elementor-post,
  .ftw-posts-grid .elementor-post__card,
  .ftw-posts-grid .e-loop-item {
    border-radius: 20px !important;
  }

  .ftw-posts-grid .elementor-post__thumbnail__link,
  .ftw-posts-grid .elementor-post__thumbnail,
  .ftw-posts-grid .elementor-post__thumbnail img,
  .ftw-posts-grid article.elementor-post img:not(.avatar),
  .ftw-posts-grid .elementor-post__card img:not(.avatar) {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
  }

  .ftw-posts-grid .elementor-post__text,
  .ftw-posts-grid .elementor-post__card .elementor-post__text {
    padding: 19px 18px 21px !important;
  }

  .ftw-posts-grid .elementor-post__meta-data {
    padding: 14px 18px !important;
  }

  .ftw-posts-grid .elementor-post__title,
  .ftw-posts-grid .elementor-post__title a {
    font-size: 1.28rem !important;
  }

  .ftw-posts-grid .elementor-post__excerpt,
  .ftw-posts-grid .elementor-post__excerpt p {
    font-size: 0.93rem !important;
  }

  .ftw-posts-grid .elementor-post__badge {
    top: 16px !important;
    right: 16px !important;
  }
}/* End custom CSS */