@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono|Roboto:100,300");
body { font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5 { font-family: "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .25em; color: #4b0049; }

p { font-family: "Roboto", sans-serif; font-weight: 100; letter-spacing: .15em; color: #4b0018; }

.about-claire a { color: #7da7d9; width: 10rem; }
.about-claire a:hover { color: #8560a8; }
.about-claire .svg-inline--fa { margin: 1rem; font-size: 3rem; }

.footer { position: static; background-color: rgba(255, 255, 255, 0.5); width: 100%; padding: 1rem 0; }
.footer p { font-family: "IBM Plex Mono", monospace; font-weight: 500; text-transform: uppercase; margin: 0; }
.footer.sticky { position: absolute; bottom: 0; }
@media screen and (max-width: 576px) { .footer p { font-size: .7rem; } }

.home-img { margin-bottom: 8rem; }
@media screen and (max-width: 576px) { .home-img { width: 100%; } }
@media screen and (min-width: 576px) { .home-img { width: 40%; min-width: 300px; margin-top: 4rem; } }

.cloud-suit .cshse { width: 448rem; height: 28rem; }
.cloud-suit .card { margin: 30px 15px; }
.cloud-suit .scroll-indicator { color: #7da7d9; }
.cloud-suit .scroll-indicator .svg-inline--fa { color: #f49ac1; }
.cloud-suit .pdf-embed { width: 100%; }
@media screen and (max-width: 576px) { .cloud-suit .pdf-embed { height: 78vw; } }
@media screen and (min-width: 576px) and (max-width: 767px) { .cloud-suit .pdf-embed { height: 420px; } }
@media screen and (min-width: 767px) and (max-width: 992px) { .cloud-suit .pdf-embed { height: 550px; } }
@media screen and (min-width: 992px) and (max-width: 1200px) { .cloud-suit .pdf-embed { height: 740px; } }
@media screen and (min-width: 1200px) { .cloud-suit .pdf-embed { height: 865px; } }

.background-image { width: 100%; height: 100%; background-image: url("/assets/img/cloud-bg2.jpg"); background-attachment: fixed; background-size: cover; position: fixed; z-index: -3; }

.background-filter { width: 100%; height: 100%; background-image: radial-gradient(white 50%, rgba(255, 255, 255, 0.5), rgba(243, 247, 252, 0.5)); background-attachment: fixed; position: fixed; z-index: -2; }

.background-texture { width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQYV2NkQAL/GRgaGGF8KAciAOOA2IzIHJAAAPCrB4Rj81dwAAAAAElFTkSuQmCC) repeat; background-attachment: fixed; position: fixed; z-index: -1; }

.card { margin: 30px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.no-shadow { -webkit-box-shadow: none; box-shadow: none; }

.no-border { border: none; }

.blockquote, .citation { font-size: .9rem; font-style: italic; text-align: justify; color: #8560a8; padding: 0 5rem; }

.citation { text-align: right; font-weight: 300; }

.horizontal-scroll { overflow: scroll; overflow-y: hidden; }

.cloud-banner { width: 100%; }
.cloud-banner img { width: 100%; }

.navbar-light .navbar-toggler-icon { background-image: url("/assets/img/hamburger-icon.png"); background-repeat: no-repeat; background-size: 100% 100%; }

.navbar { margin-bottom: 30px; }

.claire-movies-grid .card-deck .card { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; margin-bottom: 15px; width: 100%; }
@media screen and (min-width: 992px) { .claire-movies-grid .card-deck { margin: 30px 0; }
  .claire-movies-grid .card-deck .card { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; margin: 0 15px; } }
.claire-movies-grid .local-movie-container { width: 100%; }
.claire-movies-grid .local-movie-container video { width: 100%; }