/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  --white: #fff;
  --indian-tan: #582200;
  --navajo-white: #fff;
  --tabasco: #A9140F;
  --ultramarine: #190fa9;
  --sahara: #9fa90f;

  --nav-bg: #fff;

  --nav-bg: var(--white);
  --nav-border: #582200;
  --nav-border: var(--indian-tan);
  --nav: #582200;
  --nav: var(--indian-tan);
  --heading: #9fa90f;
  --heading: var(--sahara);
  --page-bg: #fff;
  --page-bg: var(--white);
  --page: #582200;
  --page: var(--indian-tan);
  --selection-bg: #A9140F;
  --selection-bg: var(--tabasco);
  --selection: #fff;
  --selection: var(--white);
  --link-bg: #ffe1a8;
  --link-bg: var(--navajo-white);
  --link: #A9140F;
  --link: var(--tabasco);
  --btn-bg: #9fa90f;
  --btn-bg: var(--sahara);
  --btn: #fff;
  --btn: var(--white);
}

:root {
  --base-size: 14px;
  --lh-default: 1.5;
}

/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/

@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url(6d7887aaa21cc007a65b4b85c5b7bf5f.eot);
    src: url(6d7887aaa21cc007a65b4b85c5b7bf5f.eot?#iefix) format('embedded-opentype'),
         url(532b605712468a55ec0fa90f3317ad1d.woff2) format("woff2"),
         url(971531232f7b69c58582e2a8b7ff5d99.woff) format("woff");
}

/** Montserrat Thin-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url(0784ceec9cd22152b7ee1f3dccc6cbbc.eot);
    src: url(0784ceec9cd22152b7ee1f3dccc6cbbc.eot?#iefix) format('embedded-opentype'),
         url(9afc649746fcec0453e6d42666e9f758.woff2) format("woff2"),
         url(6f6ed1001620682af5ac4dd128aa5b88.woff) format("woff");
}

/** Montserrat ExtraLight **/

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url(cf1eea48a607db5893eb4894e97947ea.eot);
    src: url(cf1eea48a607db5893eb4894e97947ea.eot?#iefix) format('embedded-opentype'),
         url(3e8a48d9822e4c226f5551f25a4bff0a.woff2) format("woff2"),
         url(932e9cc0368b5e6076ab12a93c09ef3f.woff) format("woff");
}

/** Montserrat ExtraLight-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url(9f63bcd22041a2df49f53506d2e4c48f.eot);
    src: url(9f63bcd22041a2df49f53506d2e4c48f.eot?#iefix) format('embedded-opentype'),
         url(e65259709dad57c3316e2e9f402fd17b.woff2) format("woff2"),
         url(690c22d66cc2415fb6d2aeee817c497c.woff) format("woff");
}

/** Montserrat Light **/

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url(d9b2b5f549568dccd505f4a7e683dff6.eot);
    src: url(d9b2b5f549568dccd505f4a7e683dff6.eot?#iefix) format('embedded-opentype'),
         url(ee3ac7e480c3c83887f3b50d02656dc0.woff2) format("woff2"),
         url(d0e6d5ef1300debe830fc19da6b748d3.woff) format("woff");
}

/** Montserrat Light-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url(43059dd0a92f61d5e5020ff80b025499.eot);
    src: url(43059dd0a92f61d5e5020ff80b025499.eot?#iefix) format('embedded-opentype'),
         url(515eeaf8b22c193a82e30586b2fda0ae.woff2) format("woff2"),
         url(ff1f72f7fceb086368e072c92e7340f7.woff) format("woff");
}

/** Montserrat Regular **/

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url(5d87e2ef7e476353347c64b60a43db4c.eot);
    src: url(5d87e2ef7e476353347c64b60a43db4c.eot?#iefix) format('embedded-opentype'),
         url(c38a9d8c4a647eadd860c2893c682d2b.woff2) format("woff2"),
         url(522fb95db945ec8c4832b88f46340b3b.woff) format("woff");
}

