.ParagraphCocktail-title {
  font-size: 3.5rem; }

.ParagraphCocktail-chapo {
  text-align: center;
  margin-bottom: 3rem; }

.ParagraphCocktail-link {
  margin-top: 3rem; }

.ParagraphCocktail-cocktails {
  margin: 0 -4rem;
  padding: 0 2rem;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto; }
  @media (max-width: 767px) {
    .ParagraphCocktail-cocktails {
      margin: 0 -2rem; } }
  .ParagraphCocktail-cocktails.swiper-container {
    overflow: hidden; }
  .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
    width: 25%;
    padding: 6px 3rem 0;
    text-align: center; }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper {
      display: flex;
      flex-direction: column-reverse; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-title {
        text-decoration: underline; }
    @media (max-width: 1023px) {
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
        width: 50%; } }
    @media (max-width: 767px) {
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
        width: 100%; } }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo {
      color: var(--text-color);
      margin-bottom: 3rem; }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph-content {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph-surtitle, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-subtitle, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo {
      font-family: var(--secondary-font);
      font-style: italic;
      font-size: 1.7rem;
      font-weight: normal;
      color: var(--third-color);
      margin-bottom: 1rem;
      text-align: center;
      order: -1; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-surtitle::before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-surtitle::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-subtitle::before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-subtitle::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo::before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo::after {
        content: '';
        height: 1px;
        width: 1.5rem;
        background: var(--border-color);
        display: inline-block;
        font-size: 0;
        vertical-align: middle;
        margin: 0 0.1rem; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-surtitle::before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-subtitle::before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo::before {
        margin-left: -1.5rem; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-surtitle::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-subtitle::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-chapo::after {
        margin-right: -1.5rem; }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media {
      margin-bottom: 2.6rem;
      border: solid 1px var(--primary-color);
      -o-border-image: radial-gradient(var(--third-color), var(--primary-color), var(--third-color), var(--primary-color)) 1;
         border-image: radial-gradient(var(--third-color), var(--primary-color), var(--third-color), var(--primary-color)) 1;
      position: relative;
      padding: 1px;
      z-index: 0; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media::after {
        content: '';
        position: absolute;
        top: -7px;
        bottom: -7px;
        left: 0;
        right: 0;
        width: auto;
        background: linear-gradient(to right, var(--primary-color) 2px, transparent 2.1px), linear-gradient(to right, var(--primary-color) 2px, transparent 2.1px);
        background-size: 6px 2px, 6px 2px;
        background-repeat: repeat-x, repeat-x;
        background-position: top, bottom;
        z-index: -1; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media::before {
        content: '';
        position: absolute;
        left: -7px;
        right: -7px;
        width: auto;
        top: 0;
        bottom: 0;
        background: linear-gradient(var(--primary-color) 2px, transparent 2.1px), linear-gradient(var(--primary-color) 2px, transparent 2.1px);
        background-size: 2px 6px, 2px 6px;
        background-repeat: repeat-y, repeat-y;
        background-position: left, right;
        z-index: -1; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media img {
        display: block;
        width: 100%;
        height: auto; }

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