/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Jazmin';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Jazmin-Bold.otf"); }

@font-face {
  font-family: 'Jazmin';
  font-weight: 600;
  src: url("/app/themes/florent/assets/fonts/Jazmin-SemiBold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular-Italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium-italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold-italic.otf"); }

.item-news {
  padding: 25px 0;
  border-bottom: 2px solid var(--blue); }
  @media (min-width: 768px) {
    .item-news {
      padding: 50px 0; } }
  .item-news:first-child {
    padding-top: 0; }
  .item-news:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .item-news .item-in {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative; }
    @media (min-width: 768px) {
      .item-news .item-in {
        align-items: flex-start;
        flex-direction: row; } }
    @media (min-width: 768px) {
      .item-news .item-in .left {
        flex-shrink: 0;
        width: 32%; } }
    .item-news .item-in .right {
      flex-grow: 1; }
    .item-news .item-in .image-overlay {
      position: relative;
      padding-top: 85%;
      height: auto;
      margin: 0;
      overflow: hidden; }
      .item-news .item-in .image-overlay > img, .item-news .item-in .image-overlay img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      @media (min-width: 480px) {
        .item-news .item-in .image-overlay {
          position: relative;
          padding-top: 65%;
          height: auto; }
          .item-news .item-in .image-overlay > img, .item-news .item-in .image-overlay img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; } }
      @media (min-width: 768px) {
        .item-news .item-in .image-overlay {
          position: relative;
          padding-top: 105%;
          height: auto; }
          .item-news .item-in .image-overlay > img, .item-news .item-in .image-overlay img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; } }
      .item-news .item-in .image-overlay img {
        transform: scale(1);
        transition: transform .3s ease-in-out; }
        @media (max-width: 767px) {
          .item-news .item-in .image-overlay img {
            -o-object-position: 10% 20%;
               object-position: 10% 20%; } }
    .item-news .item-in .content h3 {
      margin: 0 0 20px 0;
      font-family: "Cera Pro", Helvetica, Arial, sans-serif; }
      @media (min-width: 768px) {
        .item-news .item-in .content h3 {
          margin: 0 0 30px 0; } }
      .item-news .item-in .content h3 a {
        text-decoration: none; }
    .item-news .item-in .content .post-info {
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      color: var(--blue-light);
      margin-bottom: 25px; }
      .item-news .item-in .content .post-info .info-row {
        margin-bottom: 10px; }
        @media (min-width: 480px) {
          .item-news .item-in .content .post-info .info-row {
            display: flex;
            align-items: center;
            gap: 5px; } }
        .item-news .item-in .content .post-info .info-row:last-child {
          margin-bottom: 0; }
        .item-news .item-in .content .post-info .info-row .stripe {
          display: none; }
          @media (min-width: 480px) {
            .item-news .item-in .content .post-info .info-row .stripe {
              display: inline; } }
        .item-news .item-in .content .post-info .info-row p {
          margin: 0; }
    .item-news .item-in .content .btn.hollow {
      margin-top: 20px;
      font-family: "Cera Pro", Helvetica, Arial, sans-serif;
      font-weight: 400; }
      @media (min-width: 768px) {
        .item-news .item-in .content .btn.hollow {
          margin-top: 40px; } }
  .item-news:hover .image-overlay img {
    transform: scale(1.03); }

/*# sourceMappingURL=item.css.map */