/* css for iwilldestroyus.americanicarus.com */

/* theme colors */

:root {
  --color-primary: #8A1A20;
  --color-secondary: #141414;
  --color-tertiary: #8194D0;
  --color-quaternary: #CC5A3E;
  --color-quinary: #CC5A3E;
}

html, body {
  min-height: 100%;
  height: 100%;
}

  #iwdu-stage {
          border-top: 0.25rem solid var(--color-primary);
          border-bottom: 0.5rem solid var(--color-primary);
          /* background-color: #719195; */
          background-color: var(--color-primary);
          /* background: linear-gradient(29deg, rgba(113,145,149,1) 0%, rgba(113,145,149,1) 59%, rgba(128,191,199,1) 100%); */ /* white until image is loaded */

          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: cover;
          /* background-attachment: fixed; */
        }
  .no-webp #iwdu-stage {
    background-image: url('../images/michigan-06973.png');
  }

  .webp #iwdu-stage {
    background-image: url('../images/michigan-06973.webp');
  }

    #iwdu-stage:before {
      content: ' ';
      display: block;
      position: absolute;
      border-top: 0.25rem solid var(--color-primary);
      border-bottom: 0.5rem solid var(--color-primary);
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*
      opacity: 0.4;
      background-color: #ffffff;
      */
    }


  article, section, footer, aside, header {
    font-family: "garamond-premier-pro-display",serif;
    font-size: 1.25rem;
  }

  article {margin-top:0.5rem;}

  a, a:visited, a:hover {
    color: var(--color-quinary);
  }

  .logo-text {
    margin-top: 80vh;
    letter-spacing: 0.25vw;
    font-size: 12vw;
    color: var(--color-primary);
  }

    .logo-text a {
      color: var(--color-primary);
    }

      .logo-text a:hover {
        text-decoration: none;
      }


      #iwdu-stage .logo-text, #iwdu-stage .logo-text a {
        color: #ffffff;
      }

  .header-slash {
     position: relative;
   }
     .header-slash:before {
       position: absolute;
       content: "";
       left: 0;
       top: 52%;
       right: 0;
       border-top: 0.1rem solid #54231b;
       -webkit-transform:rotate(2deg);
       -moz-transform:rotate(2deg);
       -ms-transform:rotate(2deg);
       -o-transform:rotate(2deg);
       transform:rotate(2deg);
     }

  .parallax-wrapper {
    perspective: 2px;
  }


  form label, form input, form button {
    letter-spacing: 0.05rem;
  }

  .contact-figure {
    display: block;
  }
    .contact-figure picture, .contact-figure img {
      width: 100%;
    }

  .footer-utilities ul {
    list-style-type: none;
    padding-left: 0;
  }

    nav.footer-utilities ul li {
      display: inline-block;
      padding-right:2%;
    }

    nav.footer-utilities ul li:first-child {
      border-right: 1px solid var(--color-secondary);
      padding-right: 4%;
      margin-right: 2%;
    }

    .social-media-icon {
      width: 3rem;
    }


   /* bootstrap 4 overrides */
   .btn-outline {
     color: var(--color-quinary);
     border-color: var(--color-quinary);
   }
     .btn-outline:hover {
       color: #ffffff;
       background-color: var(--color-quinary);
     }

       .btn-outline:disabled:hover {
         color: var(--color-quinary);
         background-color: transparent;
       }

   .btn-outline-dark {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
   }

   /* cookie-consent overrides */
   .cc-window {
     border-top: 0.15rem solid var(--color-primary);
     border-bottom: 0.25rem solid var(--color-primary);
   }

  @media (min-width: 768px) {

    article, section, footer, aside, header {
      font-size: 1.25rem;
    }

    .logo-text {
      margin-top: 70vh;
      font-size: 6vw;
    }

    .header-slash:before {
      border-top: 0.15rem solid #440b02;
    }

    .no-webp #iwdu-stage {
      background-image: url('../images/michigan-06973@1.33x.png');
    }

    .webp #iwdu-stage {
      background-image: url('../images/michigan-06973@1.33x.webp');
    }
    /*
      #iwdu-stage:before {
        opacity: 0.1;
        background-color: #000000;
      }
    */
  }

  @media (min-width: 992px) {

    .no-webp #iwdu-stage {
      background-image: url('../images/michigan-06973@1.5x.png');
    }

    .webp #iwdu-stage {
      background-image: url('../images/michigan-06973@1.5x.webp');
    }

  }

  @media (min-width: 1200px) {

    .no-webp #iwdu-stage {
      background-image: url('../images/michigan-06973@2x.png');
    }

    .webp #iwdu-stage {
      background-image: url('../images/michigan-06973@2x.webp');
    }

  }