body {
  font-size: 17px !important;
}

.spacing {
  padding-top: 100px;
}

.bg-light-purple {
  background: #5423c6;
}

.bg-purple {
  background: #421b9b;
}

.post-content img{
  max-width: 100%;
  height: auto;
  margin: 1rem 0; 
}

.blog-post-summary a{
  text-decoration: none !important;
  color: inherit !important;
}

.post-preview img{
  max-height: 250px;
}

.old-new-btn ul {
  display: flex;
  justify-content: space-between;
}

.logo-btn {
  height: 36px;
  width: 120px;
}

.flow{
  justify-content: center;
}

/* width/height attributes reserve space while images load; height:auto keeps the real aspect ratio. */
.card-img-top,
.single-post-text img {
  max-width: 100%;
  height: auto;
  /* If the editor's width/height don't match the file, letterbox instead of stretching. */
  object-fit: contain;
}

/* YouTube click-to-load placeholder (see BodyHtmlOptimizer.cs and scripts.js). */
/* .yt-facade rules live in Views/CriticalStyles.liquid so a facade in the first
   screen has its final size before this file loads. Its thumbnail rule is more
   specific than .single-post-text img above, so this file doesn't override it. */

/* Font Awesome declares font-display: block, which hides icon text for up to
   3s on slow networks. These faces come later in the page, so they win. */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../OrchardCore.Resources/Vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../OrchardCore.Resources/Vendor/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../OrchardCore.Resources/Vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2");
}