/* Headers via https://patorjk.com/software/taag/#p=display&f=Doh */

/* Setting 'font-size' at 62.5% means that 1rem now equals 10pt/10px. */
:root {
  font-size: 10px !important;
  font-family: -apple-system, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: var(--color-off-black);
}

/*

    ffffffffffffffff                                           tttt
   f::::::::::::::::f                                       ttt:::t
  f::::::::::::::::::f                                      t:::::t
  f::::::fffffff:::::f                                      t:::::t
  f:::::f       ffffffooooooooooo   nnnn  nnnnnnnn    ttttttt:::::ttttttt        ssssssssss
  f:::::f           oo:::::::::::oo n:::nn::::::::nn  t:::::::::::::::::t      ss::::::::::s
 f:::::::ffffff    o:::::::::::::::on::::::::::::::nn t:::::::::::::::::t    ss:::::::::::::s
 f::::::::::::f    o:::::ooooo:::::onn:::::::::::::::ntttttt:::::::tttttt    s::::::ssss:::::s
 f::::::::::::f    o::::o     o::::o  n:::::nnnn:::::n      t:::::t           s:::::s  ssssss
 f:::::::ffffff    o::::o     o::::o  n::::n    n::::n      t:::::t             s::::::s
  f:::::f          o::::o     o::::o  n::::n    n::::n      t:::::t                s::::::s
  f:::::f          o::::o     o::::o  n::::n    n::::n      t:::::t    ttttttssssss   s:::::s
 f:::::::f         o:::::ooooo:::::o  n::::n    n::::n      t::::::tttt:::::ts:::::ssss::::::s
 f:::::::f         o:::::::::::::::o  n::::n    n::::n      tt::::::::::::::ts::::::::::::::s
 f:::::::f          oo:::::::::::oo   n::::n    n::::n        tt:::::::::::tt s:::::::::::ss
 fffffffff            ooooooooooo     nnnnnn    nnnnnn          ttttttttttt    sssssssssss

Fonts

*/

/* Duplicate as needed */
@font-face{
  font-family: "Telegraf Regular";
  font-style: normal;
  font-display: auto;
  src: url('../fonts/Telegraf-Regular.woff2') format('woff2');
  src: url('../fonts/Telegraf-Regular.woff') format('woff');
}

@font-face{
  font-family: "Telegraf SemiBold";
  font-style: normal;
  font-display: auto;
  src: url('../fonts/Telegraf-SemiBold.woff2') format('woff2');
  src: url('../fonts/Telegraf-SemiBold.woff') format('woff');
}

@font-face{
  font-family: "Telegraf UltraBold";
  font-style: normal;
  font-display: auto;
  src: url('../fonts/Telegraf-UltraBold.woff2') format('woff2');
  src: url('../fonts/Telegraf-UltraBold.woff') format('woff');
}

@font-face {
  font-family: "Material Outlined";
  font-style: normal;
  font-display: auto;
  src: url('../fonts/MaterialIconsOutlined-Regular.otf') format('opentype');
}

