/* FONTS
   ----------------------------- */
/* SPACINGS
   ----------------------------- */
/* BAR
   ----------------------------- */
/* COLORS
   ----------------------------- */
/* ANIMATION
   ----------------------------- */
/* MEDIA QUERIES
   ----------------------------- */
/* COMMONS
   ----------------------------- */
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400&display=swap");
@import url("https://use.typekit.net/end8dfa.css");
ul,
ul li {
  list-style-type: disc; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 4rem; }

.wysiwyg {
  line-height: 1.4; }
  .wysiwyg p {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem; }
    .wysiwyg p:last-child {
      margin-bottom: 0; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem; }

footer.footer {
  padding: 1rem 0; }
  footer.footer .row {
    padding: 0 1rem 1rem;
    font-size: 13px; }
    footer.footer .row p {
      padding: 0; }
    footer.footer .row:first-child .sidebar {
      width: 100%;
      float: none;
      line-height: 1.4; }
      footer.footer .row:first-child .sidebar h6 {
        padding-bottom: .5rem; }
      footer.footer .row:first-child .sidebar li {
        list-style: none;
        display: inline-block;
        padding: 0 .5rem;
        font-size: 1rem; }

.header__toggle {
  height: 2.4rem;
  width: 2.4rem;
  cursor: pointer; }

.bar,
.bar:after,
.bar:before {
  height: 2px;
  background: #000;
  border-radius: 10rem; }

