/**
 * Blog Archive Page CSS
 *
 * Extracted from production fastloanadvance.com Elementor templates:
 *   - Archive template: post-2923
 *   - Featured loop item: post-2935
 *   - Grid loop item: post-2918
 *
 * These styles replicate the exact Elementor output for pixel-perfect parity.
 * The Elementor kit CSS (elementor-kit.css) provides the global variables used here.
 */

/* ===== Base widget styles (nav-menu + pagination) ===== */

/* Nav menu: hover effect matching production toppro-sub-menu */
.blog-cat-item:hover {
  background-color: #E6E3DB;
}

/* Pagination base */
.elementor-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  text-decoration: none;
  transition: color 0.3s;
  cursor: default;
}

.elementor-pagination a.page-numbers {
  cursor: pointer;
}

.elementor-pagination a.page-numbers:hover {
  opacity: 0.8;
}

/* Screen reader only text */
.elementor-screen-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Loop grid layout */
.elementor-widget-loop-grid .elementor-loop-container.elementor-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
  gap: 20px;
}

/* ===== Archive Template 2923 ===== */

.elementor-2923 .elementor-element.elementor-element-9974534 {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --overflow: hidden;
  --padding-top: 70px;
  --padding-bottom: 80px;
  --padding-left: 20px;
  --padding-right: 20px;
}

.elementor-2923 .elementor-element.elementor-element-32ab376 {
  padding: 0px 0px 15px 0px;
  text-align: center;
}

.elementor-2923 .elementor-element.elementor-element-32ab376 .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-weight: 600;
}

.elementor-2923 .elementor-element.elementor-element-e193da5 {
  z-index: 0;
}

.elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item {
  color: #313131;
  fill: #313131;
}

.elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item:hover,
.elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item:focus {
  color: #313131;
  fill: #313131;
}

.elementor-2923 .elementor-element.elementor-element-1854a90 {
  --grid-columns: 1;
}

.elementor-2923 .elementor-element.elementor-element-1854a90 > .elementor-widget-container {
  margin: 20px 0px 0px 0px;
}

.elementor-2923 .elementor-element.elementor-element-e72e805 {
  --display: flex;
  --overflow: hidden;
  --padding-top: 80px;
  --padding-bottom: 80px;
  --padding-left: 20px;
  --padding-right: 20px;
}

.elementor-2923 .elementor-element.elementor-element-e72e805:not(.elementor-motion-effects-element-type-background),
.elementor-2923 .elementor-element.elementor-element-e72e805 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #FFFFFF;
}

.elementor-2923 .elementor-element.elementor-element-dcf0d51 {
  padding: 0px 0px 0px 0px;
}

