@charset "UTF-8";
.blog-section .top-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.3rem;
  aspect-ratio: 16/9;
  min-height: 20rem;
}
@media (min-width: 768px) {
  .blog-section .top-image {
    min-height: auto;
  }
}
.blog-section .top-image .overlay-bottom {
  border-radius: 1.3rem;
}
.blog-section .top-image .overlay-bottom.rounded-carousel:after {
  border-radius: 1.3rem !important;
}
.blog-section .top-image .overlay-bottom:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 85%;
  display: inline-block;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  border-radius: 1.3rem !important;
}
.blog-section .top-image .overlay-bottom img {
  display: block;
}
.blog-section .blog-image {
  border: 1px solid hsl(12, 94%, 93%);
  border-bottom: 0;
  border-top-left-radius: 1.3rem;
  border-top-right-radius: 1.3rem;
}
.blog-section .blog-image .image-content {
  display: block;
  height: 12rem;
}
.blog-section .blog-image .image-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 1.3rem;
  border-top-right-radius: 1.3rem;
}
@media (min-width: 576px) {
  .blog-section .blog-image .image-content {
    height: 14rem;
  }
}
@media (min-width: 768px) {
  .blog-section .blog-image .image-content {
    height: 15rem;
  }
}
.blog-section .card-text h3 {
  min-height: 2em;
  align-items: center;
  display: flex;
}
.blog-section .card-text p {
  margin-bottom: 0;
}
.blog-section .card-body {
  border: 1px solid hsl(12, 93%, 61%);
  border-bottom-color: hsl(12, 94%, 93%);
  padding: 1rem 0.75rem;
}
.blog-section .card-body.footer-card {
  display: flex;
  border-radius: 0 0 1.3rem 1.3em !important;
  border: 1px solid hsl(12, 93%, 61%);
  border-top: 0;
  height: 100%;
  padding-right: 0;
  padding-left: 0;
}
.blog-section .card-body.footer-card .tag-wrapper {
  background-color: hsl(10, 89%, 96%);
  min-width: 100%;
  margin: 0;
  border-radius: 0 0 1.3rem 1.3em !important;
}
.blog-section .card-body.footer-card .tag-wrapper .col-12 {
  border-radius: 0 0 1.3rem 1.3em !important;
}
.blog-section .card-body-main {
  height: 100%;
  min-height: 20.5rem;
  display: flex;
  flex-direction: column;
}
.blog-section .card-body-main-inner {
  flex-grow: 1;
}
.blog-section .btn-tag {
  font-size: 0.8rem;
}
.blog-section .categories .active {
  color: hsl(12, 93%, 61%);
}
.blog-section img {
  max-width: 100%;
}
.blog-section img.item-boxed {
  width: 100%;
}
.blog-section blockquote {
  font-size: 1rem;
}
.blog-section blockquote:before, .blog-section blockquote:after {
  color: hsl(233, 11%, 71%);
  line-height: 0.1em;
  margin-right: 0.25em;
  font-weight: 600;
  content: "“";
  font-size: 3em;
  vertical-align: -0.4em;
}
.blog-section blockquote:before:after, .blog-section blockquote:after:after {
  content: "”";
  margin-left: -0.07em;
  vertical-align: -0.5em;
}
.blog-section .widget-content-border {
  border: 1px solid hsl(12, 93%, 61%);
  margin: -1px;
}
.blog-section .blog-description-preview {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  line-height: initial;
}
.blog-section .sidebar-content a {
  color: #000211;
}
.blog-section .sidebar-content a:hover {
  color: hsl(12, 53%, 52%);
}

.categories .category:focus-visible {
  outline: 2px solid hsl(12, 93%, 61%);
}
.categories .category svg {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.categories .category.collapsed svg {
  transform: rotate(0deg);
}