@charset "UTF-8";

/*
Theme Name: wnmu
Theme URI: NA
Author: NA
Author URI: NA
Description: NA
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 0.0.0
License: GNU NA
License URI: NA
Text Domain: NA
Tags: NA
*/

/* NOTES
   Wordpress body-content tag hierarchy goes as such:
       body > #page > #content > #primary > #main
*/

/* Assets */
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wnmu/assets/fonts/Outfit/static/Outfit-Regular.ttf") format("opentype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "Outfit"; src: url("/wp-content/themes/wnmu/assets/fonts/Outfit/static/Outfit-Bold.ttf")    format("opentype"); font-style: normal; font-weight: bold; }
/* @font-face { font-family: "Crimson Text"; src: url("/wp-content/themes/wnmu/assets/fonts/crimson-text/CrimsonText-Regular.ttf") format("opentype"); font-style: normal; font-weight: normal; } */
/* @font-face { font-family: "Crimson Text"; src: url("/wp-content/themes/wnmu/assets/fonts/crimson-text/CrimsonText-Bold.ttf")    format("opentype"); font-style: normal; font-weight: bold; } */

/* Site config */
:root {
  /* Layout*/
  --content-max-width: 1400px;

  /* Typography */
  --font-family: Outfit, Helvetica, Arial, sans-serif;
  --font-size-root: 17px;
  --line-height-root: 1.4;
  /* --font-size-root-mobile: 17px; */
  /* --line-height-root-mobile: 27px; */
  /* --max-width: 100%; */

  /* Colors */
  --color-text-color            : hsl(0 0% 0% / 1);
  --color-primary-blue          : hsl(225 59% 35% / 1);
  --color-primary-teal          : hsl(176deg 81% 36% / 1);
  --color-primary-orange        : hsl(19deg 89% 54% / 1);
  --color-primary-purple        : hsl(269deg 53% 27% / 1);
  --color-primary-yellow        : hsl(41deg 97% 59% / 1);

  /* Element styles */
  --p-margin: 1rem;
  --ul-margin: 1.25rem;
}

html, body {
  position: relative;
  font-family: var(--font-family);
  font-size: var(--font-size-root);
  line-height: var(--line-height-root);
}

/* All sizes are relative root font size. */
h1 { font-size: 2.50rem;  line-height: 1.2;  margin: 2.50rem 0 1.10rem; }
h2 { font-size: 2.00rem;  line-height: 1.3;  margin: 2.50rem 0 0.80rem; }
h3 { font-size: 1.75rem;  line-height: 1.4;  margin: 2.50rem 0 0.60rem; }
h4 { font-size: 1.50rem;  line-height: 1.4;  margin: 2.50rem 0 0.50rem; }
h5 { font-size: 1.25rem;  line-height: 1.5;  margin: 1.50rem 0 0.30rem; }
h6 { font-size: 1.00rem;  line-height: 1.5;  margin: 1.50rem 0 0.30rem; }

p { margin: 0 0 var(--p-margin); line-height: inherit; color: var(--color-text-color); }
ol, ul { margin: 0 0 var(--ul-margin); padding: 0; line-height: inherit; color: var(--color-text-color); }
li { list-style-position: inside; }