.news {
  .card {
    background: $primary-bg;
    border-radius: 20px;

    .figure {
      border-radius: 20px 20px 0 0;
    }

    .content .title {
      h3 {
        line-height: 1;
        padding-bottom: 15px;
      }

      .subtitle {
        color: $fourth-color;
        font-weight: 400;

        &:hover {
          color: $fourth-color;
          filter: brightness(1.1);
        }
      }
    }

    // .gradient-overlay:before {
    //   display: none;
    // }

    .teaser {
      font-weight: 400;
      text-align: left;
    }
    &.content-on-image-bottom {
      .figure {
        @include media-breakpoint-down(lg) {
          border-radius: 0px;
        }
      }
    }
  }

  .owl-carousel .owl-nav button.owl-prev:hover,
  .owl-carousel .owl-nav button.owl-prev:focus,
  .owl-carousel .owl-nav button.owl-prev:active,
  .owl-carousel .owl-nav button.owl-next:hover,
  .owl-carousel .owl-nav button.owl-next:focus,
  .owl-carousel .owl-nav button.owl-next:active {
    border-color: $fourth-color;
  }

  .owl-carousel .owl-nav button.owl-prev:before,
  .owl-carousel .owl-nav button.owl-next:before {
    background: $fourth-color;
    box-shadow: inset $fourth-color 0 0 0 3px;
    color: $primary-color;
  }

  .mosaic .card {
    @include media-breakpoint-down(lg) {
      max-height: 100%;
    }

    .gradient-overlay-left:before {
      background: transparent linear-gradient(180deg, #00000000 0%, #000000b2 100%) 0% 0% no-repeat padding-box;
    }

    .content {
      .title {
        h3 {
          color: $primary-color;
          padding-bottom: 5px;

          a:hover {
            color: $primary-color;
          }
        }

        .subtitle {
          color: $fourth-color;
        }
      }

      .btn-inn {
        display: none;
      }
    }

    &.content-on-image-bottom .content,
    &.img-top .content {
      padding: 30px !important;
    }

    .figure {
      border-radius: 20px;
    }

    .teaser {
      color: $primary-color;
      font-weight: 700;
      font-size: 24px;

      @include media-breakpoint-down(lg) {
        font-size: 20px;
      }
    }
  }

  .mosaic-2col .item.h-100 {
    padding-bottom: 0 !important;
  }

  .card .btn-out {
    display: none;
  }

  .news-body .news-teaser p {
    font-weight: 700;
    padding-bottom: 5px;
  }
}

.card {
  .content {
    @include media-breakpoint-down(md) {
      padding: 30px;
    }

    @include media-breakpoint-down(sm) {
      padding: 18px;
    }

    .title {
      h3 {
        @include media-breakpoint-down(lg) {
          font-size: 1.75rem;
          text-align: unset !important;
        }
      }

      .subtitle {
        text-transform: none;

        p {
          color: #FCF7ED;
        }

        @include media-breakpoint-down(md) {
          p {
            text-align: unset !important;
          }
        }
      }
    }
  }

  &.cardtype-price {
    .price-wrap .price-items li.price-style2 .price-wrap-inner .price {
      display: flex;
      flex-direction: row;
      gap: 7px;
      white-space: normal;

      span.price {
        white-space: nowrap;
      }
    }
  }

  border-radius: 20px;

  .figure {
    @include media-breakpoint-down(md) {
      border-radius: 20px 20px 0 0;
    }
  }

  &.img-top {
    .content {
      .title {
        h3 {
          @include media-breakpoint-down(xl) {
            text-align: left !important;
          }
        }

        span.subtitle {
          p {
            @include media-breakpoint-down(xl) {
              text-align: left !important;
            }
          }

          ul {

            li:before {
              background: #ffffff;
            }
          }
        }
      }

      .price-wrap {
        ul.price-items.items-below {
          @include media-breakpoint-down(xl) {
            padding-top: 20px;
            padding-bottom: 0px;

            li.price-style1 {
              .title {
                p {
                  text-align: left;
                }
              }
            }
          }
        }
      }
    }
  }

  &.cardtype-price {
    &.no-pic {
      &.border-rounded {
        .content {
          @include media-breakpoint-down(lg) {
            padding: 10px;
          }

          &:has(.btn-out) {
            @include media-breakpoint-down(lg) {
              padding-bottom: 22px;
            }
          }

          &>.title {
            @include media-breakpoint-down(lg) {
              margin-left: 0px;
              margin-bottom: 20px;

              >h3 {
                padding-bottom: 5px;
                padding-top: 0px;
                line-height: 30px;
              }
            }
          }

          .price-wrap {
            @include media-breakpoint-down(lg) {
              margin-top: 0px;

              >.price-items {
                margin-bottom: 0px;

                li.price-style2 {
                  margin: 0 0 8px 0;
                  padding: 9px 10px;

                  &:last-child {
                    margin: 0 0 0px 0;
                  }

                  .price-wrap-inner {
                    .price {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between;

                      >.title {
                        font-size: 20px;
                        font-weight: 900;
                      }
                    }
                  }
                }
              }
            }
          }

        }
      }

    }

    &.img-top {
      .content {
        @include media-breakpoint-between(sm, lg) {

          .btn-out {
            a {
              padding: 10px 15px;

              span {
                font-size: 0.8rem;
              }
            }
          }
        }

        @include media-breakpoint-down(lg) {
          padding: 10px 10px;

          &:has(.btn-out) {
            padding-bottom: 22px;
          }
        }

        &>.title {
          @include media-breakpoint-down(lg) {
            margin-left: 10px !important;
            margin-bottom: 0px;

            ul {
              padding: 0 0 0px 0px;

              li {
                &:last-child {
                  padding-bottom: 0px;
                }
              }
            }

            >h3 {
              padding-bottom: 5px;
              padding-top: 0px;
              line-height: 30px;
              text-align: left !important;
            }

            span.subtitle {
              p {
                text-align: left !important;
              }
            }
          }
        }

        .price-wrap {
          @include media-breakpoint-down(lg) {
            margin-top: 0px;
          }

          ul.price-items.items-below {
            @include media-breakpoint-down(lg) {
              padding-top: 0px;
              padding-bottom: 0px;
              margin-bottom: 0px;
            }

            li.price-style1 {
              margin: 0 0 8px 0;
              padding: 9px 10px;

              .title {
                p {
                  @include media-breakpoint-down(lg) {
                    text-align: left;
                  }
                }
              }
            }
          }
        }

        .price-wrap {
          @include media-breakpoint-down(lg) {
            >.price-items {
              li.price-style2 {
                margin: 0 0 8px 0;
                padding: 9px 10px;

                .price-wrap-inner {
                  .price {
                    >.title {
                      text-align: right;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    &.img-left {
      .content {
        .title {
          h3 {
            @include media-breakpoint-down(xl) {
              text-align: left !important;
            }
          }

          span.subtitle {
            p {
              @include media-breakpoint-down(xl) {
                text-align: left !important;
              }
            }

            ul {
              li:before {
                background: #ffffff;
              }
            }
          }
        }

        .price-wrap {
          ul.price-items.items-below {
            @include media-breakpoint-down(xl) {
              padding-top: 20px;
              padding-bottom: 0px;

              li.price-style1 {
                .title {
                  p {
                    text-align: left;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  &.content-on-image-bottom {

    .figure {
      &+.content {
        .title {
          @include media-breakpoint-down(lg) {
            padding-bottom: 10px;

            &:after {
              top: 46%;
              color: #ffffff;
            }
          }

          span.subtitle {
            p {
              @include media-breakpoint-down(lg) {
                padding-bottom: 0px;
              }
            }
          }

          h3 {
            @include media-breakpoint-down(lg) {
              text-align: center !important;
              padding-bottom: 0px;
            }
          }
        }
      }
    }
  }
}

.card {
  background: $primary-color;
}

.news .title a {
  color: white;
}

.fourcol-25-25-25-25 {
  .col-6.col-sm-6.col-md-6 {
    .item {
      padding-bottom: 0 !important;

      @include media-breakpoint-between(sm, lg) {
        padding-bottom: 30px !important;
      }

      @include media-breakpoint-between(sm, md) {
        height: 100% !important;

      }

      .card.cardtype-price.zoom-in.no-pic {
        @include media-breakpoint-down(lg) {
          margin-bottom: 20px;
        }

        @include media-breakpoint-down(sm) {
          margin-bottom: 10px;
        }

        .content {
          justify-content: flex-start;

          @include media-breakpoint-down(md) {
            padding: 20px;
          }
        }

        .title {
          padding-bottom: 0px;



          h3 {
            font-size: 30px;

            @include media-breakpoint-down(xl) {
              font-size: 28px;
              line-height: 34px;
              margin-bottom: 20px;
            }

            @include media-breakpoint-down(lg) {
              font-size: 24px;
              line-height: 28px;
              margin-bottom: 0px;
              padding-top: 0;

            }
          }
        }

        .price-wrap {
          height: auto;

          .price-items.items-below {
            padding-top: 0px;
            padding-bottom: 0px;

            @include media-breakpoint-between(lg, xl) {
              flex-direction: column;
            }

            li.price-style1 {
              margin: 0 0 0px 0;

              @include media-breakpoint-between(lg, xl) {
                flex-direction: column;
              }

              .title {
                @include media-breakpoint-between(lg, xl) {
                  width: 100%;
                  margin-bottom: 10px;
                }

                p {
                  color: #ffffff;

                  @include media-breakpoint-down(md) {
                    text-align: left;
                  }
                }
              }

              .price {
                color: #ffe54f;
                font-size: 24px;

                @include media-breakpoint-down(xl) {
                  font-size: 20px;
                }

                @include media-breakpoint-down(md) {
                  font-size: 16px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(lg) {
  .slide-item-review.cardtype-rating {
    padding: 30px 30px;

    .rating {
      margin-bottom: 20px !important;
    }

    h4,
    .card-content {
      margin-bottom: 20px !important;
      height: auto;
    }

    .rating-author p {
      color: #fff;
    }
  }
}

@include media-breakpoint-down(md) {
  .slide-item-review.cardtype-rating {
    * {
      text-align: left !important;
    }
  }

  .frame-type-news_newsliststicky .news .item .card.img-top .content .title h3 {
    text-align: left !important;
    padding-top: 0px !important;
  }
}

@include media-breakpoint-between(sm, lg) {
  .fourcol-25-25-25-25 .item.h-100 {
    height: 100% !important;
  }
}

@include media-breakpoint-down(lg) {
  .frame-type-news_newsliststicky {
    .news {
      .section {
        .mosaic.mosaic-2col {
          .item .card.content-on-image-bottom {

            .figure.gradient-overlay-left,
            .figure.gradient-overlay-right,
            .figure.gradient-overlay {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
            }

            .content {
              position: static;

              .title {
                h3 {
                  padding-top: 0px;
                  padding-bottom: 15px;
                  text-align: left !important;
                  a:hover {
                    color: #ffffff;
                  }
                }

                span.subtitle {
                  text-align: left;
                }
              }
            }
          }
        }
      }
    }
  }
}

.news.news-single {
  .article {
    .news {
      .news-body {
        @include media-breakpoint-down(lg) {
          padding-top: 0px !important;

          p.news-meta {
            margin-top: 20px;
          }
        }
      }

      .news-custom-content-section {
        .image-slider {
          @include media-breakpoint-down(lg) {
            margin-bottom: 10px;
          }
        }

        .t3-alignment a {
          position: relative;
          padding: 14px 20px 14px 40px;

          i.fa.fa-chevron-left {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }
    }

    @include media-breakpoint-down(md) {
      .hero-inner.hero-main.news-detail {
        min-height: auto;
        padding-top: 61px;

        .figure {
          position: static;

          img {
            position: static;
            transform: translate(0px, 0px);
          }
        }

        .hero-cont {
          position: static;
          transform: translateY(0px);

          .aside {
            position: static;
            padding: 0;

            .frame-type-header {
              background: $fourth-color;
              color: $primary-color;
              padding: 15px 20px;
              border-radius: 8px;
              margin-top: 30px;
              margin-bottom: 10px;
            }

            header {
              padding-bottom: 0px;
              margin-top: 0px;

              h1,
              h2 {
                color: $primary-color;
                font-size: 2rem;
                padding-bottom: 0px;
              }
            }
          }
        }
      }
    }
  }
}