@font-face {
  font-family: "Material Filled";
  font-style: normal;
  font-display: auto;
  src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

/*

dddddddd
hhhhhhh                                                            d::::::d
h:::::h                                                            d::::::d
h:::::h                                                            d::::::d
h:::::h                                                            d:::::d
 h::::h hhhhh           eeeeeeeeeeee    aaaaaaaaaaaaa      ddddddddd:::::d     eeeeeeeeeeee    rrrrr   rrrrrrrrr       ssssssssss
 h::::hh:::::hhh      ee::::::::::::ee  a::::::::::::a   dd::::::::::::::d   ee::::::::::::ee  r::::rrr:::::::::r    ss::::::::::s
 h::::::::::::::hh   e::::::eeeee:::::eeaaaaaaaaa:::::a d::::::::::::::::d  e::::::eeeee:::::eer:::::::::::::::::r ss:::::::::::::s
 h:::::::hhh::::::h e::::::e     e:::::e         a::::ad:::::::ddddd:::::d e::::::e     e:::::err::::::rrrrr::::::rs::::::ssss:::::s
 h::::::h   h::::::he:::::::eeeee::::::e  aaaaaaa:::::ad::::::d    d:::::d e:::::::eeeee::::::e r:::::r     r:::::r s:::::s  ssssss
 h:::::h     h:::::he:::::::::::::::::e aa::::::::::::ad:::::d     d:::::d e:::::::::::::::::e  r:::::r     rrrrrrr   s::::::s
 h:::::h     h:::::he::::::eeeeeeeeeee a::::aaaa::::::ad:::::d     d:::::d e::::::eeeeeeeeeee   r:::::r                  s::::::s
 h:::::h     h:::::he:::::::e         a::::a    a:::::ad:::::d     d:::::d e:::::::e            r:::::r            ssssss   s:::::s
 h:::::h     h:::::he::::::::e        a::::a    a:::::ad::::::ddddd::::::dde::::::::e           r:::::r            s:::::ssss::::::s ,,,,,,
 h:::::h     h:::::h e::::::::eeeeeeeea:::::aaaa::::::a d:::::::::::::::::d e::::::::eeeeeeee   r:::::r            s::::::::::::::s  ,::::,
 h:::::h     h:::::h  ee:::::::::::::e a::::::::::aa:::a d:::::::::ddd::::d  ee:::::::::::::e   r:::::r             s:::::::::::ss   ,::::,
 hhhhhhh     hhhhhhh    eeeeeeeeeeeeee  aaaaaaaaaa  aaaa  ddddddddd   ddddd    eeeeeeeeeeeeee   rrrrrrr              sssssssssss     ,:::,,
                                                                                                                                    ,:::,
                                                                                                                                    ,,,,
                             tttt
                          ttt:::t
                          t:::::t
                          t:::::t
    eeeeeeeeeeee    ttttttt:::::ttttttt        cccccccccccccccc
  ee::::::::::::ee  t:::::::::::::::::t      cc:::::::::::::::c
 e::::::eeeee:::::eet:::::::::::::::::t     c:::::::::::::::::c
e::::::e     e:::::etttttt:::::::tttttt    c:::::::cccccc:::::c
e:::::::eeeee::::::e      t:::::t          c::::::c     ccccccc
e:::::::::::::::::e       t:::::t          c:::::c
e::::::eeeeeeeeeee        t:::::t          c:::::c
e:::::::e                 t:::::t    ttttttc::::::c     ccccccc
e::::::::e                t::::::tttt:::::tc:::::::cccccc:::::c
 e::::::::eeeeeeee        tt::::::::::::::t c:::::::::::::::::c
  ee:::::::::::::e          tt:::::::::::tt  cc:::::::::::::::c
    eeeeeeeeeeeeee            ttttttttttt      cccccccccccccccc

Headers, etc.

*/

* {
  font-size: 1.8rem;
  font-family:var(--global--font-secondary);
  line-height: 1.5;
}

p {
  margin-bottom: 1rem;
}

h1,
h1 * {
  font-size: 5.6rem;
  font-family: var(--global--font-bold) !important;
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
}

h1.scaled-h1 {
  font-size: 2.5rem;
  line-height: 1.25;
}

h1 > .year {
font-size: 30rem;
}

@media screen and (max-width: 991px) {
  h1,
  h1 * {
    font-size: 4.8rem !important;
  }
}

h2,
h2 * {
  font-size: 3.6rem;
  font-family: var(--global--font-bold) !important;
  font-weight: normal;
  line-height: 1.3;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  h2,
  h2 * {
    font-size: 3.6rem !important;
  }
}

h3,
h3 * {
  font-size: 3.6rem;
  font-family: var(--global--font-primary);
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  h3,
  h3 * {
    font-size: 2.4rem !important;
  }
}

h4,
h4 * {
  font-size: 2.8rem;
  font-family: var(--global--font-bold) !important;
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  h4,
  h4 * {
    font-size: 1.8rem !important;
  }
}

h5,
h5 * {
  font-size: 2.4rem;
  font-family: var(--global--font-primary);
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  h5,
  h5 * {
    font-size: 1.8rem !important;
  }
}

h6,
h6 * {
  font-size: 2.4rem;
  font-family: var(--global--font-secondary);
  font-weight: normal;
  line-height: 1.4;
}

@media screen and (max-width: 991px) {
  h6,
  h6 * {
    font-size: 1.8rem !important;
  }
}

strong {
  font-family: var(--global--font-primary);
  font-weight: normal;
}

address {
  font-style: normal;
}

.site-logo {
  font-size: 2rem;
  font-family: var(--global--font-bold);
  font-weight: normal;
  color: var(--color-gray);
  text-decoration: none !important;
  display: inline-block;
}

.site-logo span {
  font-size: 2rem;
  font-family: var(--global--font-bold);
}

blockquote.wp-block-quote {
  color: var(--color-gray);
  font-family: var(--global--font-primary);
  border-left: 4px solid var(--color-gray);
  padding-left: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem !important;
}

figure.wp-block-pullquote blockquote p {
  font-family: var(--global--font-primary);
}

figure.wp-block-pullquote blockquote {
  border-left: none;
  width: 100%;
}

figure.wp-block-pullquote {
  margin: 2rem auto;
}

.wp-block-pullquote cite {
  display: block;
  margin-top: .5rem;
  opacity: .7;
}

.list-sublabel {
  color: var(--color-lightergray);
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: var(--color-lightestgray);
}

blockquote {
  border-left: 4px solid var(--color-gray);
  width: 100%;
  padding: 3rem 0;
}

.wp-block-pullquote p {
  line-height: 1.25;
}

.wp-block-quote p {
  color: var(--color-gray);
  font-family: var(--global--font-primary);
  font-size: 1.5rem;
}

.wp-block-quote cite {
  color: var(--color-lightergray);
  font-family: var(--global--font-primary);
  font-size: 1.125rem;
}

.wp-block-quote.is-style-large p {
  color: var(--color-gray);
  font-family: var(--global--font-primary);
  font-style: normal;
  font-size: 2rem;
}

.wp-block-quote.is-style-large cite {
  color: var(--color-lightergray);
  font-family: var(--global--font-primary);
  font-size: 1.25rem;
}

small {
  font-size: 1.2rem;
  font-family: var(--global--font-bold);
  letter-spacing: 0.5px;
}

a {
  color: var(--color-gray);
  font-family: var(--global--font-primary);
  text-decoration-color: var(--color-lightgray);
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  transition: color 0.2s ease;
}

a:hover {
  text-decoration-color: var(--color-gray);
  text-underline-offset: 3px;
}

.decoration-none,
.decoration-none * {
  text-decoration: none;
}

.ultra,
.ultra * {
  font-family: var(--global--font-bold) !important;
  line-height: 1.15;
}

.uppercase,
.uppercase * {
  text-transform: uppercase;
}

.outline {
  color: inherit;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: inherit;
}

.metadata {
  font-size: 1.8rem;
  font-family: var(--global--font-bold);
  line-height: 1.15;
  margin: 0;
}

.tag {
  padding: 0.5rem;
  border: 2px solid;
  text-decoration: none;
  line-height: 1;
}

.entry-content li {
  margin-bottom: 1rem;
  padding-left: 3rem;
}

.line-height-1 {
  line-height: 1;
}

.destyle {
  background: none !important;
	color: inherit !important;
	border: none !important;
	padding: 0 !important;
	font: inherit !important;
	cursor: pointer !important;
	outline: inherit !important;
  border-radius: 0 !important;
}

.border-bottom {
  border-bottom: 2px solid !important;
}

.border-color-coral {
  border-color: var(--color-coral) !important;
}

.entry-content li::before {
  content: '→';
  position: absolute;
  height: 1rem;
  width: 1rem;
  margin-top: -1px;
  margin-left: -2rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.material-icons {
  font-family: 'Material Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons-fill {
  font-family: 'Material Filled';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.mobile {
  display: none;
}

.desktop {
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .mobile {
    display: inline-block !important;
  }
  .desktop {
    display: none !important;
  }
}