/**
 * 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: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.item-wrapper {
  border-radius: 1.25rem;
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 18px 0px #00000014; }
  .item-wrapper .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: var(--blue-gradient);
    padding: var(--spacing-m);
    z-index: 1;
    position: relative;
    flex-direction: column-reverse; }
    .item-wrapper .title-wrapper .news-date {
      color: #fff;
      position: relative;
      margin-bottom: var(--spacing-s);
      align-self: end; }
    .item-wrapper .title-wrapper::after {
      content: '';
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--orange-gradient);
      transition: opacity .3s ease-in-out; }
    .item-wrapper .title-wrapper h2 {
      margin: 0;
      flex: 1;
      z-index: 1; }
      .item-wrapper .title-wrapper h2 a {
        transition: color .3s ease-in-out;
        font-size: 1.3rem;
        color: var(--white);
        line-height: 1.6;
        display: block; }
        .item-wrapper .title-wrapper h2 a:hover {
          text-decoration: none;
          color: var(--white); }
  .item-wrapper .bottom {
    display: flex;
    padding: var(--spacing-m);
    background: var(--white);
    position: relative;
    justify-content: space-between; }
    .item-wrapper .bottom::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--white);
      transition: transform .3s ease-in-out;
      z-index: 1; }
    .item-wrapper .bottom .link {
      z-index: 2;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .item-wrapper .bottom .link__icon {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        background: var(--light-green);
        transform: rotate(270deg);
        display: flex;
        align-items: center;
        justify-content: center; }
        .item-wrapper .bottom .link__icon::after {
          font-family: Icomoon;
          content: '\e900';
          font-size: 1.3rem;
          color: var(--black); }
    .item-wrapper .bottom .custombtn {
      text-transform: uppercase;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      color: var(--black); }
      .item-wrapper .bottom .custombtn:hover {
        text-transform: uppercase;
        color: var(--black);
        font-weight: 600;
        cursor: pointer;
        text-decoration: none; }
  .item-wrapper:hover .title-wrapper::after {
    opacity: 1; }
  .item-wrapper:hover .bottom::before {
    transform: translateY(-10px); }

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