.elementor-2923 .elementor-element.elementor-element-ad861dd {
  --grid-columns: 3;
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-loop-container {
  grid-auto-rows: 1fr;
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .e-loop-item > .e-con,
.elementor-2923 .elementor-element.elementor-element-ad861dd .e-loop-item > .elementor-section,
.elementor-2923 .elementor-element.elementor-element-ad861dd .e-loop-item > .elementor-section > .elementor-container {
  height: 100%;
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination {
  text-align: center;
  margin-top: 75px;
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination .page-numbers:not(.dots) {
  color: var(--e-global-color-1dfa5db);
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination a.page-numbers:hover {
  color: var(--e-global-color-primary);
}

.elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination .page-numbers.current {
  color: var(--e-global-color-e947f33);
}

body:not(.rtl) .elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination .page-numbers:not(:first-child) {
  margin-left: calc(10px / 2);
}

body:not(.rtl) .elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination .page-numbers:not(:last-child) {
  margin-right: calc(10px / 2);
}

/* CTA Banner section */
.elementor-2923 .elementor-element.elementor-element-ac03b87 {
  --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;
  --gap: 30px 30px;
  --row-gap: 30px;
  --column-gap: 30px;
  --padding-top: 80px;
  --padding-bottom: 80px;
  --padding-left: 20px;
  --padding-right: 20px;
}

.elementor-2923 .elementor-element.elementor-element-6b920a9 {
  --display: flex;
  --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;
  --align-items: flex-start;
  --border-radius: 20px 20px 20px 20px;
  --padding-top: 80px;
  --padding-bottom: 80px;
  --padding-left: 70px;
  --padding-right: 70px;
}

.elementor-2923 .elementor-element.elementor-element-6b920a9:not(.elementor-motion-effects-element-type-background),
.elementor-2923 .elementor-element.elementor-element-6b920a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-global-color-accent);
}

.elementor-2923 .elementor-element.elementor-element-aad843a .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-weight: 600;
  color: var(--e-global-color-e947f33);
}

.elementor-2923 .elementor-element.elementor-element-51a0172 {
  font-family: "Poppins", Sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.4em;
  color: #EDEDED;
}

.elementor-2923 .elementor-element.elementor-element-47be0d7 {
  --display: flex;
  --gap: 15px 15px;
  --row-gap: 15px;
  --column-gap: 15px;
  --margin-top: 15px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
}

.elementor-2923 .elementor-element.elementor-element-47be0d7.e-con {
  --align-self: center;
}

.elementor-2923 .elementor-element.elementor-element-d6d25b8 .elementor-button {
  background-color: var(--e-global-color-secondary);
  fill: var(--e-global-color-e947f33);
  color: var(--e-global-color-e947f33);
  border-radius: 50px;
  padding: 25px 30px;
}

.elementor-2923 .elementor-element.elementor-element-d6d25b8:hover {
  --e-transform-scale: 1.05;
}

.elementor-2923 .elementor-element.elementor-element-d6d25b8 .elementor-button:hover,
.elementor-2923 .elementor-element.elementor-element-d6d25b8 .elementor-button:focus {
  color: var(--e-global-color-e947f33);
}

.elementor-2923 .elementor-element.elementor-element-2edee57 {
  --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;
  --border-radius: 20px 20px 20px 20px;
}

.elementor-2923 .elementor-element.elementor-element-2edee57:not(.elementor-motion-effects-element-type-background),
.elementor-2923 .elementor-element.elementor-element-2edee57 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("https://www.fastloanadvance.com/wp-content/uploads/2025/07/Frame-1154731-1-1.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Custom pagination styling */
span.page-numbers.current {
  background-color: #7ABF2F !important;
  padding: 5px 20px;
  border-radius: 3px;
  color: #fff;
}

/* ===== Featured Loop Template 2935 ===== */

.elementor-2935 .elementor-element.elementor-element-86150ec {
  --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;
}

.elementor-2935 .elementor-element.elementor-element-527334a {
  --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;
  border-style: none;
  --border-style: none;
  --border-radius: 10px 10px 10px 10px;
  --padding-top: 15px;
  --padding-bottom: 15px;
  --padding-left: 15px;
  --padding-right: 15px;
}

.elementor-2935 .elementor-element.elementor-element-527334a:not(.elementor-motion-effects-element-type-background),
.elementor-2935 .elementor-element.elementor-element-527334a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-global-color-fba898c);
}

.elementor-2935 .elementor-element.elementor-element-527334a.e-con:hover {
  --e-con-transform-scale: 1.02;
}

.elementor-2935 .elementor-element.elementor-element-198e774 {
  --display: flex;
  --justify-content: center;
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --padding-right: 20px;
}

.elementor-2935 .elementor-element.elementor-element-d06c293 {
  padding: 12px 25px;
  border-style: solid;
  border-width: 2px;
  border-color: #363D4F52;
  border-radius: 50px;
}

.elementor-2935 .elementor-element.elementor-element-d06c293.elementor-element {
  --align-self: flex-start;
}

.elementor-2935 .elementor-element.elementor-element-393f8bf .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.elementor-2935 .elementor-element.elementor-element-91e6565 .elementor-button {
  background-color: #043D4600;
  font-family: "Poppins", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: underline;
  line-height: 20px;
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  padding: 0px;
}

.elementor-2935 .elementor-element.elementor-element-91e6565 .elementor-button:hover,
.elementor-2935 .elementor-element.elementor-element-91e6565 .elementor-button:focus {
  color: var(--e-global-color-secondary);
}

.elementor-2935 .elementor-element.elementor-element-86ab31c {
  --display: flex;
  --border-radius: 10px 10px 10px 10px;
}

.elementor-2935 .elementor-element.elementor-element-9af51e7 img {
  width: 100%;
  height: 345px;
  object-fit: cover;
  object-position: center center;
  border-radius: 10px;
}

/* ===== Grid Loop Template 2918 ===== */

.elementor-2918 .elementor-element.elementor-element-514cbea {
  --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;
  border-style: none;
  --border-style: none;
}

.elementor-2918 .elementor-element.elementor-element-514cbea:not(.elementor-motion-effects-element-type-background),
.elementor-2918 .elementor-element.elementor-element-514cbea > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #00000000;
}