/** Montserrat Regular-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url(1c045de75a0ef85298c0a10f174550b5.eot);
    src: url(1c045de75a0ef85298c0a10f174550b5.eot?#iefix) format('embedded-opentype'),
         url(940e32eb055d675e57c51f3b6879fdd7.woff2) format("woff2"),
         url(53898c96a8cbf418b4d9f8480fd2f940.woff) format("woff");
}

/** Montserrat Medium **/

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url(3025fc12f6ddfce2cef066cb95bd6f5c.eot);
    src: url(3025fc12f6ddfce2cef066cb95bd6f5c.eot?#iefix) format('embedded-opentype'),
         url(22d0844fa079f762d05831070befa486.woff2) format("woff2"),
         url(b129022d688ae2d7214a56443fb27b51.woff) format("woff");
}

/** Montserrat Medium-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url(24ea594d97a237f70e4f6742862938ab.eot);
    src: url(24ea594d97a237f70e4f6742862938ab.eot?#iefix) format('embedded-opentype'),
         url(247f78ddc36f3f1cf04922a5cd4b6462.woff2) format("woff2"),
         url(d4c6ce9b479200d721632a1e60a09453.woff) format("woff");
}

/** Montserrat SemiBold **/

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url(46500d2502b3185ad33b81527c23dd61.eot);
    src: url(46500d2502b3185ad33b81527c23dd61.eot?#iefix) format('embedded-opentype'),
         url(b4f9714141878f10bbf0b8ab6e143717.woff2) format("woff2"),
         url(344eaeafcb5b62cb7c562c99cee0d1f1.woff) format("woff");
}

/** Montserrat SemiBold-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url(b16361390f1c3deee1027cd25a37175d.eot);
    src: url(b16361390f1c3deee1027cd25a37175d.eot?#iefix) format('embedded-opentype'),
         url(9282e5ff8bdd6ef6d861363d0a8e5d7c.woff2) format("woff2"),
         url(28f65717ff8cb49c272362a217955501.woff) format("woff");
}

/** Montserrat Bold **/

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url(e934b4fa0a6131caa6f5d1f4f566efc9.eot);
    src: url(e934b4fa0a6131caa6f5d1f4f566efc9.eot?#iefix) format('embedded-opentype'),
         url(48d9a2cc39bc60ea3f87e8348b2a17e1.woff2) format("woff2"),
         url(942c288cde7e42074f0f58cd49a016cd.woff) format("woff");
}

/** Montserrat Bold-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url(3c64da49e762ea27f914ac3c10e256b6.eot);
    src: url(3c64da49e762ea27f914ac3c10e256b6.eot?#iefix) format('embedded-opentype'),
         url(4e7ad891b89cc53655a7b2b4845fab43.woff2) format("woff2"),
         url(fc383b8d41c0ca1d57b325c734b65c0f.woff) format("woff");
}

/** Montserrat ExtraBold **/

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url(08aa6945e792f04a0e376aa2198cfb30.eot);
    src: url(08aa6945e792f04a0e376aa2198cfb30.eot?#iefix) format('embedded-opentype'),
         url(17ce7192b10223597038970c9dc67c6c.woff2) format("woff2"),
         url(fc8f6123d2478e474c5087d12b287c7c.woff) format("woff");
}

/** Montserrat ExtraBold-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url(628a4ec5a3cf4e83a0e86435cd4ff70b.eot);
    src: url(628a4ec5a3cf4e83a0e86435cd4ff70b.eot?#iefix) format('embedded-opentype'),
         url(041d2bb2bd9b730d734ea8270b92581a.woff2) format("woff2"),
         url(5def6b6356f35f1b2f81cb73544e3bb1.woff) format("woff");
}

/** Montserrat Black **/

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url(0c3a8efca7f9267b34e238b7d50d0f24.eot);
    src: url(0c3a8efca7f9267b34e238b7d50d0f24.eot?#iefix) format('embedded-opentype'),
         url(4e8057ab59dfc447afafaed7f2bc87a0.woff2) format("woff2"),
         url(1a64b3072ab979751d5b1efc4415948d.woff) format("woff");
}

