/* FONTS */

/* Orchidelirium */
@font-face {
  font-family: 'Fanwood Text'; font-style: normal; font-weight: 400; font-display: swap;
  src: local('Fanwood Text'), local('FanwoodText-Regular'), url(https://fonts.gstatic.com/s/fanwoodtext/v9/3XFtErwl05Ad_vSCF6Fq7xX2QtzZ9v5Cbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}


/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* BASICS */

body { background:#ffefef; color:#000; font-family:'Fanwood Text', serif; margin:0 auto; padding:0; }

#header { padding: 1em 1em 0; text-align:center; }
  #header span { display:block; font-weight:bold; font-size:2.5em; }
  #header path { fill:#000 !important; }
  #header #wordmark { display:block; }
    #header #wordmark svg { height:auto; width:100% !important; }
  #header #logo { display: inline-block; }
    #header #logo svg { display:block; width:.8em; }

    /*#header a:hover svg { fill:white; }*/

footer { padding:2em 0; text-align:center; }
  nav { background:none;  clear:both; font-family:'Raleway',sans-serif; font-size:4em; font-weight: 900;  line-height:1; position:sticky; text-align: center; text-transform: uppercase; z-index:10 }
    nav a { color: black; display:inline-block;  text-decoration: none; }
    nav ul { list-style:none; margin: 0; padding:0; }
      nav li { display:inline-block; padding:0; width:auto; }
      nav .active a { border:none; text-decoration: underline; }

main { margin:0 1em; }

      .social ul { list-style:none; margin:.5em 0; padding:0; }
      .social li { display:inline-block; margin:.5em .25em; width:auto; }

  #footer { padding:1em; }
    #footer a { padding:.3em .6em; }
    .copyright, .legal { }
    #footer ul { margin: 0 auto; padding: 0; max-width: 40em; }
      #footer li { display: inline-block; margin: 0 .5em; padding: 0; }

h1, h2, h3, h4, h5, h6 { /*background:#c68013; font-weight:normal; line-height:1.25; margin:0 -2em;*/  font-weight:bold; text-align: center; text-transform:uppercase; }
  h1 { font-size:2.8em; margin:.5em 0 0; padding:  0; }
  h2 { font-size:2.4em; }
  h3 { font-size:1.8em; }
  h4 { font-size:1.2em; line-height:1; text-transform:uppercase; }

strong, b { font-weight:900; }

small { font-size:.9em; }

a { color:hotpink; display:inline-block; text-decoration:none; transition:all .2s ease-out; }
  a:hover { color:darkpink; }
  a:focus { border:0; box-shadow: 0 0 2px 2px hotpink; outline:0; }
  /* #header a { background:transparent; color:#363e61; } */
  .link { background:#363e61; }

  /*a.button  { border:1px solid rgb(46, 139, 87); background: transparent; color:rgb(46, 139, 87); display:block; font-size:1.2em; margin:0 auto .29em; padding:.42em .69em; text-align: center; width:9em; }
    a.button:hover { }*/

/*.button { -webkit-appearance:none; box-sizing:content-box; color:#fff; display:block; font-size:1.2em; margin:0 auto .29em; padding:.42em .69em; text-align: center; width:9em; }
  .button:hover { text-decoration:none; }
  .primary { background:#dec560; color:#17142d; border:none; border-radius:.42em; clip-path:polygon( 10% 0, -10% 100%, 100% 100%, 100% 0); padding:.69em; }
    .primary:hover { background:#c6ac3d; color:#fff }
  .secondary { border:1px solid #6dbc84; background: transparent; color:#6dbc84; }
    .secondary:hover { color:#fff; }
  .tertiary { border:1px solid #f5e75d; background: transparent; color:#f5e75d; }
    .tertiary:hover { color:#fff; }

/*form { text-align:left; }*/
  /*input[type=button] { font-size:1.42em; margin:0 0 .29em; padding:.42em .69em; text-align: center; width:9em; }
    input[type=button]:hover { background:rgb(60, 179, 113); }*/

blockquote { font-style:italic; font-size:1.4em; }

address { border-left:.5em solid hotpink; padding:.5em 0 .5em 1em; }

.iframe { position:relative; overflow:hidden; padding-top:800%; }
  .iframe iframe { border:0; height:100%; position:absolute; top:0; left:0 bottom:0; right:0; width:100%; }

.skiptotheend { position:absolute; top:-666em; }
  .skiptotheend:focus { position:relative; top:auto; }

.blog-posts { display: none !important; }

/*.cards { }
.cards ul, .cards li { display:block; list-style:none; margin:0; padding:0 }
  .cards ul, .cards li { align-content:stretch; display:flex; flex-flow:row wrap; }
  .cards li { align-content:stretch; display:flex; width:calc(100% - 4em); margin:0; padding:2em; }
    .cards li a { display:block; background:transparent; padding:0; }
    .cards li h3,.home main li h4 { margin:0; }
    .cards li li { display: block; }
    .cards li > span { margin:-2em; padding:1em; width:calc(100% + 4em); }
      .home .title { color:white; display:block; font-size:1.6em; margin:0; padding:0.5em; }
      .home .no-link { background:black; color:white; display:block; margin:0 -1em -1em; }
      .home .description, .home .release-date  { display:block; font-size:.65em; padding:0; }
      .home .more { display:block; font-size:.8em; padding:0; }
      .home .price { background:black; color:white; border-radius:.25em; display:inline-block; margin:0 0 0 .25em; padding:.25em .5em; }
      .home .release-date { font-style:italic; opacity:.65; }
      .home .buy { display:block; padding:.5em 1em; }
    .cards li img { height:auto; margin:-1em 0 0 -1em; width:calc(100% + 2em); }*/

.about { }
  .about.project .projectHeader img { width:100%; }

.blog {}
  .blog .blog-posts { display: block !important; }
  .blog .post { border-left:.5em solid hotpink; list-style: none; margin:.5em; padding:0 1em; }
  .blog .post h3 { margin:2em 0 0; text-align: left; }
  .blog .date { display: block; font-style: italic; text-align:center; }
  .blog .post .date { text-align: left; }

.projectHeader { display:none; }
.project { }
  .project .projectHeader { display:block; }
    .project .projectHeader img { display:block; margin:2em auto 3em; width:80%; }
  .project article { margin:0 auto; padding:1em 2em; max-width:42em; }
    .project article img { width:100%; }

.hello { background: black; border-radius:100%; color:white; font-size:14px; padding:25px; position:absolute; right:1em; text-align: center; top:.5em; transform: rotate(0.03turn); }
  .hello a { color:white !important; text-decoration: underline !important; }

.yo main { margin: 0 auto; max-width: 40em; }

/* thanks lists */

.thanks { margin:1em; padding:0; text-align:center; }
  .thanks li { display:inline-block; font-size:1.2em; line-height:1.8; list-style:none; margin:0 0 0 1em; padding:0; }
    .thanks li::after, .thanks li:first-of-type::before { color:orchid; content:'\272D'; display:inline-block; opacity:.25; padding:0 0 0 1em; }
    .thanks li:first-of-type::before { padding:0 1em 0 0; }

/* MailerLite */

.notice { }
  .notice a { font-size:1.2em; display:inline-block; }
  .notice p { margin:0; padding:.5em; text-align: center; }
  .notice span { color:white; display:inline-block; font-size:.8em; font-weight:normal; text-transform: uppercase; }
  main .notice { padding:0 }

.newsletter { margin:0 0; padding:2em; }
.newsletter h2 { text-transform:none; }
.ml-form-embedContainer { }
  button, input { background:hotpink; color:white; border:0; border-radius:0; box-shadow:none; font-size:1em; line-height:1.5; padding:.5em 1em; }
    button { border-radius:0; font-size:1.5em; outline:0; padding:.5em 1.5em; transition:all .2s ease-out; }
      button:hover { background:darkorchid; color:white; }
    input::placeholder { color:silver; }
  input[type=checkbox] { display:inline-block; }
  input[type=email] { background:ivory; color:black; outline:1px solid white; outline-offset:.25em; margin:0 0 .8em; padding:.75em; width:calc(100% - 2em); }
  label { font-weight:bold; }
    label div { display:inline-block; }

  .ml-error input { background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #fff!important; background-size: 24px 24px!important; outline-color:crimson; }
  .ml-error .label-description, .ml-error .label-description p, .ml-error .label-description p a, #mlb2-1661160.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p, #mlb2-1661160.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter { color: crimson; }

  .ml-form-recaptcha{margin-bottom:20px;float:left}.ml-form-recaptcha.ml-error iframe{border:solid 1px crimson}
  @media screen and (max-width:768px){
    .ml-form-recaptcha{transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0}
  }

.gallery { margin: 0 auto 3em; text-align:center; }
  .gallery video { display: block; height: auto; margin: 1em auto; width: 100%; }
  .gallery ul { align-items: center; display: flex; flex-wrap: wrap; list-style: none; margin: 0 3em 0; padding: 0; }
  .gallery li { flex-grow: 1;  justify-content: center; margin: 1em; padding: 0; }
  .gallery img { border-radius: .5em; clip: auto; height:auto; max-height: 100%; max-width: 150px; object-fit: cover; vertical-align: bottom; }
  .gallery strong { display: block; font-weight: normal; text-transform: uppercase; }

.preorder {}
  .preorder h2 { text-align: center !important; }
  .preorder img { height:auto; margin: 1em auto; width: 60%; max-width:200px; min-width:100px; }

.links #header { background:transparent }
.links #footer { padding:3em 2em 2em; }
.links main { padding:2em; text-align: center; }
  .links main a { border:.2em solid; display:block; font-size: 1.2em; margin: 0 auto .5em; padding:.65em 1.5em; max-width:29em; }

.cards ul { align-content: baseline; align-items: stretch; display: flex; flex-flow: row wrap; margin: 0; padding:0 !important; }
  .cards ul > li { background:white; border-radius:.6em; box-shadow: 0 1px 3px rgba(0,0,0,.12); display:flex; flex-flow: column; margin:.5em; overflow:hidden; padding:0 0 1em; }
  .cards li li { border-radius: 0; box-shadow: none; margin:0 0 .5em !important; padding:0; }
  .cards li ul { flex-flow: column; flex-grow:2; margin:1em 1em 0; overflow: visible;padding:0; }
    .cards article > ul > li > ul > li:nth-child(1) { flex-grow:1; font-size:1.5em; margin:0 !important; }
    .cards article > ul > li > ul > li:nth-child(2) { flex-grow:1; font-style: italic; opacity:.6; }
    .cards article > ul > li > ul > li:nth-child(3) { flex-grow:2; }
      .cards article > ul > li > ul > li:nth-child(3) a { margin-top:.5em; }
    .cards article > ul > li > ul > li:nth-child(4) { flex-grow:1; }
  .cards li ul ul { align-items: stretch; border-top:1px solid #eee; flex-flow: row wrap; margin:1em 0 0; padding:.5em 0 0; text-align: center; }
    .cards li li ul li { flex-grow:1; width: auto !important; }
      .cards li li ul li strong { display: block; }
  .cards li img { display: block; flex-grow: 0; height:auto; margin:0; width:calc(100%); }
  .cards li p { margin: 0 }

  .cards ul ul a { font-weight: bold; }
  .cards ul ul a strong { color:#64a473; font-size:1.2em; }

.boomtown ul { align-content: baseline; align-items: stretch; display: flex; flex-flow: row wrap; }
  .boomtown li { background:white; border-radius:.6em; box-shadow: 0 1px 3px rgba(0,0,0,.12); display:flex; flex-flow: column;  overflow:hidden; padding:0; }
  .boomtown li li { border-radius: 0; box-shadow: none; margin:0 0 .5em !important; padding:0; }
  .boomtown li ul { flex-flow: column; flex-grow:2; margin:1em 1em 0; overflow: visible;padding:0; }
  .boomtown img { display: block; flex-grow: 0; height:auto; margin:0; width:calc(100%); }
  .boomtown li p { margin: 0 }
  .boomtown em, .boomtown strong { display:inline; }

.propaganda { margin: 0 auto; max-width: 40em}
  .propaganda ul{ list-style:none; padding:0; text-align: left; }
  .propaganda li{margin:0 0 1.5em;padding:0}
  .propaganda > ul strong::after,.propaganda > ul em::before{content:' . . . . . . '; font-weight:normal;text-decoration:none;}

/* MEDIA QUERIES */

@media (max-width:720px) {
  /*h1, h2, h3, h4, h5, h6 { padding:.8em 0; }*/
  /*.home main ul, .home main li { align-items:center; }*/
 /* .doubled6 nav a { padding: 0; }
  .doubled6 #header p { margin-left:.25em; }*/
  .hello { display:none; }

    .cards li, .boomtown li { width:auto; }
    .propaganda ul {text-align: center}
    . propaganda li {margin:0 0 2.5em;}
    .propaganda a,.propaganda em,.propaganda > ul em::before{display:block;}
    .propaganda > ul strong::after {display: none;}
}
@media (min-width:720px) {
  /*#header { background:#fffffa; height:100%; left:0; padding:1em 1em 3em; position:fixed; top:0; width:16em; }
    #header small { bottom:0; display:block; left:0; padding:1em; text-align:center; }
  main, .notice { padding:0 0 0 18em; }
  #footer { padding:1em 0 1em 18em; }*/
  /*nav li { display:block; }
  nav li, .social li { padding:0 .5em; }*/
  .links {}
    .links #header { background:none; height:auto; left:0; padding:2em 2em 3em; position:inherit; top:0; width:calc(100% - 4em); }
  .doubled6 .cards li { width:calc(25% - 1em); }
    .doubled6 .cards li li {  width:auto; }
}
@media (min-width:1200px) {
  .cards li, .boomtown li { display:flex; width:calc(50% - 4em); }
}