/**
 * 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"); }

.content-tile-popup input[type="submit"],
.content-tile-popup input:visited[type="submit"] {
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 600;
  line-height: 1;
  padding: calc(0.5em + 2px) 1.5em 0.5em;
  border: 2px solid var(--light-green);
  border-radius: 6px;
  cursor: pointer;
  background: var(--light-green);
  text-align: center;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
  .content-tile-popup input:hover[type="submit"], .content-tile-popup input:focus[type="submit"],
  .content-tile-popup input:visited:hover[type="submit"],
  .content-tile-popup input:visited:focus[type="submit"] {
    color: var(--white);
    background-color: var(--orange);
    text-decoration: none;
    outline: none;
    border-color: var(--orange); }
  .content-tile-popup input:active[type="submit"],
  .content-tile-popup input:visited:active[type="submit"] {
    top: 1px; }
  .content-tile-popup input.white[type="submit"],
  .content-tile-popup input:visited.white[type="submit"] {
    background-color: var(--white);
    border-color: var(--white); }
    .content-tile-popup input.white:hover[type="submit"],
    .content-tile-popup input:visited.white:hover[type="submit"] {
      background-color: var(--orange);
      color: var(--white);
      border-color: var(--orange); }
  .content-tile-popup input.btn--blue-gradient[type="submit"],
  .content-tile-popup input:visited.btn--blue-gradient[type="submit"] {
    position: relative;
    overflow: hidden;
    background: var(--blue-gradient); }
    .content-tile-popup input.btn--blue-gradient[type="submit"]:hover::after,
    .content-tile-popup input[type="submit"]:visited.btn--blue-gradient:hover::after {
      opacity: 1; }
    .content-tile-popup input.btn--blue-gradient[type="submit"]::after,
    .content-tile-popup input[type="submit"]:visited.btn--blue-gradient::after {
      background: var(--blue);
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: .3s opacity ease-in-out; }
  .content-tile-popup input.btn--orange-gradient[type="submit"],
  .content-tile-popup input:visited.btn--orange-gradient[type="submit"] {
    overflow: hidden;
    position: relative;
    background: var(--orange-gradient); }
    .content-tile-popup input.btn--orange-gradient[type="submit"]:hover::after,
    .content-tile-popup input[type="submit"]:visited.btn--orange-gradient:hover::after {
      opacity: 1; }
    .content-tile-popup input.btn--orange-gradient[type="submit"]::after,
    .content-tile-popup input[type="submit"]:visited.btn--orange-gradient::after {
      background: var(--orange);
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: .3s opacity ease-in-out; }
  .content-tile-popup input.btn--black[type="submit"],
  .content-tile-popup input:visited.btn--black[type="submit"] {
    position: relative;
    overflow: hidden;
    background: var(--black); }
  .content-tile-popup input.hollow[type="submit"],
  .content-tile-popup input:visited.hollow[type="submit"] {
    color: var(--white);
    border-color: var(--white);
    background: transparent !important; }
    .content-tile-popup input.hollow:hover[type="submit"],
    .content-tile-popup input:visited.hollow:hover[type="submit"] {
      border-color: var(--orange);
      background: var(--orange) !important; }

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

.section-content-tiles .two-row {
  display: grid;
  gap: var(--spacing-l);
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-content-tiles .two-row {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-content-tiles .two-row {
      grid-template-columns: repeat(2, 1fr); } }

.section-content-tiles .three-row {
  display: grid;
  gap: var(--spacing-l);
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-content-tiles .three-row {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-content-tiles .three-row {
      grid-template-columns: repeat(3, 1fr); } }

.section-content-tiles .four-row {
  display: grid;
  gap: var(--spacing-l);
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-content-tiles .four-row {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-content-tiles .four-row {
      grid-template-columns: repeat(4, 1fr); } }

.section-content-tiles .item-wrapper {
  border-radius: 1.25rem;
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 18px 0px #00000014; }
  .section-content-tiles .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; }
    .section-content-tiles .item-wrapper .title-wrapper .news-date {
      color: #fff;
      position: relative;
      margin-bottom: var(--spacing-s);
      align-self: end; }
    .section-content-tiles .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; }
    .section-content-tiles .item-wrapper .title-wrapper h2 {
      margin: 0;
      flex: 1;
      z-index: 1; }
      .section-content-tiles .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; }
        .section-content-tiles .item-wrapper .title-wrapper h2 a:hover {
          text-decoration: none;
          color: var(--white); }
  .section-content-tiles .item-wrapper .bottom {
    display: flex;
    padding: var(--spacing-m);
    background: var(--white);
    position: relative;
    justify-content: space-between; }
    .section-content-tiles .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; }
    .section-content-tiles .item-wrapper .bottom .link {
      z-index: 2;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .section-content-tiles .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; }
        .section-content-tiles .item-wrapper .bottom .link__icon::after {
          font-family: Icomoon;
          content: '\e900';
          font-size: 1.3rem;
          color: var(--black); }
    .section-content-tiles .item-wrapper .bottom .custombtn {
      text-transform: uppercase;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      color: var(--black); }
      .section-content-tiles .item-wrapper .bottom .custombtn:hover {
        text-transform: uppercase;
        color: var(--black);
        font-weight: 600;
        cursor: pointer;
        text-decoration: none; }
  .section-content-tiles .item-wrapper:hover .title-wrapper::after {
    opacity: 1; }
  .section-content-tiles .item-wrapper:hover .bottom::before {
    transform: translateY(-10px); }

.section-content-tiles .post {
  border-radius: 0;
  overflow: hidden;
  position: relative; }
  .section-content-tiles .post .content {
    position: relative;
    height: 100%; }
    .section-content-tiles .post .content a {
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 9; }
    .section-content-tiles .post .content .content-wrapper {
      display: grid;
      align-items: center;
      flex-direction: column;
      padding: var(--spacing-m);
      height: 100%;
      background: var(--white);
      transition: .3s all ease-in-out;
      grid-template-areas: "img title" "content content";
      grid-template-columns: min-content 1fr;
      gap: var(--spacing-m) var(--spacing-l); }
      .section-content-tiles .post .content .content-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; }
      @media (min-width: 480px) {
        .section-content-tiles .post .content .content-wrapper {
          grid-template-areas: "img title" "img content";
          gap: var(--spacing-xs) var(--spacing-l); } }
      .section-content-tiles .post .content .content-wrapper .image {
        grid-area: img;
        --size: 4.6875rem;
        height: var(--size);
        width: var(--size);
        border-radius: 100%;
        background: var(--blue-gradient);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1; }
        @media (min-width: 480px) {
          .section-content-tiles .post .content .content-wrapper .image {
            --size: 7.8125rem; } }
        .section-content-tiles .post .content .content-wrapper .image img {
          z-index: 1;
          height: 75%;
          width: 75%; }
        .section-content-tiles .post .content .content-wrapper .image.contain img {
          border-radius: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          height: 100%;
          width: 100%; }
        .section-content-tiles .post .content .content-wrapper .image svg {
          fill: var(--white); }
      .section-content-tiles .post .content .content-wrapper .content {
        z-index: 1;
        grid-area: content;
        transition: color .3s ease-in-out; }
        .section-content-tiles .post .content .content-wrapper .content p {
          margin: 0; }
      .section-content-tiles .post .content .content-wrapper .title {
        grid-area: title;
        margin: 0;
        flex: 1;
        z-index: 1;
        transition: color .3s ease-in-out;
        font-size: clamp(1.375rem, calc(1.375rem + 1vw), 2rem); }
      .section-content-tiles .post .content .content-wrapper .link-overlay {
        position: absolute;
        inset: 0;
        text-decoration: none; }
        .section-content-tiles .post .content .content-wrapper .link-overlay:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
  .section-content-tiles .post:hover a + .content-wrapper {
    background-color: var(--orange); }
    .section-content-tiles .post:hover a + .content-wrapper::after {
      opacity: 1; }
    .section-content-tiles .post:hover a + .content-wrapper .title {
      color: #fff; }
    .section-content-tiles .post:hover a + .content-wrapper .content {
      color: #fff; }

.content-tile-popup {
  background-color: var(--light-green); }
  .content-tile-popup input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
  .content-tile-popup textarea, .content-tile-popup select {
    padding: 1em;
    display: block;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    border: none;
    min-height: 40px;
    color: var(--light-blue); }
    .content-tile-popup input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]):focus,
    .content-tile-popup textarea:focus, .content-tile-popup select:focus {
      outline: 2px solid #444462;
      outline-offset: 3px;
      border-radius: 1px; }
    .content-tile-popup input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::-moz-placeholder, .content-tile-popup textarea::-moz-placeholder, .content-tile-popup select::-moz-placeholder {
      color: var(--light-blue); }
    .content-tile-popup input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::placeholder,
    .content-tile-popup textarea::placeholder, .content-tile-popup select::placeholder {
      color: var(--light-blue); }
  .content-tile-popup input[type="file"] {
    color: #000 !important;
    padding-left: 0 !important; }
  .content-tile-popup input:not([type="checkbox"]) {
    border-radius: 0; }
  .content-tile-popup input[type="submit"] {
    margin-top: .85rem;
    padding: .5em; }
    .content-tile-popup input[type="submit"]:hover {
      background: var(--dark-orange);
      border-color: var(--dark-orange); }
  .content-tile-popup .form {
    background-color: var(--light-green);
    padding: 2rem;
    border-radius: 0; }
    .content-tile-popup .form h1, .content-tile-popup .form h2, .content-tile-popup .form h3 {
      color: var(--white);
      font-size: 24px;
      margin-top: 0; }
    .content-tile-popup .form textarea {
      padding: 1em; }
    .content-tile-popup .form .gform_footer {
      margin: 0;
      padding: 0; }
      .content-tile-popup .form .gform_footer .button {
        background-color: var(--orange);
        color: var(--white);
        border-radius: 8px;
        margin: 2rem 0;
        line-height: 19px !important;
        min-width: 150px; }
        .content-tile-popup .form .gform_footer .button:hover {
          background-color: var(--dark-orange); }
  .content-tile-popup .gform_validation_error h2 {
    font-size: 16px !important;
    color: #c02b0a !important; }
  .content-tile-popup .validation_message:before {
    content: '\e90d';
    font-family: Icomoon;
    color: #c02b0a;
    font-size: 20px;
    position: relative;
    margin-right: .5em;
    top: 3px;
    margin-left: -11px; }
  .content-tile-popup .gfield_error legend:before {
    content: '\e90d';
    font-family: Icomoon;
    color: #c02b0a;
    font-size: 20px;
    position: relative;
    margin-right: .5em;
    top: 3px;
    font-weight: normal; }
  .content-tile-popup h1, .content-tile-popup h2, .content-tile-popup h3 {
    font-size: 24px;
    margin-top: 0; }
  .content-tile-popup textarea {
    padding: 1em; }
  .content-tile-popup .gform_footer {
    margin: 0;
    padding: 0; }
    .content-tile-popup .gform_footer .button {
      background-color: var(--orange);
      color: var(--white);
      border-radius: 8px;
      margin: 2rem 0;
      line-height: 19px !important;
      min-width: 150px; }
      .content-tile-popup .gform_footer .button:hover {
        background-color: var(--dark-orange); }

/*# sourceMappingURL=content-tiles.css.map */