.ParagraphCocktail {
  flex-direction: column;
  background: none;
  position: relative; }
  .ParagraphCocktail-header {
    text-align: center;
    padding-right: 0;
    margin-bottom: 3rem; }
  .ParagraphCocktail-surtitle {
    font-family: var(--secondary-font);
    font-weight: bold;
    letter-spacing: 0.07em;
    margin-bottom: 3rem; }
  .ParagraphCocktail-title {
    font-size: 4rem;
    background: none;
    padding: 0;
    margin-bottom: 3rem; }
    @media (max-width: 767px) {
      .ParagraphCocktail-title {
        font-size: 3.5rem; } }
  .ParagraphCocktail-titleWrapper {
    padding-right: 0; }
  .ParagraphCocktail-chapo {
    max-width: 76.8rem;
    margin: -2rem auto 3rem; }
  .ParagraphCocktail-cocktails {
    display: flex;
    margin: 0 -4rem;
    padding: 0 1.5rem;
    transform: none;
    width: 100%; }
    @media (max-width: 767px) {
      .ParagraphCocktail-cocktails {
        margin: 0;
        padding: 0; } }
    .ParagraphCocktail-cocktails .swiper-wrapper {
      height: auto; }
    @media (min-width: 768px) {
      .ParagraphCocktail-cocktails .swiper-wrapper {
        justify-content: center; } }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
      width: calc(33.33% - 5rem);
      margin: 0 2.5rem 3rem;
      background: transparent;
      text-align: center;
      padding: 0;
      -webkit-clip-path: url("#glitch-barton-path");
              clip-path: url("#glitch-barton-path"); }
      @media (max-width: 767px) {
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
          width: calc(100% - 6rem);
          margin: 0 3rem 3rem; } }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-cocktail {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition-duration: 0.3s;
        width: 80%; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media {
        margin-bottom: 0;
        color: white;
        position: relative;
        border: none;
        overflow: hidden;
        -webkit-clip-path: url("#glitch-barton-path");
                clip-path: url("#glitch-barton-path");
        box-shadow: none; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media img {
          display: block;
          width: 100%;
          height: auto; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          background: var(--green-color);
          opacity: 0;
          transition: opacity 0.5s ease-in-out 0s; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media .NodeCocktail-paragraph-cta {
          position: absolute;
          left: 50%;
          top: 50%;
          max-width: 100%;
          transform: translate3d(-50%, 30rem, 0) rotate3d(0, 0, 1, -10deg) scale3d(0.8, 0.8, 1);
          transition: transform 0.5s ease-in-out 0s, visibility 0s linear 0.5s;
          visibility: hidden;
          font-family: var(--secondary-font);
          font-size: 5rem;
          font-weight: bold;
          z-index: 3; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-media, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-media {
          margin-bottom: 0;
          border: none;
          box-shadow: none; }
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-media::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-media::after {
            opacity: 0.25; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cta, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cta {
          transform: none;
          visibility: visible;
          transition-delay: 0s; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cocktail, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cocktail {
          transform: translate(-50%, -50%) scale(1.2); }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
        font-family: var(--secondary-font);
        color: white;
        font-size: 4.5rem;
        font-weight: 800;
        text-align: center; }
        .ParagraphCocktail .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
          color: white; }
          @media (max-width: 767px) {
            .ParagraphCocktail .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
              font-size: 3.5rem; } }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph .NodeCocktail-paragraph-content {
        padding: 12rem 2.5rem 0rem;
        color: white;
        background-image: url("../../../img/bg-wood.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -1rem;
        flex: 1; }
  .ParagraphCocktail .swiper-button-prev,
  .ParagraphCocktail .swiper-button-next {
    bottom: unset;
    top: 50%; }
  .ParagraphCocktail .swiper-button-prev {
    left: 0; }

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