/* COLOMBIA PHOTO EXPEDITIONS
   BLOG & CATEGORY ARCHIVES — V1
   Does not alter individual post pages.
*/

body.blog,
body.category {
  --cpe-forest: #1c4033;
  --cpe-ink: #29392f;
  --cpe-muted: #65736a;
  --cpe-line: #e1e8df;
}

/* Archive headings */
body.blog .page-title,
body.category .page-title,
body.category .archive-title {
  font-family: Georgia, serif;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 400;
  line-height: 1.15;
  color: #1c4033;
  letter-spacing: -0.8px;
  margin-bottom: 25px;
}

/* Post preview structure */
body.blog article,
body.category article {
  border-bottom: 1px solid #e1e8df;
  margin-bottom: 46px;
  padding-bottom: 36px;
}

/* Editorial article titles */
body.blog article .entry-title,
body.category article .entry-title {
  font-family: Georgia, serif;
  font-size: clamp(24px, 2.6vw, 34px);
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.4px;
}

body.blog article .entry-title a,
body.category article .entry-title a {
  color: #1c4033;
  text-decoration: none;
}

body.blog article .entry-title a:hover,
body.category article .entry-title a:hover {
  color: #8c704a;
}

/* Featured photographs */
body.blog article img.wp-post-image,
body.category article img.wp-post-image {
  width: 100%;
  height: auto;
  border-radius: 7px;
  display: block;
}

/* Date and metadata */
body.blog article .entry-meta,
body.category article .entry-meta {
  font-size: 12px;
  color: #65736a;
  letter-spacing: 0.2px;
}

/* Excerpts */
body.blog article .entry-summary,
body.category article .entry-summary {
  font-size: 16px;
  line-height: 1.8;
  color: #536359;
}

/* Pagination */
body.blog .page-numbers,
body.category .page-numbers {
  border-radius: 5px;
}

body.blog .page-numbers.current,
body.category .page-numbers.current {
  background: #1c4033;
  color: #fff;
}

/* Mobile refinements */
@media(max-width: 767px) {
  body.blog article,
  body.category article {
    margin-bottom: 30px;
    padding-bottom: 25px;
  }
}


/* ==================================================
   COLOMBIA PHOTO EXPEDITIONS
   CINEMATIC INTERIOR PAGES — V1.0

   Applies to regular WordPress Pages.
   Preserves homepage, blog archive, site navigation
   and theme featured-image headers.
   ================================================== */

body.page:not(.home) {
  --cpe-forest: #193e32;
  --cpe-earth: #98784c;
  --cpe-ink: #29382e;
  --cpe-muted: #617066;
  --cpe-line: #e3e9e1;
  --cpe-ivory: #fafaf7;
}

/* WIDER EDITORIAL READING AREA */

body.page:not(.home) .entry-content {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  color: var(--cpe-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.85;
}

/* KEEP STANDARD PAGES FREE OF SIDEBARS */

body.page:not(.home) .widget-area,
body.page:not(.home) #secondary,
body.page:not(.home) aside.sidebar,
body.page:not(.home) .sidebar-primary {
  display: none !important;
}

body.page:not(.home) .content-area,
body.page:not(.home) #primary {
  width: 100%;
  max-width: 1180px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* ELEGANT PAGE TITLES */

body.page:not(.home) .entry-header .entry-title,
body.page:not(.home) .page-header .page-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -1px;
  color: var(--cpe-forest);
}

/* TYPOGRAPHY */

body.page:not(.home) .entry-content h2,
body.page:not(.home) .entry-content h3,
body.page:not(.home) .entry-content h4 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--cpe-forest);
  line-height: 1.25;
  letter-spacing: -.5px;
}

body.page:not(.home) .entry-content h2 {
  font-size: clamp(29px, 3.6vw, 43px);
  margin-top: 65px;
  margin-bottom: 22px;
}

body.page:not(.home) .entry-content h3 {
  font-size: clamp(24px, 2.8vw, 32px);
  margin-top: 42px;
  margin-bottom: 16px;
}

body.page:not(.home) .entry-content h4 {
  font-size: clamp(20px, 2.3vw, 26px);
  margin-top: 32px;
  margin-bottom: 15px;
}

body.page:not(.home) .entry-content h5 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.65;
  color: var(--cpe-ink);
}

/* PARAGRAPHS */

