.NodeCocktail-headerContent {
  display: flex;
  flex-direction: column; }

.NodeCocktail-title {
  font-size: 4rem;
  color: var(--primary-color);
  font-weight: normal;
  margin-bottom: 3rem;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .NodeCocktail-title {
      text-align: center; } }

.NodeCocktail-subtitle {
  order: -1;
  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;
  opacity: 1; }
  .NodeCocktail-subtitle::before, .NodeCocktail-subtitle::after {
    content: '';
    height: 1px;
    width: 1.5rem;
    background: var(--border-color);
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    margin: 0 0.1rem; }
  .NodeCocktail-subtitle::before {
    margin-left: -1.5rem; }
  .NodeCocktail-subtitle::after {
    margin-right: -1.5rem; }
  @media (min-width: 768px) {
    .NodeCocktail-subtitle {
      text-align: left; }
      .NodeCocktail-subtitle::before {
        margin-left: 0; } }

.NodeCocktail-ingredients {
  margin-bottom: 2rem; }

.NodeCocktail-ingredientsTitle {
  font-size: inherit;
  font-weight: normal;
  color: inherit; }

.NodeCocktail .toggle-title {
  border: none;
  border-bottom: solid 1px currentColor;
  background: none;
  min-width: 0;
  padding: 0;
  text-decoration: underline;
  position: relative;
  transition: border-color 0.15s ease-in-out 0s;
  text-decoration: none; }
  .NodeCocktail .toggle-title::after {
    content: '';
    position: absolute;
    height: 6px;
    bottom: -6px;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(to right, var(--primary-color), var(--primary-color) 2px, transparent 2.1px, transparent 6px, var(--primary-color) 6.1px) left bottom repeat-x;
    background-size: 6px 2px; }
  .NodeCocktail .toggle-title:hover, .NodeCocktail .toggle-title:focus {
    border: none;
    box-shadow: none;
    border-bottom: solid 1px transparent; }

.NodeCocktail-preparationWrapper, .NodeCocktail-preparationTipsWrapper,
.NodeCocktail .ParagraphWysiwyg {
  background: none;
  text-align: center; }

.NodeCocktail-preparationPictogram, .NodeCocktail-preparationTipsPictogram {
  display: none; }

.NodeCocktail-titleWrapper + .NodeCocktail-subtitle {
  margin-top: 0; }

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