.elementor-2918 .elementor-element.elementor-element-514cbea:hover {
  box-shadow: 0px 0px 10px 0px rgba(224, 224, 224, 0.5);
}

.elementor-2918 .elementor-element.elementor-element-221db3d {
  --display: flex;
  border-style: none;
  --border-style: none;
  --border-radius: 10px 10px 10px 10px;
  --padding-top: 15px;
  --padding-bottom: 15px;
  --padding-left: 15px;
  --padding-right: 15px;
}

.elementor-2918 .elementor-element.elementor-element-221db3d:not(.elementor-motion-effects-element-type-background),
.elementor-2918 .elementor-element.elementor-element-221db3d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #F4F4EA;
}

.elementor-2918 .elementor-element.elementor-element-221db3d.e-con:hover {
  --e-con-transform-scale: 1.02;
}

.elementor-2918 .elementor-element.elementor-element-221db3d:hover {
  box-shadow: 0px 0px 7px 0px rgba(224.4, 224.4, 224.4, 0.94);
}

.elementor-2918 .elementor-element.elementor-element-221db3d.e-con {
  --flex-grow: 1;
  --flex-shrink: 0;
}

.elementor-2918 .elementor-element.elementor-element-c9d82a4 img {
  width: 100%;
  height: 253px;
  object-fit: cover;
  object-position: center center;
  border-radius: 10px;
}

.elementor-2918 .elementor-element.elementor-element-37b15aa {
  padding: 10px 30px;
  border-style: solid;
  border-width: 2px;
  border-color: #363D4F6B;
  border-radius: 50px;
}

.elementor-2918 .elementor-element.elementor-element-37b15aa.elementor-element {
  --align-self: flex-start;
}

.elementor-2918 .elementor-element.elementor-element-bcc5507 .elementor-button {
  background-color: #043D4600;
  font-family: "Poppins", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: underline;
  line-height: 20px;
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  padding: 0px;
}

.elementor-2918 .elementor-element.elementor-element-bcc5507 {
  padding: 0px 0px 10px 0px;
}

.elementor-2918 .elementor-element.elementor-element-bcc5507 .elementor-button:hover,
.elementor-2918 .elementor-element.elementor-element-bcc5507 .elementor-button:focus {
  color: var(--e-global-color-secondary);
}

/* ===== Category badge sizing ===== */

/* Featured badge (2935) — production uses default body text size */
.elementor-2935 .elementor-element.elementor-element-d06c293 .elementor-heading-title {
  font-size: inherit;
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: 1.3em;
}

/* Grid badge (2918) — production uses default body text size */
.elementor-2918 .elementor-element.elementor-element-37b15aa .elementor-heading-title {
  font-size: inherit;
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: 1.3em;
}

/* ===== Shared Elementor widget styles ===== */

.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-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-button .elementor-button {
  background-color: var(--e-global-color-accent);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
}

.elementor-widget-nav-menu .elementor-nav-menu .elementor-item {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
  color: var(--e-global-color-text);
  fill: var(--e-global-color-text);
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
  color: var(--e-global-color-accent);
  fill: var(--e-global-color-accent);
}

.elementor-widget-loop-grid .elementor-pagination {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-secondary-font-weight);
}

