/*
  These image and font assets need to be fingerprinted/digested.

  You can't use `url()` inside the tailwind.application.css file because
  that file is processed by Tailwind's CLI (PostCSS), not by Sprockets.
  So this images-fonts.css.erb file has been added to manifest.js which
  means it will get processed by Sprockets and the use of asset_path
  with resolve to digested assets. This file is also referenced in the
  application layout.
*/

/* ==========================================================================
   Background Images
   ========================================================================== */

.bg-hero {
  background-image: url(/assets/hero-7f5ddb921d1ad11f02c302ad6c78951c32893b7bd15dc01ef7721b84a0568d9d.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}

.bg-hero-unpacked {
  background-color: hsl(220, 27%, 13%); /* 181e2a */
  background-image: url(/assets/unpacked-hero-8247dc7b97c6c8c290b31439e91587e00b8ba63f92dce1d0287ac5c9103bb202.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.bg-hero-elixir {
  background-color: hsl(267, 42%, 22%); /* 35204e */
  background-image: url(/assets/courses/elixir/elixir-hero-purple-8c7388904d5865dd47356d4b08735b17ca631aaca49b4047dd79507d592abe20.jpg);
}

.bg-hero-phoenix {
  background-color: hsl(30, 88%, 52%); /* f08419 */
  background-image: url(/assets/courses/liveview/liveview-hero-orange-fire-6a101e6e40a6d46afe2b6879ca4ade82e3753290d8b34b00c5e3ed7555a8e817.jpg);
}

.bg-hero-liveview {
  background-color: hsl(30, 88%, 52%); /* f08419 */
  background-image: url(/assets/courses/liveview/liveview-hero-orange-fire-6a101e6e40a6d46afe2b6879ca4ade82e3753290d8b34b00c5e3ed7555a8e817.jpg);
}

.bg-hero-rails {
  background-color: hsl(355, 57%, 21%); /* 53171c */
  background-image: url(/assets/courses/rails6/rails-hero-red-57a8150672fddd0db34b3f3e5f1c046691d046289b5cfd5211131a40f9553aa8.jpg);
}

.bg-hero-ruby {
  background-color: hsl(355, 57%, 21%); /* 53171c */
  background-image: url(/assets/courses/ruby/ruby-hero-red-57a8150672fddd0db34b3f3e5f1c046691d046289b5cfd5211131a40f9553aa8.jpg);
}

.bg-hero-hotwire {
  background-color: hsl(30, 88%, 52%); /* f08419 */
  background-image: url(/assets/courses/hotwire/hotwire-hero-fire-7e20308c8913ea70cc985628fc9882447bbc98af36258f63f0e85acabb00d115.jpg);
  background-position: center bottom;
}

.bg-hero-elm {
  background-color: hsl(199, 75%, 66%); /* 69c1ea */
  background-image: url(/assets/courses/elm/elm-hero-blue-ea5d9815b9bcdc03b9e07494884c60018e13258237ff00459ce54562d98dbab1.jpg);
}

/* ==========================================================================
   Fonts
   ========================================================================== */

/*
  stardos-stencil-regular - latin

  https://google-webfonts-helper.herokuapp.com/fonts/stardos-stencil?subsets=latin
  */
@font-face {
  font-family: "Stardos Stencil";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/stardos-stencil-v11-latin-regular-c1a672df2c5446b5e20d8155e59cb55d288ac253b5a6b198f2c609cc5e9899c7.eot);
  src: url(/assets/stardos-stencil-v11-latin-regular-c1a672df2c5446b5e20d8155e59cb55d288ac253b5a6b198f2c609cc5e9899c7.eot?#iefix) format("embedded-opentype"),
    /* IE6–IE9 */
    url(/assets/stardos-stencil-v11-latin-regular-0e17e9bb3312509d9c6ffff150183298077db009dc8ca87439fa329e7e722d3c.woff2) format("woff2"),
    /* Modern browsers */
    url(/assets/stardos-stencil-v11-latin-regular-7e5071e5df5a8792da99f1285ef4c224cad2457a3090e47fde5635d8173551dd.woff) format("woff"),
    /* Most browsers */
    url(/assets/stardos-stencil-v11-latin-regular-ae231c2b0f4d2d34a9063514b2dc478eb0c8d706f09c4d6a99cdcb377af6e0dc.ttf) format("truetype"),
    /* Safari, Android, iOS */
    url(/stardos-stencil-v11-latin-regularsvg##StardosStencil) format("svg");
  /* Legacy iOS */
}