.news {
    display: block;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}

.news hr {
    border: none;
    height: 1px;
    background-color: #df9b71;
    margin: 20px auto;
    width: 100%;
    clear: both; /* ensure floats inside a post don't affect the divider */
}

.news h2 {
    padding-bottom: 20px;
}

/* make CKEditor/inline figures/images behave and be responsive */
figure.image {
  margin: 1em 0; /* don't force center by default */
  max-width: 100%;
}

.ck-content,
.ck-content figure.image {
  max-width: 100%;
  box-sizing: border-box;
}

/* ensure images inside editor scale */
.ck-content img,
figure.image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* CKEditor5 figure-specific selectors with higher specificity */
.ck-content figure.image.image-style-align-center,
.ck-content .image-style-align-center,
.image-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.ck-content figure.image.image-style-align-center img,
.ck-content .image-style-align-center img,
.image-align-center img {
  display: inline-block;
  margin: 0 auto;
}

/* left / right alignment on the figure and the contained img */
.ck-content figure.image.image-style-align-left,
.ck-content .image-style-align-left,
.image-align-left {
  float: left;
  margin: 0.5em 1em 0.5em 0;
  max-width: 50%;
  width: auto;
}

.ck-content figure.image.image-style-left img,
.ck-content .image-style-align-left img,
.image-align-left img {
  display: block;
  max-width: 100%;
  height: auto;
}

.ck-content figure.image.image-style-align-right,
.ck-content .image-style-align-right,
.image-align-right {
  float: right;
  margin: 0.5em 0 0.5em 1em;
  max-width: 50%;
  width: auto;
}

.ck-content figure.image.image-style-right img,
.ck-content .image-style-align-right img,
.image-align-right img {
  display: block;
  max-width: 100%;
  height: auto;
}

.ck-content figure.image.image-style-full,
.ck-content .image-style-full,
.image-style-full {
  display: block;
  width: 100%;
  margin: 1em 0;
  max-width: 100%;
}

/* clear floats contained in ck-content to avoid leaking to following elements */
.ck-content::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 860px) {
    .buttons {
        flex-direction: column;
    }
    .button {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}