/* =========================================
   GLOBAL TYPOGRAPHY RESET (TIMES NEW ROMAN)
   ========================================= */

/* Base font for entire site */
body {
  font-family: "Times New Roman", Times, serif;
  font-size: 0.92rem; /* ~11pt equivalent */
  line-height: 1.7;
  color: #111;
}

/* Ensure ALL content inherits properly */
p, li, blockquote, span, div {
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
}

/* Headings (slightly larger but same font family) */
h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  line-height: 1.3;
}

/* =========================================
   LINKS — SAME SIZE AS BODY TEXT
   ========================================= */

a {
  font-family: "Times New Roman", Times, serif;
  font-size: 1em; /* IMPORTANT: same size as surrounding text */
  color: #444;
  text-decoration: none;
  border-bottom: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}

a:hover,
a:focus {
  color: #000;
  opacity: 0.85;
}

/* =========================================
   BOOKS PAGE — KEEP CONSISTENT
   ========================================= */

.dt-books-page {
  font-size: 0.92rem;
}

.dt-books-page a {
  font-size: 1em; /* match body exactly */
}

/* =========================================
   POSTS + PAGES CONTENT AREA
   ========================================= */

.entry-content,
.post-content,
.wp-block-post-content {
  font-size: 0.92rem;
}

.entry-content a,
.post-content a,
.wp-block-post-content a {
  font-size: 1em;
}

/* =========================================
   META TEXT (slightly smaller but controlled)
   ========================================= */

.dt-book-meta,
.dt-entry-meta,
.entry-meta,
.post-meta {
  font-size: 0.85rem;
  color: #666;
}
/* =========================================
   FORCE TIMES NEW ROMAN SITE-WIDE
   ========================================= */

html, body,
.page, .single, .post,
.entry-content, .post-content, .wp-block-post-content,
.site, .site-content, .content-area {
  font-family: "Times New Roman", Times, serif !important;
}

/* Force all text elements */
p, li, span, div, blockquote {
  font-family: "Times New Roman", Times, serif !important;
}


/* =========================================
   FIX ABOUT PAGE SPECIFICALLY
   ========================================= */

.page-id-XXX,
.page-id-XXX * {
  font-family: "Times New Roman", Times, serif !important;
}
/* =========================================
   COLORED LINKS (ACADEMIC STYLE)
   ========================================= */

a {
  color: #2a5db0; /* classic academic blue */
  text-decoration: none;
}

a:hover,
a:focus {
  color: #1a3f80;
  text-decoration: underline;
}

/* Keep consistency inside content areas */
.entry-content a,
.post-content a,
.wp-block-post-content a,
.dt-books-page a {
  color: #2a5db0;
}

.entry-content a:hover,
.post-content a:hover,
.wp-block-post-content a:hover,
.dt-books-page a:hover {
  color: #1a3f80;
}
/* =========================================
   MUSCAT THEME — FORCE TIMES NEW ROMAN
   ========================================= */

/* Override Muscat's typography system */
body,
body * {
  font-family: "Times New Roman", Times, serif !important;
}

/* Specifically target Muscat content wrappers */
.site,
.site-content,
.content-area,
.site-main,
.main-content,
.entry-content,
.post-content,
.page-content,
.wp-block-post-content {
  font-family: "Times New Roman", Times, serif !important;
}

/* Headings (Muscat often overrides these separately) */
h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif !important;
  font-weight: 600;
}

/* Navigation + header */
.site-header,
.site-header *,
.main-navigation,
.main-navigation a {
  font-family: "Times New Roman", Times, serif !important;
}


/* =========================================
   ABOUT PAGE HARD OVERRIDE (MUSCAT SAFE)
   ========================================= */

/* Replace 123 with your actual About page ID */
.page-id-464,
.page-id-464 * {
  font-family: "Times New Roman", Times, serif !important;
}


/* =========================================
   LINKS — COLORED, ACADEMIC STYLE
   ========================================= */

a {
  color: #2a5db0 !important;
  text-decoration: none;
  font-size: 1em !important; /* ensures no size mismatch */
}

a:hover,
a:focus {
  color: #1a3f80 !important;
  text-decoration: underline;
}

/* Content-specific links */
.entry-content a,
.post-content a,
.wp-block-post-content a {
  color: #2a5db0 !important;
}

.entry-content a:hover,
.post-content a:hover,
.wp-block-post-content a:hover {
  color: #1a3f80 !important;
}


/* =========================================
   ENSURE CONSISTENT BODY SIZE (~11pt)
   ========================================= */

