.news {
  background: #fff linear-gradient(180deg, rgba(169, 209, 224, 0.63) 0%, rgba(245, 254, 255, 0.63) 36%, rgba(221, 246, 252, 0.63) 68%, rgba(237, 247, 253, 0.93) 90%, rgb(255, 255, 255) 100%) 0% 0%;
}

.news .thumb {
  border-radius: 1.2em;
}

.news .tags {
  font-size: .76em;
}

.news .tags a {
  font-size: inherit;
  background-color: #fff;
  border-radius: .5em;
  text-transform: capitalize;
  padding-top: 2px;
  padding-bottom: 2px;
}

.news .separator {
  border: 2px solid #3fa7b8;
  margin: 0;
}

.news .btn-default {
  min-width: unset;
  padding: 0.45em 2em;
}

.news .btn-default:after {
  vertical-align: 0.155em;
}

#news-first .title a {
  color: #3fa7b8;
  font-size: 1.4em;
}

#news-first .brief {
  color: #231F20;
  font-size: .92em;
}


/** Detail */
.news.detail .breadcrumb ol li:not(:last-child):after {
  content: "/";
  display: inline-block;
}

.news.detail .breadcrumb li:last-child span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 880px;
  overflow: hidden;
}

.news.detail .block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.news.detail .block>div {
  flex: 1 0 100%;
}

@media (max-width: 992px) {
  .news.detail .block .headline {
    order: 2
  }

  .news.detail .block .photo {
    order: 1
  }

  .news.detail .block .content {
    order: 3
  }

  .news.detail .breadcrumb a {
    font-size: .9em;
  }
}

/** Detail Content */
.news.detail .content>p,
.news.detail .content div>p {
  margin-bottom: 0;
}

.news.detail .content>p>img,
.news.detail .content div>p>img {
  display: block;
  margin: 2em auto;
  width: 100%;
  max-width: 800px;
  height: auto;
}

.news.detail .content a {
  color: #3fa7b8;
}

.news.detail .social a {
  color: #3fa7b8;
  margin-left: .25em;
}


/* Subscription Begin */
.subscription {
  background: transparent linear-gradient(180deg, #BCE0ED 0%, #F5FEFF 42%, transparent 100%);
}

.subscription .ratio {
  --bs-aspect-ratio: 27em;
}

/* Subscription End */