body.page:not(.home) .entry-content p {
  margin-bottom: 25px;
}

body.page:not(.home) .entry-content > p:first-of-type {
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.8;
}

/* LINKS */

body.page:not(.home) .entry-content a {
  color: var(--cpe-forest);
  text-decoration-color: #a0b4a6;
  text-underline-offset: 4px;
  transition: color .2s ease;
}

body.page:not(.home) .entry-content a:hover {
  color: var(--cpe-earth);
}

/* CINEMATIC PHOTOGRAPHY */

body.page:not(.home) .entry-content figure.wp-block-image,
body.page:not(.home) .entry-content figure.wp-block-gallery {
  margin-top: 35px;
  margin-bottom: 42px;
}

body.page:not(.home) .entry-content figure.wp-block-image img,
body.page:not(.home) .entry-content .wp-block-gallery img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

body.page:not(.home) .entry-content img.aligncenter {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 30px auto;
  border-radius: 5px;
}

/* FEATURED IMAGES INSIDE STANDARD CONTENT */

body.page:not(.home) .entry-content .wp-block-cover {
  min-height: 420px;
  border-radius: 6px;
  overflow: hidden;
}

body.page:not(.home) .entry-content .wp-block-cover h2,
body.page:not(.home) .entry-content .wp-block-cover h3,
body.page:not(.home) .entry-content .wp-block-cover p {
  color: inherit;
}

/* PHOTOGRAPH CAPTIONS */

body.page:not(.home) .entry-content figcaption,
body.page:not(.home) .entry-content .wp-caption-text {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--cpe-muted);
  margin-top: 11px;
  text-align: center;
}

/* ITINERARIES AND BULLET LISTS */

body.page:not(.home) .entry-content ul,
body.page:not(.home) .entry-content ol {
  padding-left: 28px;
  margin-bottom: 30px;
}

body.page:not(.home) .entry-content li {
  padding-left: 5px;
  margin-bottom: 11px;
  line-height: 1.7;
}

body.page:not(.home) .entry-content li::marker {
  color: var(--cpe-earth);
}

/* EDITORIAL QUOTATIONS */

body.page:not(.home) .entry-content blockquote,
body.page:not(.home) .entry-content .wp-block-quote {
  margin: 45px 0;
  padding: 22px 30px;
  border-left: 3px solid var(--cpe-earth);
  background: var(--cpe-ivory);
  font-size: 21px;
  font-style: italic;
  line-height: 1.7;
  color: var(--cpe-forest);
}

/* BUTTONS */

body.page:not(.home) .entry-content .wp-block-button__link,
body.page:not(.home) .entry-content .wp-element-button {
  display: inline-block;
  background: var(--cpe-forest);
  color: #fff !important;
  border: 1px solid var(--cpe-forest);
  border-radius: 4px;
  padding: 14px 25px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-decoration: none;
  transition: background .2s ease;
}

body.page:not(.home) .entry-content .wp-block-button__link:hover,
body.page:not(.home) .entry-content .wp-element-button:hover {
  background: #315c49;
  color: #fff !important;
}

/* TABLES */

body.page:not(.home) .entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.6;
}

body.page:not(.home) .entry-content th {
  background: var(--cpe-forest);
  color: #fff;
  padding: 14px;
  text-align: left;
}

body.page:not(.home) .entry-content td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--cpe-line);
}

/* VIDEO AND EMBEDS */

body.page:not(.home) .entry-content .wp-block-embed iframe {
  max-width: 100%;
  border-radius: 6px;
}

/* SECTION SEPARATORS */

body.page:not(.home) .entry-content hr {
  border: 0;
  height: 1px;
  background: var(--cpe-line);
  margin: 50px auto;
}

/* MOBILE */

@media (max-width: 767px) {
  body.page:not(.home) .entry-content {
    font-size: 16px;
    line-height: 1.75;
  }

  body.page:not(.home) .entry-content h2 {
    margin-top: 40px;
  }

  body.page:not(.home) .entry-content figure.wp-block-image {
    margin: 24px 0;
  }

  body.page:not(.home) .entry-content .wp-block-cover {
    min-height: 280px;
  }

  body.page:not(.home) .entry-content blockquote {
    padding: 18px 20px;
    font-size: 18px;
  }

  body.page:not(.home) .entry-content table {
    font-size: 13px;
  }
}