body {
  font-size: 0.92rem;
  line-height: 1.7;
}

/* Prevent link size shrinking anywhere */
a {
  font-size: 1em !important;
}
.page-id-464
/* =========================================
   HYBRID TYPOGRAPHY FOR MUSCAT
   Body/content = Times New Roman
   Navigation/UI = sans-serif
   ========================================= */

/* -----------------------------------------
   BODY + CONTENT AREAS = SERIF
----------------------------------------- */

body,
.entry-content,
.post-content,
.page-content,
.wp-block-post-content,
.site-main,
.single-post .entry-content,
.page .entry-content {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 0.92rem;
  line-height: 1.7;
  color: #111;
}

/* Standard reading elements */
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content span,
.entry-content div,
.post-content p,
.post-content li,
.post-content blockquote,
.post-content span,
.post-content div,
.page-content p,
.page-content li,
.page-content blockquote,
.page-content span,
.page-content div,
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content blockquote,
.wp-block-post-content span,
.wp-block-post-content div {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 1em;
}

/* -----------------------------------------
   ABOUT PAGE HARD OVERRIDE
   Replace 123 with your real About page ID
----------------------------------------- */

.page-id-464,
.page-id-464 .entry-content,
.page-id-464 .entry-content *,
.page-id-464 .post-content,
.page-id-464 .post-content *,
.page-id-464 .wp-block-post-content,
.page-id-464 .wp-block-post-content * {
  font-family: "Times New Roman", Times, serif !important;
}

/* -----------------------------------------
   HEADINGS = SERIF
----------------------------------------- */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4,
.wp-block-post-content h5,
.wp-block-post-content h6 {
  font-family: "Times New Roman", Times, serif !important;
  font-weight: 600;
  line-height: 1.3;
  color: #111;
}

/* -----------------------------------------
   NAVIGATION / HEADER / BUTTONS = SANS-SERIF
   Muscat will usually keep its native sans here
----------------------------------------- */

.site-header,
.site-header *,
.main-navigation,
.main-navigation *,
.menu,
.menu *,
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
.button,
.btn {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* -----------------------------------------
   LINKS IN CONTENT = COLORED, SAME SIZE
----------------------------------------- */

.entry-content a,
.post-content a,
.page-content a,
.wp-block-post-content a,
.page-id-464 a,
.single-post a {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 1em !important;
  color: #2a5db0 !important;
  text-decoration: none;
  border-bottom: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.entry-content a:hover,
.post-content a:hover,
.page-content a:hover,
.wp-block-post-content a:hover,
.page-id-464 a:hover,
.single-post a:hover,
.entry-content a:focus,
.post-content a:focus,
.page-content a:focus,
.wp-block-post-content a:focus,
.page-id-464 a:focus,
.single-post a:focus {
  color: #1a3f80 !important;
  text-decoration: underline;
}

/* -----------------------------------------
   META / CAPTIONS / SMALL TEXT
----------------------------------------- */

.entry-meta,
.post-meta,
.wp-block-post-date,
.wp-block-post-author,
figcaption,
.caption,
small {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.82rem;
  color: #666;
}

/* -----------------------------------------
   BLOCKQUOTES
----------------------------------------- */

.entry-content blockquote,
.post-content blockquote,
.page-content blockquote,
.wp-block-post-content blockquote {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 1rem;
  color: #444;
  border-left: 2px solid #d8d2c8;
  margin: 1.5rem 0;
  padding-left: 1rem;
  font-style: italic;
}

/* -----------------------------------------
   OPTIONAL: REFINED READING WIDTH
----------------------------------------- */

.entry-content,
.post-content,
.page-content,
.wp-block-post-content {
  max-width: 760px;
}
/* =========================================
   ABOUT PAGE HEADSHOT — FLOAT + WRAP
   ========================================= */

/* Target images inside About page content */
.page-id-464 .entry-content img {
  float: left;
  width: 180px;           /* controls size */
  max-width: 40%;
  height: auto;
  margin: 0 1.5rem 1rem 0;
  border-radius: 6px;
}

/* Ensure text wraps nicely */
.page-id-464 .entry-content p {
  text-align: left;
}

/* Clear float at end to avoid layout issues */
.page-id-464 .entry-content::after {
  content: "";
  display: block;
  clear: both;
}

/* Mobile fix */
@media (max-width: 640px) {
  .page-id-464 .entry-content img {
    float: none;
    display: block;
    margin: 0 auto 1rem;
    width: 60%;
  }
}
