/*
Theme Name: Bildeveggen
Theme URI: https://rammer.nu/
Description: Inspirasjonsside om bildevegger. Barnetema til Twenty Twenty-Five. Varm papirflate, redaksjonell typografi og god plass.
Author: Björn Andersson
Author URI: https://www.bjorn-andersson.se/
Template: twentytwentyfive
Version: 2.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: bildeveggen
*/



/* ------------------------------------------------------------------ ordbilde
   theme.json genererer en link-regel med hoy spesifisitet, sa ordbildet ma
   vaere spesifikt nok til a vinne over den. Derfor .nettsted-topp foran.     */

.nettsted-topp .ordbilde,
.nettsted-topp a.ordbilde:hover,
.nettsted-topp a.ordbilde:visited {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  text-decoration: none !important;
  color: var(--wp--preset--color--contrast) !important;
  font-family: var(--wp--preset--font-family--display);
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1;
}
.nettsted-topp .ordbilde svg { flex: 0 0 auto; display: block; }
.nettsted-topp .ordbilde .punktum { color: var(--wp--preset--color--accent) !important; }

/* --------------------------------------------------------------------- toppen */

.nettsted-topp { border-bottom: 1px solid var(--wp--preset--color--rule); }

.wp-block-navigation {
  font-size: .95rem;
  font-family: var(--wp--preset--font-family--sans);
}
.wp-block-navigation .wp-block-navigation-item__content { text-decoration: none; color: var(--wp--preset--color--soft); }
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); }

/* --------------------------------------------------------------------- tekst */

.innhold p:first-of-type {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #322E29;
}
.innhold p { max-width: 64ch; margin-inline-start: 0 !important; }
.innhold h2 { max-width: 26ch; margin-inline-start: 0 !important; }
.innhold h3 { max-width: 34ch; margin-inline-start: 0 !important; font-size: 1.2rem; font-family: var(--wp--preset--font-family--sans); font-weight: 600; letter-spacing: 0; }

.innhold strong { font-weight: 600; }

/* ---------------------------------------------------------------- bilder */

.wp-block-image img { display: block; width: 100%; height: auto; border-radius: 3px; }
.wp-block-image figcaption { margin-top: .6rem; font-size: .9rem; color: var(--wp--preset--color--soft); text-align: left; }

/* ---------------------------------------------------------------- bunnen */

.nettsted-bunn { border-top: 1px solid var(--wp--preset--color--rule); font-size: .9rem; color: var(--wp--preset--color--soft); }
.nettsted-bunn a { color: var(--wp--preset--color--soft); }
.nettsted-bunn a:hover { color: var(--wp--preset--color--accent); }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* rammer.nu: bildene får gå bredere enn teksten */
.innhold .wp-block-image { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }
.innhold .wp-block-image img { max-width: min(1400px, 92vw); margin: 0 auto; }
@media (max-width: 782px) {
  .innhold .wp-block-image { margin-left: 0; margin-right: 0; }
  .innhold .wp-block-image img { max-width: 100%; }
}