html, body {
  overflow-x:clip;
}

/* Section 1 */
#c-blog-post-button {
  padding: var(--space-xs) var(--space-m);
  font-family: var(--poppins);
  font-weight: 900;
  line-height: 1.1;
}

.c-blog-post {
    background:var(--white);
    padding-block: 0 var(--space-l-2xl);
}

.c-blog-post {
  display:block;
  background:var(--powder);
}
.c-blog-post__featured-image {
  width:100%;
  aspect-ratio: 1920/1080;
  max-height: 650px;
}
.c-blog-post__container {
  background:var(--white);
  margin-top:max(-150px, -13%);
  border-radius:var(--space-s);
  filter:drop-shadow(var(--drop-shadow));
  position:relative;
  padding-inline:var(--space-l-xl);
  padding-block:var(--space-l) var(--space-xl);
}
.c-blog-post__info {
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: space-between;
  text-align:center;
  gap:var(--space-s);
  margin-block-end:var(--space-l);
  padding-inline:var(--space-m-l);
}

.c-blog-post__title {
  display: block;
  position: relative;
  padding-block:var(--space-m);
  border-bottom:3px solid var(--fire);
  margin-block-end:var(--space-m);
}

.c-blog-post__content {
  max-width:min(1000px, 100%);
  margin:0 auto;
}

@media(max-width:768px) {
  .c-blog-post__info {
    flex-direction: unset;
    flex-direction:column;
  }
}

@media(max-width:500px) {
  .c-blog-post__container {
    margin-top:var(--space-xl);
  }
}

.c-socials {
  display: flex;
  justify-content: center;
  margin-block:var(--space-m-l);
}
.c-socials__icons {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:var(--space-3xs);
    padding:var(--space-3xs) var(--space-s);
    border-radius: var(--space-xs);
    color:var(--white);
}
.c-socials__icon {
  margin:0;
}
.c-socials__link {
    transition:.5s ease-in-out;
    color:currentColor;
}
.c-socials__link svg {
  font-size:2.5em;
}

.c-socials__icons--fire {
  background-color: var(--fire);
}
.c-socials__icons--medallion {
  background-color: var(--medallion);
}
.c-socials__icons--frost {
  background-color: var(--frost);
}
.c-socials__icons--green {
  background-color: var(--corporategreen);
}

@media (hover: hover) {
  .c-socials__link:hover {
    transform:rotateY(360deg) scale(1.1);
    transform-origin: center center;
  }
}

a {
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-color:var(--black);
  cursor: pointer;
}

/* Related Blog Cont */
.c-related-section {
    background:var(--powder);
    padding-block: var(--space-l-2xl) var(--space-m);
}
.c-related-posts {
  padding-block-start:var(--space-s);
  align-items: stretch;
}

/* Old code that may be used in blogs */
.single-post--application,
.single-post--application .application-group {
  display:flex;
  flex-direction:column;
  align-items:center
}
.single-post--application .mb__10 {
  margin-bottom:10px;
  font-size:1rem
}
.single-post--application .btn {
  padding:15px
}
@media(min-width:576px) {
  .single-post--application {
    display:inherit;
    text-align:center
  }
  .single-post--application h3 {
    text-align:center
  }
  .single-post--application .grid--2-col {
    display:grid;
    grid-template-columns:200px 200px;
    grid-column-gap:20px;
    justify-content:center
  }
  .single-post--application .grid--2-col .application-group {
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }
  .single-post--application .grid--2-col .application-group .avatar {
    margin-bottom:0
  }
}