.bar {
  width: 1.5rem;
  transform: translateY(-50%);
  transition: all 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 50%; }
  .bar:before, .bar:after {
    content: '';
    position: absolute;
    left: 0;
    width: 1.5rem;
    transition: top 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .bar:before {
    bottom: 0.5rem; }
  .bar:after {
    top: 0.5rem; }
  .bar.animate {
    background: transparent; }
    .bar.animate:after, .bar.animate:before {
      background: #000; }
    .bar.animate:after {
      transform: rotate(-45deg);
      top: 0;
      transition: top 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .bar.animate:before {
      transform: rotate(45deg);
      bottom: 0;
      transition: bottom 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/* COMMON
   ----------------------------- */
.slick-slider .slick-slide:focus {
  outline: none; }

.slick-slider.flex .slick-track {
  display: flex; }
  .slick-slider.flex .slick-track .slick-slide {
    height: auto; }
    .slick-slider.flex .slick-track .slick-slide > div,
    .slick-slider.flex .slick-track .slick-slide > div > * {
      height: 100%; }

/* SLIDER ARROW
    ----------------------------- */
.slick-slider .slick-arrow {
  position: absolute;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 9;
  top: 50%;
  border: 0;
  font-size: 0;
  background: url("../images/arrow.svg") no-repeat center center;
  background-size: contain;
  height: 3rem;
  width: 1.2rem; }
  .slick-slider .slick-arrow.slick-prev {
    left: 1rem;
    transform: rotate(180deg); }
  .slick-slider .slick-arrow.slick-next {
    right: 1rem; }
  .slick-slider .slick-arrow:focus {
    outline: none; }

/* SLIDER DOTS
  ----------------------------- */
.slick-slider .slick-dots {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%); }
  .slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 .3rem; }
    .slick-slider .slick-dots li button {
      border: 0;
      padding: 0;
      appearance: none;
      background: transparent;
      font-size: 0;
      cursor: pointer; }
      .slick-slider .slick-dots li button:focus {
        outline: none; }
      .slick-slider .slick-dots li button:before {
        content: '';
        display: inline-block;
        border-radius: 50%;
        height: .8rem;
        width: .8rem;
        border: 1px solid #000; }
    .slick-slider .slick-dots li.slick-active button:before {
      background: #000; }

html {
  font-size: 15px; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision; }

* {
  box-sizing: border-box; }

img {
  vertical-align: top; }
  img.cover-image {
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
    height: 100%;
    width: 100%; }
  img.contain-image {
    object-fit: contain;
    height: 100%;
    width: 100%; }
  img.lazy {
    opacity: .1;
    transition: opacity 0.6s 0.05s ease;
    image-rendering: pixelated; }
    img.lazy.loaded {
      opacity: 1;
      image-rendering: auto; }
    img.lazy--gif {
      opacity: 1; }
  img.cornice {
    margin: 0; }

.fluid {
  width: 100%;
  height: auto; }

.max-width-5 {
  max-width: 78rem; }

.cover, .section--botanic-video .section__video-row .section__video .section__video-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.content-area {
  margin-top: 3.53rem; }
  @media (max-width: 52em) {
    .content-area {
      margin-top: 4.4rem; } }

/* BOTANIC
  ----------------------------- */
body.page-template-botanic-bitter {
  background: none; }

/* PRODUCT READY TO DRINK
  ----------------------------- */
body.single-prodotto.postid-667 .product-title,
body.single-prodotto.postid-676 .product-title,
body.single-prodotto.postid-174 .product-title,
body.single-prodotto.postid-685 .product-title {
  text-transform: uppercase;
  font-size: 3rem; }

body.single-prodotto.postid-667 .bg-logo .bg-luce,
body.single-prodotto.postid-676 .bg-logo .bg-luce,
body.single-prodotto.postid-174 .bg-logo .bg-luce,
body.single-prodotto.postid-685 .bg-logo .bg-luce {
  background: none; }

body.single-prodotto.postid-667 .bg-logo .inner-product,
body.single-prodotto.postid-676 .bg-logo .inner-product,
body.single-prodotto.postid-174 .bg-logo .inner-product,
body.single-prodotto.postid-685 .bg-logo .inner-product {
  max-width: 100%;
  position: relative;
  display: flex;
  justify-content: center; }
  body.single-prodotto.postid-667 .bg-logo .inner-product:before, body.single-prodotto.postid-667 .bg-logo .inner-product:after,
  body.single-prodotto.postid-676 .bg-logo .inner-product:before,
  body.single-prodotto.postid-676 .bg-logo .inner-product:after,
  body.single-prodotto.postid-174 .bg-logo .inner-product:before,
  body.single-prodotto.postid-174 .bg-logo .inner-product:after,
  body.single-prodotto.postid-685 .bg-logo .inner-product:before,
  body.single-prodotto.postid-685 .bg-logo .inner-product:after {
    content: '';
    display: table;
    clear: both; }
  body.single-prodotto.postid-667 .bg-logo .inner-product .content.first-content,
  body.single-prodotto.postid-676 .bg-logo .inner-product .content.first-content,
  body.single-prodotto.postid-174 .bg-logo .inner-product .content.first-content,
  body.single-prodotto.postid-685 .bg-logo .inner-product .content.first-content {
    max-width: 45%;
    line-height: 1.4;
    font-size: 1.1rem;
    z-index: 9;
    margin: 5rem 0; }
    @media (max-width: 52em) {
      body.single-prodotto.postid-667 .bg-logo .inner-product .content.first-content,
      body.single-prodotto.postid-676 .bg-logo .inner-product .content.first-content,
      body.single-prodotto.postid-174 .bg-logo .inner-product .content.first-content,
      body.single-prodotto.postid-685 .bg-logo .inner-product .content.first-content {
        max-width: 80%;
        margin-top: 12rem; } }
    body.single-prodotto.postid-667 .bg-logo .inner-product .content.first-content h4,
    body.single-prodotto.postid-676 .bg-logo .inner-product .content.first-content h4,
    body.single-prodotto.postid-174 .bg-logo .inner-product .content.first-content h4,
    body.single-prodotto.postid-685 .bg-logo .inner-product .content.first-content h4 {
      line-height: 1.4;
      font-size: 1.3rem;
      margin-bottom: 1rem; }
  body.single-prodotto.postid-667 .bg-logo .inner-product .bottiglia,
  body.single-prodotto.postid-676 .bg-logo .inner-product .bottiglia,
  body.single-prodotto.postid-174 .bg-logo .inner-product .bottiglia,
  body.single-prodotto.postid-685 .bg-logo .inner-product .bottiglia {
    position: absolute; }
    body.single-prodotto.postid-667 .bg-logo .inner-product .bottiglia:nth-child(1),
    body.single-prodotto.postid-676 .bg-logo .inner-product .bottiglia:nth-child(1),
    body.single-prodotto.postid-174 .bg-logo .inner-product .bottiglia:nth-child(1),
    body.single-prodotto.postid-685 .bg-logo .inner-product .bottiglia:nth-child(1) {
      max-width: 28%;
      left: 2%;
      top: auto; }
      @media (max-width: 52em) {
        body.single-prodotto.postid-667 .bg-logo .inner-product .bottiglia:nth-child(1),
        body.single-prodotto.postid-676 .bg-logo .inner-product .bottiglia:nth-child(1),
        body.single-prodotto.postid-174 .bg-logo .inner-product .bottiglia:nth-child(1),
        body.single-prodotto.postid-685 .bg-logo .inner-product .bottiglia:nth-child(1) {
          max-width: 46%;
          width: auto; } }
    body.single-prodotto.postid-667 .bg-logo .inner-product .bottiglia:nth-child(3),
    body.single-prodotto.postid-676 .bg-logo .inner-product .bottiglia:nth-child(3),
    body.single-prodotto.postid-174 .bg-logo .inner-product .bottiglia:nth-child(3),
    body.single-prodotto.postid-685 .bg-logo .inner-product .bottiglia:nth-child(3) {
      max-width: 34%;
      right: 0;
      top: 4%; }
      @media (max-width: 52em) {
        body.single-prodotto.postid-667 .bg-logo .inner-product .bottiglia:nth-child(3),
        body.single-prodotto.postid-676 .bg-logo .inner-product .bottiglia:nth-child(3),
        body.single-prodotto.postid-174 .bg-logo .inner-product .bottiglia:nth-child(3),
        body.single-prodotto.postid-685 .bg-logo .inner-product .bottiglia:nth-child(3) {
          max-width: 58%;
          width: auto; } }

/* HOME HERO
   ----------------------------- */
.card-section.intro-card {
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto; }
  .card-section.intro-card .background-image {
    max-height: none;
    max-width: 100%;
    margin-top: 0; }
    @media (max-width: 52em) {
      .card-section.intro-card .background-image {
        display: inline-block; } }

/* HOME FIRST SECTION
   ----------------------------- */
.card-section.first-section {
  margin: 6rem 0; }
  .card-section.first-section .bg-logo {
    background: url("../images/carpano-bitter-logo.png") no-repeat center left;
    background-size: 30%; }
    @media (max-width: 52em) {
      .card-section.first-section .bg-logo {
        background-size: contain; } }
  .card-section.first-section .bg-luce {
    background-position: right; }
    @media (max-width: 52em) {
      .card-section.first-section .bg-luce {
        display: flex;
        justify-content: center; } }
  .card-section.first-section .bottiglia {
    float: right;
    margin: 0 90px 0 40px;
    max-width: 25%; }
    @media (max-width: 52em) {
      .card-section.first-section .bottiglia {
        margin: 0;
        float: left;
        max-width: 35%; } }
  .card-section.first-section .inner-content {
    float: right; }
    .card-section.first-section .inner-content .title {
      display: none; }
      @media (max-width: 52em) {
        .card-section.first-section .inner-content .title {
          display: inline-block; } }
    @media (max-width: 52em) {
      .card-section.first-section .inner-content .subtitle {
        display: none; } }
    @media (max-width: 52em) {
      .card-section.first-section .inner-content {
        max-width: 60%;
        margin-right: 5%; }
        .card-section.first-section .inner-content p {
          display: none; } }
  .card-section.first-section h1 {
    text-transform: uppercase; }
    @media (max-width: 52em) {
      .card-section.first-section h1 {
        display: none; } }

/* HOME PRODUCT REFERENCES
  ----------------------------- */
.card-section.product-reference {
  background: #000;
  padding: 8rem 0; }
  @media (max-width: 52em) {
    .card-section.product-reference {
      padding: 0; } }
  .card-section.product-reference .post {
    padding: 6rem 0;
    position: relative; }
    @media (max-width: 52em) {
      .card-section.product-reference .post {
        padding: 4rem 0; } }
    .card-section.product-reference .post.page {
      background: url("../images/background-parallax-1.png") no-repeat center center;
      background-size: contain; }
      @media (max-width: 52em) {
        .card-section.product-reference .post.page {
          background-size: cover; } }
  @media (max-width: 52em) {
    .card-section.product-reference .bg-no-luce {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .card-section.product-reference .inner-content {
    z-index: 9;
    position: relative; }
    .card-section.product-reference .inner-content .content {
      max-width: 100%; }
      @media (max-width: 52em) {
        .card-section.product-reference .inner-content .content {
          transform: none;
          margin: 0 0 2rem; } }
  @media (max-width: 52em) {
    .card-section.product-reference .post:not(.page) .bottiglia {
      max-width: 60%; } }
  .card-section.product-reference .bottiglia {
    margin-right: 0;
    max-width: 25%; }
    @media (max-width: 52em) {
      .card-section.product-reference .bottiglia {
        max-width: 40%; } }
    .card-section.product-reference .bottiglia.image-2 {
      position: absolute;
      left: 56.5%;
      top: 16.6%;
      max-width: 24rem; }
      @media (max-width: 52em) {
        .card-section.product-reference .bottiglia.image-2 {
          position: relative;
          max-width: none;
          width: 70%;
          left: auto;
          top: auto; } }
  .card-section.product-reference h1 {
    text-transform: uppercase; }

/* BOTANIC HERO
  ----------------------------- */
.section--botanic-hero {
  position: relative; }
  .section--botanic-hero:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 12vw;
    background: #F5F1EE;
    z-index: 0; }
  .section--botanic-hero .container {
    max-width: 86rem;
    margin: 0 auto;
    padding: 4rem 0;
    display: flex;
    position: relative; }
    @media (max-width: 52em) {
      .section--botanic-hero .container {
        flex-direction: column-reverse;
        overflow: hidden;
        padding-bottom: 30rem;
        padding-top: 2rem; } }
  .section--botanic-hero .section__image-group {
    width: calc(8.33% * 7);
    position: relative; }
    @media (max-width: 52em) {
      .section--botanic-hero .section__image-group {
        width: 150%;
        position: absolute;
        bottom: 0;
        left: 54%;
        transform: translate(-50%, 28%); } }
    .section--botanic-hero .section__image-group .section__background {
      margin-top: 5rem; }
    .section--botanic-hero .section__image-group .section__image {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 52%; }
  .section--botanic-hero .section__content {
    width: calc(8.33% * 5);
    padding: 0 2rem;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    right: calc(8.33% * .3); }
    @media (max-width: 52em) {
      .section--botanic-hero .section__content {
        width: 100%;
        right: auto; } }
  .section--botanic-hero .section__logo {
    width: 21rem;
    padding-bottom: 2rem; }
    @media (max-width: 52em) {
      .section--botanic-hero .section__logo {
        width: 15rem;
        padding-bottom: 4rem; } }
  .section--botanic-hero .section__title {
    font-family: "trajan-pro-3", serif;
    font-size: 2rem;
    letter-spacing: .2rem;
    text-align: center;
    text-transform: uppercase;
    color: #0F0F10;
    padding-bottom: 2rem; }
    .section--botanic-hero .section__title em {
      height: 3rem;
      width: 4rem;
      color: transparent;
      display: inline-block;
      background: url("../images/ten-icon.svg") no-repeat center center;
      background-size: contain; }
    @media (max-width: 52em) {
      .section--botanic-hero .section__title {
        font-size: 1.8rem; }
        .section--botanic-hero .section__title em {
          width: 3rem; } }
  .section--botanic-hero .section__abstract {
    font-family: "Oswald", sans-serif;
    text-align: center;
    letter-spacing: .1rem;
    line-height: 1.4;
    color: #0F0F10; }

/* BOTANIC HERBS
  ----------------------------- */
.section--botanic-herbs .container {
  padding: 4rem 0;
  max-width: 78rem;
  margin: 0 auto; }

.section--botanic-herbs .section__title {
  display: block;
  font-family: "trajan-pro-3", serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center;
  color: #0F0F10;
  margin-bottom: 3rem; }
  .section--botanic-herbs .section__title:after, .section--botanic-herbs .section__title:before {
    content: none; }

.section--botanic-herbs .section__item {
  padding: 0 4rem; }

/* BOTANIC PARALLAX
  ----------------------------- */
.section--botanic-parallax {
  background: #66A0C9;
  overflow: hidden;
  position: relative;
  padding: 4rem 0 8rem; }
  @media (max-width: 52em) {
    .section--botanic-parallax {
      padding-bottom: 12rem; } }
  .section--botanic-parallax .section__bottle {
    position: absolute;
    bottom: -28rem;
    left: calc((100vw - 52rem) / 4);
    width: 37rem;
    transform: rotate(20deg); }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__bottle {
        bottom: -25rem;
        left: -30%;
        width: 25rem;
        transform: rotate(35deg); } }
  .section--botanic-parallax .section__background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__background {
        display: none; } }
  .section--botanic-parallax .section__background-mobile {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__background-mobile {
        display: inline-block; } }
  .section--botanic-parallax .container {
    max-width: 52rem;
    margin: 0 auto;
    text-align: center; }
  .section--botanic-parallax .section__title {
    max-width: 19rem;
    margin: 0;
    padding: 0 1rem;
    background: #66A0C9;
    font-family: "trajan-pro-3", serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    transform: translateY(50%); }
    .section--botanic-parallax .section__title:after, .section--botanic-parallax .section__title:before {
      content: none; }
  .section--botanic-parallax .section__content {
    border: 1px solid #FFF;
    padding: 8rem 5rem; }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__content {
        margin: 0 1rem;
        padding: 8rem 3rem; } }
  .section--botanic-parallax .section__paragraph {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .section--botanic-parallax .section__paragraph:nth-child(even) {
      flex-direction: row-reverse; }
    .section--botanic-parallax .section__paragraph:not(:last-child) {
      padding-bottom: 15rem; }
      @media (max-width: 52em) {
        .section--botanic-parallax .section__paragraph:not(:last-child) {
          padding-bottom: 4rem; } }
  .section--botanic-parallax .section__abstract {
    width: 50%;
    padding: 0 1rem;
    letter-spacing: .1rem; }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__abstract {
        width: 100%;
        padding: 0;
        margin-bottom: 2rem; } }
  .section--botanic-parallax .section__image-wrapper {
    position: absolute;
    width: 47%;
    top: -5rem;
    right: -2rem; }
    @media (max-width: 52em) {
      .section--botanic-parallax .section__image-wrapper {
        position: static;
        width: 100%; } }

/* BOTANIC VIDEO
  ----------------------------- */
.section--botanic-video {
  background: #F5F1EE;
  padding: 5rem 0 8rem; }
  .section--botanic-video .container {
    max-width: 82rem;
    margin: 0 auto; }
  .section--botanic-video .section__title {
    display: block;
    max-width: 19rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0 1rem;
    background: #F5F1EE;
    font-family: "trajan-pro-3", serif;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-align: center;
    color: #0F0F10;
    z-index: 9; }
    .section--botanic-video .section__title:after, .section--botanic-video .section__title:before {
      content: none; }
  .section--botanic-video .section__content {
    position: relative; }
    .section--botanic-video .section__content:before {
      content: '';
      display: inline-block;
      position: absolute;
      border: 3px solid #FFF;
      bottom: 0;
      top: -3.5rem;
      width: calc(8.33% * 10);
      left: 50%;
      transform: translateX(-50%); }
      @media (max-width: 52em) {
        .section--botanic-video .section__content:before {
          width: calc(8.33% * 11); } }
  .section--botanic-video .section__video-row {
    padding: 3rem 0;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 52em) {
      .section--botanic-video .section__video-row {
        flex-direction: column;
        padding: 1.5rem 0; } }
    .section--botanic-video .section__video-row:nth-child(odd) .section__info {
      padding: 0 3rem 0 1rem; }
      @media (max-width: 52em) {
        .section--botanic-video .section__video-row:nth-child(odd) .section__info {
          padding: 0 2rem; } }
    .section--botanic-video .section__video-row:nth-child(even) {
      flex-direction: row-reverse; }
      .section--botanic-video .section__video-row:nth-child(even) .section__info {
        padding: 0 1rem 0 3rem; }
        @media (max-width: 52em) {
          .section--botanic-video .section__video-row:nth-child(even) .section__info {
            padding: 0 2rem; } }
    .section--botanic-video .section__video-row .section__info {
      width: calc(8.33% * 4);
      color: #0F0F10; }
      @media (max-width: 52em) {
        .section--botanic-video .section__video-row .section__info {
          width: 100%; } }
      .section--botanic-video .section__video-row .section__info .section__info-title {
        font-family: "trajan-pro-3", serif;
        font-size: 1.6rem;
        color: #0F0F10;
        margin-bottom: 1rem;
        padding-top: 2rem; }
        @media (max-width: 52em) {
          .section--botanic-video .section__video-row .section__info .section__info-title {
            padding-top: 1rem;
            line-height: 1.2; } }
      @media (max-width: 52em) {
        .section--botanic-video .section__video-row .section__info .section__info-abstract {
          padding-bottom: 2rem;
          line-height: 1.4; } }
    .section--botanic-video .section__video-row .section__video {
      width: calc(8.33% * 8);
      padding: 0 1rem;
      position: relative; }
      @media (max-width: 52em) {
        .section--botanic-video .section__video-row .section__video {
          width: 100%;
          padding: 0 2rem; } }
      .section--botanic-video .section__video-row .section__video .section__video-play {
        cursor: pointer;
        background: url("../images/icon-play.png") no-repeat center center;
        background-size: 8%; }
        @media (max-width: 52em) {
          .section--botanic-video .section__video-row .section__video .section__video-play {
            background-size: 15%; } }