/*
Theme Name: ATDT GP Urtavlan
Theme URI: https://www.urtavlan.se
Description: Barntema till GeneratePress för urtavlan.se. Praktisk, modern tillbehörs-identitet.
Author: Redaktionen
Template: generatepress
Version: 1.0.0
*/

:root{
  --ut-bg:#f6f5f2;
  --ut-ink:#1f2421;
  --ut-muted:#5f6b64;
  --ut-green:#2f6f5e;
  --ut-green-dark:#235445;
  --ut-line:#e3e1da;
}

body{
  background:var(--ut-bg);
  color:var(--ut-ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:18px;
  line-height:1.7;
}

h1,h2,h3,h4,.site-title{
  font-family:"Space Grotesk","Inter",sans-serif;
  color:var(--ut-ink);
  letter-spacing:-.01em;
  line-height:1.2;
}
.entry-content h2{font-size:1.55rem;margin:2.3rem 0 .7rem;padding-bottom:.3rem;border-bottom:2px solid var(--ut-line)}
.entry-content h3{font-size:1.2rem;margin:1.6rem 0 .5rem;color:var(--ut-green-dark)}
.entry-title{font-size:2.1rem;line-height:1.18}

a{color:var(--ut-green-dark);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--ut-ink)}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--ut-line)}
.site-title a{font-weight:600;letter-spacing:.01em}
.site-description{color:var(--ut-muted)}

/* Navigation */
.main-navigation{background:var(--ut-green)}
.main-navigation .main-nav ul li a{
  color:#eef3f1;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:500;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{color:#fff;background:var(--ut-green-dark)}

/* Intro */
.entry-content .intro{
  font-size:1.16rem;line-height:1.55;color:var(--ut-muted);
  border-left:3px solid var(--ut-green);padding-left:1.1rem;margin-bottom:1.7rem;
}

/* Body */
.entry-content p{margin:0 0 1.1rem}
.entry-content ul{margin:0 0 1.3rem;padding-left:1.2rem}
.entry-content li{margin-bottom:.45rem}
.entry-content strong{color:var(--ut-ink)}
.entry-content ul li strong{color:var(--ut-green-dark)}

/* Figurer + kredit */
.entry-content figure{margin:1.6rem 0}
.entry-content figcaption,.wp-caption-text,.atdt-credit{
  font-size:.8rem;color:var(--ut-muted);font-style:italic;margin-top:.4rem;text-align:left;display:block
}
.featured-hero{margin:0 0 1.6rem}
.featured-hero img{width:100%;height:auto;display:block;border-radius:4px}

/* Footer */
.site-footer{background:var(--ut-ink);color:#c7cfca}
.site-footer a{color:#dce6e1}
.site-info{font-size:.85rem}

.entry-content blockquote{border-left:3px solid var(--ut-green);color:var(--ut-muted);font-style:italic}