/**
Theme Name: Earth Prime
Author: Earth Prime
Author URI: https://earthprime.com
Description: Earth Prime chronicles \"Sliders\" with detailed episode breakdowns, critical reviews, exclusive interviews with producers, writers, and actors, an extensive script library for every episode, and so much more.
Version: 10.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: earth-prime
Template: astra
*/

.wp-caption-text {
  font-size: 0.8em;
  color: #6a200e;
  margin: 0.4em 0 0.8em 0 !important;
}

/* ---------- Headings spacing ---------- */
.elementor-element h1,
.elementor-element h2,
.elementor-element h3 {
  margin-bottom: 0.75rem !important;
}

.elementor-element h4,
.elementor-element h5,
.elementor-element h6 {
  margin-bottom: 0.5rem !important;
}

/* ---------- Remove margin on final paragraph ---------- */
.entry-content > p:last-of-type,
.elementor-widget-theme-post-content > p:last-of-type {
  margin-bottom: 0 !important;
}

/* ---------- Drop cap ---------- */
.has-dropcap::first-letter {
  float: left;
  font-size: 3.5rem;
  line-height: 0.85;
  font-weight: 700;
  margin: 0 .35rem 0 0;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .has-dropcap::first-letter {
    font-size: 2.6rem;
    margin-right: .3rem;
  }
}

/* ---------- Inline image (shortcode) ---------- */
/* Mobile-first defaults */
.inline-image__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
  padding: 0;
  float: none;
  box-shadow: none;
}

/* Tablet & Desktop (≥769px) */
@media (min-width: 769px) {
  .inline-image__img.alignright {
    float: right;
    margin: 0 0 1rem 2rem;
    max-width: 40%;
  }
  .inline-image__img.alignleft {
    float: left;
    margin: 0 2rem 1rem 0;
    max-width: 40%;
  }
  .inline-image__img.aligncenter {
    display: block;
    margin: 1.5rem auto;
  }

  .inline-image__img.alignleft,
  .inline-image__img.alignright,
  .inline-image__img.aligncenter {
    box-shadow: 10px 10px 0 0 #6ec1e4;
  }
}

/* Mobile (≤768px): remove floats, keep stacked layout */
@media (max-width: 768px) {
  .inline-image__img.alignright,
  .inline-image__img.alignleft {
    float: none !important;
    display: block !important;
    margin: 1.25rem 0 !important;
    max-width: 100%;
  }

  .inline-image__img.aligncenter {
    margin: 1.5rem auto;
  }
}


/* Make each loop item card fill its grid cell */
.e-loop-item { height: 100%; }

/* Ensure the outer card container is a column flex wrapper that stretches */
.e-loop-item > .e-con {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Grow the description (title + excerpt) to equalize heights */
.e-loop-item .comic-description { flex: 1 1 auto; }

/* The footer (button container) should not grow */
.e-loop-item .comic-footer { flex: 0 0 auto; } /* optional class if you add one */


/* Restore Elementor Native Post Navigation Styling Globally */

.elementor-post-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.5em 0;
    font-family: "Jost", sans-serif;
}

.elementor-post-navigation__prev,
.elementor-post-navigation__next {
    display: flex;
    align-items: center;
    max-width: 45%;
    overflow: hidden;
}

.elementor-post-navigation__prev a,
.elementor-post-navigation__next a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

/* Label */
.post-navigation__prev--label,
.post-navigation__next--label {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* Title */
.post-navigation__prev--title,
.post-navigation__next--title {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* Arrow Icons */
.post-navigation__arrow-wrapper i {
    font-size: 1.3em;
    font-weight: 900;
    color: inherit;
    display: inline-flex;
}

/* Spacing — mirror layout */
.post-navigation__arrow-prev {
    margin-right: 0.5em;
}

.post-navigation__arrow-next {
    margin-left: 0.5em;
}

/* Separator */
.elementor-post-navigation__separator-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
}

.elementor-post-navigation__separator {
    width: 1px;
    height: 24px;
    background-color: currentColor;
    opacity: 0.3;
}

 /* Colors */
.elementor-post-navigation a { color: rgb(1,112,185); text-decoration:none; }
.elementor-post-navigation a:hover { color: rgb(249,195,73); }
.post-navigation__arrow-wrapper i { color: rgb(213,216,220); }
.elementor-post-navigation a:hover .post-navigation__arrow-wrapper i { color: rgb(249,195,73); }

/* Alignment */
.elementor-post-navigation__prev { justify-content:flex-start; text-align:left; }
.elementor-post-navigation__next { justify-content:flex-end; text-align:right; }
.elementor-post-navigation__prev a,
.elementor-post-navigation__next a { display:flex; align-items:center; }

/* Ensure label over title (line break) */
.post-navigation__prev--label,
.post-navigation__next--label,
.post-navigation__prev--title,
.post-navigation__next--title { display:block; }


/* Travelogue on Episode Capsules */
/* Base (mobile): stacked */
.world-card {
  display: block;
  margin-bottom: 1rem;
}

.world-card__media {
  margin-bottom: 1rem; /* ← Add it here */
}

.world-card__media img {
  width: 100%;
  height: auto;
  display: block;
}

/* Tablet and up */
@media (min-width: 768px) {

  .world-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }

  .world-card__media {
    flex: 0 0 300px;
    margin-bottom: 0; /* remove stacked spacing */
  }

  .world-card__body {
    flex: 1;
  }
}