/*
Theme Name: Saga Circle
Description: Barnetema for Raft med The Saga Circle sin visuelle identitet - nattbla, gull og krem, Cormorant Garamond og Montserrat.
Author: The Saga Circle
Template: raft
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saga-circle
*/

/* Fargene og fontene ligger i theme.json.
   Her ligger bare det theme.json ikke kan uttrykke. */

/* Versaler og sperring paa H2 - brukes som seksjonsoverskrift */
.wp-block-post-content h2,
.entry-content h2,
h2.wp-block-heading {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Liten etikett over en overskrift.
   Legg klassen "saga-etikett" paa et avsnitt i blokkredigereren. */
.saga-etikett {
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--wp--preset--color--raft-accent);
  margin-bottom: 0.5rem;
}

/* Tynn gullstrek. Legg klassen paa en skilleblokk (separator). */
.saga-strek {
  max-width: 96px;
  margin-left: 0;
  border: 0;
  border-top: 1px solid var(--wp--preset--color--raft-accent);
  opacity: 1;
}
.saga-strek.is-centered,
.has-text-align-center .saga-strek { margin-left: auto; margin-right: auto; }

/* Mork seksjon. Legg klassen "saga-mork" paa en gruppeblokk
   og velg bakgrunnsfargen "Mork bakgrunn". */
.saga-mork { color: var(--wp--preset--color--raft-fg-alt); }
.saga-mork h1, .saga-mork h2, .saga-mork h3,
.saga-mork h4, .saga-mork h5, .saga-mork h6,
.saga-mork blockquote { color: var(--wp--preset--color--raft-fg-alt); }
.saga-mork a { color: var(--wp--preset--color--saga-gull); }
.saga-mork a:hover { color: #E8C866; }
.saga-mork .saga-etikett { color: var(--wp--preset--color--saga-gull); }
.saga-mork .saga-strek { border-top-color: var(--wp--preset--color--saga-gull); }
.saga-mork .wp-block-button__link {
  background-color: var(--wp--preset--color--saga-gull);
  color: var(--wp--preset--color--raft-fg);
}
.saga-mork .wp-block-button__link:hover { background-color: #E8C866; }

/* Sitat */
blockquote, .wp-block-quote {
  border: 0;
  padding: 0;
  font-family: var(--wp--preset--font-family--saga-serif);
  font-style: italic;
  font-weight: 400;
  line-height: 1.38;
}

/* Logo i toppen */
.wp-block-site-logo img, .custom-logo { max-width: 300px; height: auto; }
@media (max-width: 781px) {
  .wp-block-site-logo img, .custom-logo { max-width: 210px; }
}

/* Understreking av lenker i loepende tekst, men ikke i menyer */
.wp-block-post-content a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}