/** Montserrat Black-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url(3e4d563f51e73c2b5bbdda364da2f1f6.eot);
    src: url(3e4d563f51e73c2b5bbdda364da2f1f6.eot?#iefix) format('embedded-opentype'),
         url(be0da9638bf643ee0a3c50f716cdf328.woff2) format("woff2"),
         url(3d5a0b993830d371325e547a23fc63be.woff) format("woff");
}

/** =================== MONTSERRAT ALTERNATES =================== **/

/** Montserrat Alternates Thin **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 100;
    font-style: normal;
    src: url(e5f63c1773b475c2897c05e91d6e73a4.eot);
    src: url(e5f63c1773b475c2897c05e91d6e73a4.eot?#iefix) format('embedded-opentype'),
         url(b7fdbcbec67319a1dfc9b3f87bd627cf.woff2) format("woff2"),
         url(5beb01a9a1094b9bab9182b69448b7a0.woff) format("woff");
}

/** Montserrat Alternates Thin-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 100;
    font-style: italic;
    src: url(97364e1e0fc43edb1aeb7161f7ca5521.eot);
    src: url(97364e1e0fc43edb1aeb7161f7ca5521.eot?#iefix) format('embedded-opentype'),
         url(fa2d062f7f3bf0e38ba0688378757b51.woff2) format("woff2"),
         url(97405d8712955c30c7d6fd52f8665005.woff) format("woff");
}

/** Montserrat Alternates ExtraLight **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 200;
    font-style: normal;
    src: url(396300501b00a64c00bf0e1233d4b5cc.eot);
    src: url(396300501b00a64c00bf0e1233d4b5cc.eot?#iefix) format('embedded-opentype'),
         url(0309e16c98cedd9374263b1a9c155ea5.woff2) format("woff2"),
         url(29f2f927d2dc6030046106dd8b126e8c.woff) format("woff");
}

/** Montserrat Alternates ExtraLight-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 200;
    font-style: italic;
    src: url(d83f62029b8d9bee7f1a81a1e9111203.eot);
    src: url(d83f62029b8d9bee7f1a81a1e9111203.eot?#iefix) format('embedded-opentype'),
         url(71bd7962a8ca6b4840249ff7ad11a2a0.woff2) format("woff2"),
         url(ba9da85f6d74e481a21d698c9ea44f84.woff) format("woff");
}

/** Montserrat Alternates Light **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 300;
    font-style: normal;
    src: url(5e5876b83ae8a4e8258d214224e9130a.eot);
    src: url(5e5876b83ae8a4e8258d214224e9130a.eot?#iefix) format('embedded-opentype'),
         url(441b1d69575f3d963c5e5c0efa4f0d8c.woff2) format("woff2"),
         url(7c63880174d2625c0fc2b21b0f306241.woff) format("woff");
}

/** Montserrat Alternates Light-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 300;
    font-style: italic;
    src: url(c47208d79d691ca9647d9ac8e322193b.eot);
    src: url(c47208d79d691ca9647d9ac8e322193b.eot?#iefix) format('embedded-opentype'),
         url(f242d88d5715bd863cc53156d43d2bb8.woff2) format("woff2"),
         url(42f1776062a9378085ebcc3d4085d797.woff) format("woff");
}

/** Montserrat Alternates Regular **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 400;
    font-style: normal;
    src: url(d083602fd8ff73b618bb69e9a64ec797.eot);
    src: url(d083602fd8ff73b618bb69e9a64ec797.eot?#iefix) format('embedded-opentype'),
         url(6406ed94aa44e18c04db7f7c7129a727.woff2) format("woff2"),
         url(29c7e34c4e55a95ea674f60610ab968d.woff) format("woff");
}

/** Montserrat Alternates Regular-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 400;
    font-style: italic;
    src: url(711bfe21c35be08f67a63e4b088ac4db.eot);
    src: url(711bfe21c35be08f67a63e4b088ac4db.eot?#iefix) format('embedded-opentype'),
         url(fc0187312cbad5f8f95d68ed71239612.woff2) format("woff2"),
         url(5f487d3c39c079a080bd067f54a41c70.woff) format("woff");
}

/** Montserrat Alternates Medium **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 500;
    font-style: normal;
    src: url(1545d9f361b1f991c3f5a6700c626712.eot);
    src: url(1545d9f361b1f991c3f5a6700c626712.eot?#iefix) format('embedded-opentype'),
         url(0a81da5eb3bcc7c508e2f149ab90762a.woff2) format("woff2"),
         url(ad2ff5fcc2c002ece1e5cba44e36d921.woff) format("woff");
}

/** Montserrat Alternates Medium-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 500;
    font-style: italic;
    src: url(d80c757ff822639927774756ce42f24e.eot);
    src: url(d80c757ff822639927774756ce42f24e.eot?#iefix) format('embedded-opentype'),
         url(935f9a795ffe546fd20c68f61a5bc080.woff2) format("woff2"),
         url(3ab7e136e5935d143cd9259fa52f7aa0.woff) format("woff");
}

/** Montserrat Alternates SemiBold **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 600;
    font-style: normal;
    src: url(780f07f78680969577cf0fe084ebc3ca.eot);
    src: url(780f07f78680969577cf0fe084ebc3ca.eot?#iefix) format('embedded-opentype'),
         url(750b41b930f8c5b14ccc928ec55b0081.woff2) format("woff2"),
         url(edc3c6a75587e87abc689158c7bcc7eb.woff) format("woff");
}

/** Montserrat Alternates SemiBold-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 600;
    font-style: italic;
    src: url(259ba17cbf7099df3d7ff2b72404bfbf.eot);
    src: url(259ba17cbf7099df3d7ff2b72404bfbf.eot?#iefix) format('embedded-opentype'),
         url(536756b88885402cdaaaee5b5985f42e.woff2) format("woff2"),
         url(78fe404ee74857628d8eb763645b97fa.woff) format("woff");
}

/** Montserrat Alternates Bold **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 700;
    font-style: normal;
    src: url(51a0df8eb2c183985e51ea9cddfff322.eot);
    src: url(51a0df8eb2c183985e51ea9cddfff322.eot?#iefix) format('embedded-opentype'),
         url(761a3d290933a5cbb1887bbeb998b190.woff2) format("woff2"),
         url(2d59b2af3a86456d8371909085f99fd4.woff) format("woff");
}

/** Montserrat Alternates Bold-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 700;
    font-style: italic;
    src: url(1ee49a8613c0cede73298ea178b759e8.eot);
    src: url(1ee49a8613c0cede73298ea178b759e8.eot?#iefix) format('embedded-opentype'),
         url(0c0621efe3981dfec52f481721a2e955.woff2) format("woff2"),
         url(8db1e0c7887b9e8853788c7cbaf25c94.woff) format("woff");
}

/** Montserrat Alternates ExtraBold **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 800;
    font-style: normal;
    src: url(52644b23e3f7bf2028825b7fb6c17e7b.eot);
    src: url(52644b23e3f7bf2028825b7fb6c17e7b.eot?#iefix) format('embedded-opentype'),
         url(98c3a2b4308ac0bcb9ca34204c4647b2.woff2) format("woff2"),
         url(82736ff3d6efc73853391d72d544d9f3.woff) format("woff");
}

/** Montserrat Alternates ExtraBold-Italic **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 800;
    font-style: italic;
    src: url(b9d2c583ac95734c3bd78c02ba8e0518.eot);
    src: url(b9d2c583ac95734c3bd78c02ba8e0518.eot?#iefix) format('embedded-opentype'),
         url(49e8f4d40b0c3dd4c802233bd0bcc883.woff2) format("woff2"),
         url(475e84fd51a7764f200cb6cb204eda7a.woff) format("woff");
}

/** Montserrat Alternates Black **/

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 900;
    font-style: normal;
    src: url(4deac23db5d850d973b7f205b41e963e.eot);
    src: url(4deac23db5d850d973b7f205b41e963e.eot?#iefix) format('embedded-opentype'),
         url(d190936aec53b10d53177b5a62300a0e.woff2) format("woff2"),
         url(1cb6b56ad7f4f9d20a974518fda3532f.woff) format("woff");
}

