.ParagraphCocktail {
  background: var(--third-color, #FF5500);
  color: white; }
  .ParagraphCocktail::before {
    background: linear-gradient(45deg, var(--primary-color, #FCC500), var(--third-color, #FF5500));
    opacity: 1; }
  .ParagraphCocktail-header {
    padding-right: 0; }
  .ParagraphCocktail-cocktails {
    padding: 0;
    order: -1;
    transform: none; }
    @media (min-width: 768px) {
      .ParagraphCocktail-cocktails {
        width: calc(50% - 10rem); } }
  .ParagraphCocktail-surtitle {
    font-size: 2.8rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      .ParagraphCocktail-surtitle {
        font-size: 2rem;
        text-align: right; } }
  .ParagraphCocktail-title {
    font-size: 10rem;
    letter-spacing: 0.6rem;
    line-height: 1; }
    @media (max-width: 1024px) {
      .ParagraphCocktail-title {
        font-size: 7rem; } }
    @media (max-width: 767px) {
      .ParagraphCocktail-title {
        font-size: 4.4rem; } }

.NodeCocktail-paragraph {
  padding-left: 0; }
  .ParagraphCocktail .NodeCocktail-paragraph {
    color: white; }
  .NodeCocktail-paragraph-content {
    padding-left: 0;
    padding-right: 7rem; }
  .NodeCocktail-paragraph-media {
    border: none;
    box-shadow: none; }
  .NodeCocktail-paragraph-title {
    font-weight: bold;
    font-size: 2.5rem;
    text-transform: none; }
  .NodeCocktail-paragraph-chapo {
    color: var(--text-color); }

.ParagraphCocktail-surtitle,
.ParagraphCocktail-title,
.NodeCocktail-paragraph-title,
.ParagraphCocktail .swiper-button-prev,
.ParagraphCocktail .swiper-button-next {
  color: inherit; }

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