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

.section-two-columns .layout-setup {
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-two-columns .layout-setup {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-two-columns .layout-setup {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 981px) {
    .section-two-columns .layout-setup {
      gap: 80px; } }
  .section-two-columns .layout-setup .column-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative; }
    .section-two-columns .layout-setup .column-wrapper h2 {
      margin-top: 0;
      margin-bottom: 20px; }
      .section-two-columns .layout-setup .column-wrapper h2 a:hover {
        text-decoration: none;
        color: var(--blue); }
    .section-two-columns .layout-setup .column-wrapper .content {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .section-two-columns .layout-setup .column-wrapper .content .content-wrapper {
        background-color: var(--light-green);
        border-radius: 0 0 0 0;
        padding: 20px 20px 80px;
        flex: 1; }
        .section-two-columns .layout-setup .column-wrapper .content .content-wrapper:has(.shortcode-recent-posts) {
          background-color: transparent !important;
          padding: 0; }
        .section-two-columns .layout-setup .column-wrapper .content .content-wrapper p {
          margin: 0; }
    .section-two-columns .layout-setup .column-wrapper .bottom {
      position: relative; }
      .section-two-columns .layout-setup .column-wrapper .bottom .redirect-chevron {
        position: absolute;
        right: -105px;
        top: -45px;
        height: 85px;
        width: 150px;
        border-radius: 100px;
        background-color: var(--orange);
        z-index: 9;
        transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; }
        .section-two-columns .layout-setup .column-wrapper .bottom .redirect-chevron span {
          color: var(--white);
          font-size: 25px;
          position: absolute;
          top: 50%;
          left: 10px;
          transform: translateY(-50%);
          z-index: 9; }
      .section-two-columns .layout-setup .column-wrapper .bottom .image {
        flex-basis: 100%;
        padding-top: 50%;
        position: relative;
        overflow: hidden;
        border-radius: 0 0 0 0; }
        .section-two-columns .layout-setup .column-wrapper .bottom .image img {
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          inset: 0; }
    .section-two-columns .layout-setup .column-wrapper:hover .bottom a {
      background-color: var(--dark-orange);
      transform: translateX(-20px); }

.section-two-columns.no-background .content-wrapper {
  padding: 0 !important;
  background-color: unset !important; }

/*# sourceMappingURL=two-columns.css.map */