/** Montserrat Alternates Black-Italic **/

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url(29a7a492535c822fe5e4be1ad76e1e85.eot);
    src: url(29a7a492535c822fe5e4be1ad76e1e85.eot?#iefix) format('embedded-opentype'),
         url(22a868f9c5ff3e6ce97cc8f66b7c75ba.woff2) format("woff2"),
         url(21eea516245833ffd41523d24b6de16c.woff) format("woff");
}

:root {
  --title-family: "Montserrat";
  --text-family:  "Montserrat";
  --fw-normal: 300;
  --fw-bold: 600;
}

:root {
  --page-spacing: 5vw;
}

/* Generic */

img {
  max-width: 100%;
}

img:not([width]) {
  width: auto;
}

img:not([height]) {
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #9fa90f;
  color: var(--heading);
  font-family: "Montserrat";
  font-family: var(--title-family);
  font-weight: 600;
  font-weight: var(--fw-bold);
}

iframe {
  max-width: 100%;
}

a {
  color: #A9140F;
  color: var(--link);
  background-color: #ffe1a8;
  background-color: var(--link-bg);
  position: relative;
  text-decoration: underline;
}

button,
.btn {
  background: #9fa90f;
  background: var(--btn-bg);
  border: none;
  color: #fff;
  color: var(--btn);
  cursor: pointer;
  font-weight: 600;
  font-weight: var(--fw-bold);
}