/* ===== Responsive: <=1600px ===== */
@media (max-width: 1600px) {
  .elementor-2923 .elementor-element.elementor-element-9974534 {
    --padding-top: 100px;
    --padding-bottom: 100px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination {
    margin-top: 65px;
  }

  .elementor-2923 .elementor-element.elementor-element-ac03b87 {
    --padding-top: 0px;
    --padding-bottom: 100px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-6b920a9 {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 40px;
    --padding-right: 40px;
  }
}

/* ===== Responsive: <=1024px (tablet) ===== */
@media (max-width: 1024px) {
  .elementor-2923 .elementor-element.elementor-element-9974534 {
    --padding-top: 80px;
    --padding-bottom: 80px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-1854a90 {
    --grid-columns: 2;
  }

  .elementor-2923 .elementor-element.elementor-element-e72e805 {
    --padding-top: 60px;
    --padding-bottom: 60px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-ad861dd {
    --grid-columns: 2;
  }

  .elementor-2923 .elementor-element.elementor-element-ac03b87 {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-d6d25b8 .elementor-button {
    padding: 18px 30px;
  }

  .elementor-2935 .elementor-element.elementor-element-527334a {
    --flex-direction: column-reverse;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }

  .elementor-2935 .elementor-element.elementor-element-393f8bf .elementor-heading-title {
    font-size: 25px;
  }

  .elementor-2935 .elementor-element.elementor-element-86ab31c {
    --min-height: 350px;
  }

  .elementor-2935 .elementor-element.elementor-element-198e774 {
    --width: 100%;
  }

  .elementor-2935 .elementor-element.elementor-element-86ab31c {
    --width: 100%;
  }

  .elementor-2918 .elementor-element.elementor-element-c9d82a4 img {
    height: 220px;
  }
}

/* ===== Responsive: <=767px (mobile) ===== */
@media (max-width: 767px) {
  .elementor-2923 .elementor-element.elementor-element-9974534 {
    --padding-top: 60px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-32ab376 .elementor-heading-title {
    font-size: 28px;
  }

  .elementor-2923 .elementor-element.elementor-element-e193da5 .elementor-nav-menu--main .elementor-item {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .elementor-2923 .elementor-element.elementor-element-e193da5 {
    --e-nav-menu-horizontal-menu-item-margin: calc(0px / 2);
  }

  .elementor-2923 .elementor-element.elementor-element-1854a90 {
    --grid-columns: 1;
  }

  .elementor-2923 .elementor-element.elementor-element-ad861dd {
    --grid-columns: 1;
  }

  .elementor-2923 .elementor-element.elementor-element-ad861dd .elementor-pagination {
    margin-top: 50px;
  }

  .elementor-2923 .elementor-element.elementor-element-ac03b87 {
    --padding-top: 50px;
    --padding-bottom: 50px;
    --padding-left: 20px;
    --padding-right: 20px;
  }

  .elementor-2923 .elementor-element.elementor-element-aad843a .elementor-heading-title {
    font-size: 24px;
  }

  .elementor-2923 .elementor-element.elementor-element-2edee57 {
    --min-height: 350px;
  }

  .elementor-2935 .elementor-element.elementor-element-86150ec {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }

  .elementor-2935 .elementor-element.elementor-element-393f8bf .elementor-heading-title {
    font-size: 25px;
  }

  .elementor-2935 .elementor-element.elementor-element-86ab31c {
    --min-height: 300px;
  }

  .elementor-2918 .elementor-element.elementor-element-c9d82a4 img {
    height: 220px;
  }
}

/* ===== Desktop >=768px widths ===== */
@media (min-width: 768px) {
  .elementor-2935 .elementor-element.elementor-element-198e774 {
    --width: 60%;
  }

  .elementor-2935 .elementor-element.elementor-element-86ab31c {
    --width: 40%;
  }

  .elementor-2923 .elementor-element.elementor-element-6b920a9 {
    --width: 50%;
  }

  .elementor-2923 .elementor-element.elementor-element-47be0d7 {
    --width: 351px;
  }

  .elementor-2923 .elementor-element.elementor-element-2edee57 {
    --width: 50%;
  }
}

/* ===== Tablet override (1024-768) for featured card ===== */
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-2935 .elementor-element.elementor-element-198e774 {
    --width: 100%;
  }

  .elementor-2935 .elementor-element.elementor-element-86ab31c {
    --width: 100%;
  }

  .elementor-2923 .elementor-element.elementor-element-47be0d7 {
    --width: 100%;
  }
}