/* UI Components */

.nav--main {
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  background: var(--nav-bg);
  color: #582200;
  color: var(--nav);
  z-index: 1;
  border-bottom: 5px solid #582200;
  border-bottom: 5px solid var(--nav-border);
}

.nav--main ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  min-height: 20vh;
}

.nav--main .nav__entry {
  color: #582200;
  color: var(--nav);
  text-align: center;
  width: 100%;
}

.nav--main .nav__entry * {
  color: inherit;
}

.nav--main .nav__entry a {
  display: inline-block;
  padding: 1vh 0;
  width: 100%;
  background: none;
}

.header-title {
  font-size: 2rem;
  margin: 0 5vw;
  margin: 0 var(--page-spacing);
}

.header-title__content {
  font-family: "Montserrat";
  font-family: var(--title-family);
}

main, footer {
  margin-left: 5vw;
  margin-left: var(--page-spacing);
  margin-right: 5vw;
  margin-right: var(--page-spacing);
}

*, *::before, *::after {
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.teaser-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 3vw;
}

.teaser {
  display: flex;
  flex-direction: column;
  padding: 1em;
}

.teaser__title {
  color: inherit;
}

.toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.toolbar__item {
  margin-right: 20px;
}

.toolbar__item--badge a {
  /* Set line-height 0 to remove background below badge*/
  line-height: 0;
  display: inline-block;
}

footer {
  font-size: small;
}

html {
  background: #fff;
  background: var(--page-bg);
  color: #582200;
  color: var(--page);
  font-size: 14px;
  font-size: var(--base-size);
  font-family: "Montserrat";
  font-family: var(--text-family);
  font-weight: 300;
  font-weight: var(--fw-normal);
  line-height: 1.5;
  line-height: var(--lh-default);
}

::-moz-selection {
  background-color: #A9140F;
  background-color: var(--selection-bg);
  color: #fff;
  color: var(--selection);
}

::selection {
  background-color: #A9140F;
  background-color: var(--selection-bg);
  color: #fff;
  color: var(--selection);
}

@media (min-width: 1000px) {
  .nav--main ul {
    flex-direction: row;
    min-height: 10vh;
  }
}