/**
 * @file
 * Subtheme specific CSS.
 */
/**********
LANDING 2
************/

.landing-02 .node--view-mode-teaser .field_copertina img {
    max-width: 85%;
    height: auto;
}

.landing-02 .paragraph_text_wrapper.text-header-travel .text_wrapper .field__item h2 {
    font-family: 'Josefin Slab';
    font-weight: 900;
}

.landing-02 .site-footer .footer_social a:hover *,
.landing-02 .site-footer .content a:hover {
  color: #ad815c;
}

.site-footer .content a.btn_bricco:hover {
  color: #000;
}

.paragraph--type--text .paragraph_text_wrapper.text-header-travel {
  text-align: center;
  margin: auto;
  padding: 3rem 2rem;
  position: relative;
}

.node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::after {
  content: " ";
  background-image: url("/assets/linee_brevi.png");
  background-size: cover;
  height: 70px;
  width: 70px;
  position: absolute;
  top: 0px;
  right: 5%;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .text_image_top img {
  margin-top: -12px;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .text_image_bottom img {
  margin-bottom: -8px;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel {
  background-color: #b1b69e;
  align-items: center;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai {
  padding: 4rem 0 7rem;
  position: relative;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
  content: " ";
  position: absolute;
  bottom: -17px;
  z-index: 1;
  background-image: url("/assets/aereo.png");
  width: 100%;
  height: 327px;
  background-size: cover;
  background-position: right;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
  max-width: 230px;
  margin-bottom: 3rem;
}

.paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-txt {
  display: flex;
  justify-content: start;
  color: #fff;
  padding: 0 2rem 2rem;
  margin: auto;
}

.landing-02 .paragraph--type--view .text_view_header {
  padding: 3rem 2rem 0;
  text-align: center;
  margin: auto;
}

.landing-02 .paragraph--type--view .text_view_header h3:last-child {
    margin-top: 2rem;
}

.landing-02 .numbers_wrapper {
  margin: 1rem 0;
}

.landing-02 .node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
  margin-top: 3rem;
}

/***********************
PRODOTTO TEASER WRAPPER
*************************/

.node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
  display: flex;
  text-align: center;
  border: 1.5px dashed #a4b5af;
  min-height: 350px;
  width: auto;
  margin: 1rem .5rem;
  transition: .9s;
}

.node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper:hover {
  background-color: #b1b69e;
  transition: .9s;
}

.prodotto_teaser_wrapper .field_node_title h4 {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.landing-02 .paragraph--type--view .view_wrapper::before {
  content: url("/assets/nocciole_briccodue.png");
  position: absolute;
  top: 600px;
  left: -20px;
  opacity: .8;
}

.landing-02 .paragraph--type--view .view_wrapper::after {
  content: " ";
  background-image: url("/assets/nocciole_bricco_due.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -186px;
  right: 0px;
  width: 100%;
  height: 260px;
  z-index: -1;
  opacity: .1;
}

.landing-02 .paragraph--type--text .block_3_inner .txt_numbers {
  margin-top: 1rem;
}

.card {
  border-radius: 0;
}

.landing-02 .aereo {
  background-color: #EAEAEA;
}

.landing-02 .paragraph--type--text .text_airplane {
    background-color: #eaeaea;
    padding: 3rem 2rem 0;
}

.landing-02 .paragraph--type--text .text_airplane .text_wrapper p:last-child {
    margin-bottom: 0;
}

/*********
WEBFORM
*********/

.landing-02 .site-footer {
  background-color: #EAEAEA;
}

.landing-02 .paragraph--type--webform {
  background-color: #EAEAEA;
}

#block-landingbricco-2-webform-2 {
  background-color: #fff;
  padding: 2rem 2rem 0;
}

.path-node.node--type-business .paragraph--type--webform {
  position: relative;
  overflow-x: hidden;
  padding-top: 240px;
  z-index: 1;
}

.path-node.node--type-business .paragraph--type--webform::before {
  position: absolute;
  content: url('/assets/strappo_sopra.png');
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.path-node.node--type-business .paragraph--type--webform a {
  color: #000;
}

.prodotti-grid .form-checkboxes.bef-checkboxes.form--inline,
.form-radios.form--inline {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  max-width: 40vw;
  margin: auto;
}

.prodotti-grid .form-checkboxes.bef-checkboxes.form--inline .form-check-label:hover {
  cursor: pointer;
}

.prodotti-grid .form-checkboxes.bef-checkboxes.form--inline .form-check-label,
.views-exposed-form .form-check-label {
  border: 2px solid #BEAF8C;
  border-radius: 25px;
  padding: 12px 17px;
  margin-bottom: 15px;
}

.prodotti-grid .form-checkboxes.bef-checkboxes.form--inline .form-check-label:hover,
.prodotti-grid .form-checkboxes .form-check-input[type=checkbox][checked]+label,
.js-form-type-radio input[checked]+label,
.views-exposed-form .form-check-label:hover {
  background-color: #BEAF8C;
  color: #000;
  cursor: pointer;
}

.form-check-input[type=radio] {
  display: none;
}

.prodotti-grid .form-checkboxes.bef-checkboxes.form--inline .form-check-input[type=checkbox] {
  display: none;
}

/***************
WEBFORM SPLOSOR
****************/

.modal-form-wrapper {
  color: #fff;
}

/*******************
NUMBERS BRICCODOLCE
********************/

.landing-02 .paragraph--type--text .paragraph_text_wrapper.text_numbers {
  background-color: #e4e4e4;
  position: relative;
}

.paragraph--type--image .field_image {
  position: relative;
}

.paragraph--type--image .field_image .righe_top {
  position: absolute;
  max-width: 100%;
  top: -4px;
  left: 0;
}

.paragraph--type--image .field_image .righe_bottom {
  position: absolute;
  max-width: 100%;
  bottom: -3px;
  left: 0;
}

.landing-02 .paragraph--type--text .paragraph_text_wrapper.text_numbers {
  background-color: #f3f3f3;
  position: relative;
  z-index: 100;
}

.landing-02 .text_view_footer h3 {
  font-size: 21px;
  color: #2a2a2a;
}

.landing-02 .maps_wrapper {
  background-color: #eaeaea;
}

/******************
RESPONSIVE
******************/

@media screen and (min-width: 375px) {}

@media screen and (min-width: 576px) {
  .landing-02 .numbers_wrapper {
    margin: 2rem 0;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::after {
    right: 25%;
  }

  .landing-02 .paragraph--type--view .view_wrapper::after {
    bottom: -194px;
  }

  .landing-02 .paragraph--type--view .view_wrapper::before {
    top: 200px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
    bottom: -83px;
    left: 22px;
    width: 100%;
    height: 466px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .text_image_top img {
    margin-top: -1px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .text_image_bottom img {
    margin-bottom: 0;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
    max-width: 260px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-txt {
    padding: 0 2rem 3rem;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::before {
    height: 70px;
    width: 70px;
    top: 35px;
    right: 135px;
  }

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 408px;
  }

  p,
  .field_body {
    font-size: 1rem;
  }

  .node .field--type-image,
  .node .field--type-image:hover {
    float: none;
  }

  .number,
  .number_plus {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 768px) {

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 426px;
  }

  .landing-02 .paragraph--type--text .text_airplane {
      padding: 3rem 4rem 0;
  }

  .landing-02 .paragraph--type--view .text_view_header {
    padding: 3rem 4rem 0;
  }

  .paragraph--type--text .paragraph_text_wrapper.text-header-travel {
    padding: 4rem 4rem;
  }

  a.navbar-brand img {
    max-width: 220px;
  }

  .footer_logo img {
    max-width: 100%;
  }

  .landing-02 .paragraph--type--text .paragraph_text_wrapper.text_numbers::after {
    content: " ";
    background-image: url("/assets/travel-bg-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 6px;
    right: 40px;
    width: 100%;
    height: 151px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
    bottom: -6px;
    left: -1px;
    width: 100%;
    height: 416px;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::after {
    top: 16px;
    right: 27%;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai {
    padding: 4rem 0 10rem;
    align-items: center;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-txt {
    max-width: 450px;
    padding: 0 2rem 0 0;
    margin: 0;
  }

  .paragraph--type--text .paragraph_text_wrapper.all_wrapper_numbers .numbers_wrapper {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 992px) {

  .landing-02 .text_view_footer h3 {
    font-size: 1.5rem;
  }

  .landing-02 .node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
    margin-top: 4rem;
  }

  .landing-02 .numbers_wrapper {
    margin: 3rem 0;
  }

  .landing-02 .node--type-homepage .paragraph--type--text .block_3_inner h3,
  .landing-02 .node--type-homepage .paragraph--type--text .block_3_inner .text_numbers p {
    margin-bottom: 1rem;
  }

  .landing-02 .paragraph--type--view .text_view_header {
    max-width: 85%;
  }

  .paragraph--type--text .paragraph_text_wrapper.text-header-travel {
    max-width: 85%;
  }

  .landing-02 .paragraph--type--text .block_3_inner .txt_numbers {
    text-align: center;
    max-width: 72%;
    margin: auto;
  }

  .landing-02 .paragraph--type--text .text_airplane {
    background-color: #eaeaea;
    padding: 0;
  }

  .landing-02 .paragraph--type--text .text_airplane .text_wrapper {
    padding-top: 3rem;
    margin: auto;
    max-width: 72%;
  }

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 430px;
  }

  .landing-02 .paragraph--type--view .view_wrapper::after {
    bottom: -121px;
    right: 109px;
    width: 78%;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img {
    justify-content: center;
    z-index: 10;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
    max-width: 280px;
    margin-bottom: 0;
    margin-right: -80px;
  }

  .landing-02 .paragraph--type--text .paragraph_text_wrapper.text_numbers::after {
    height: 190px;
    bottom: 120px;
  }

  #navbar-main {
    flex-direction: column;
    padding: 2rem 8rem 1rem;
  }

  a.navbar-brand img {
    max-width: 300px;
  }

  .number,
  .number_plus {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1200px) {

  .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    margin: 1rem;
  }

  .landing-02 .paragraph--type--view .text_view_header h3:last-child {
    margin-top: 3rem;
  }

  .landing-02 .paragraph--type--text .text_airplane .text_wrapper {
    max.width: 60%;
  }

  .landing-02 .text_view_footer {
    max-width: 70%;
  }

  .landing-02 .paragraph--type--view .view_wrapper::after {
    right: 180px;
    width: 70%;
  }

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 455px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
    bottom: 33px;
    left: 0;
    height: 518px;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::after {
    top: 25px;
    right: 25%;
  }

  .paragraph--type--text .paragraph_text_wrapper.text-header-travel {
    padding: 5rem 0;
    max-width: 65%;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
    margin-right: -100px;
    max-width: 320px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-txt {
    max-width: 500px;
  }

  .landing-02 .paragraph--type--view .text_view_header {
    padding: 4rem 0 0;
    max-width: 50%;
 }

 .landing-02 .paragraph--type--text .block_3_inner .txt_numbers {
    text-align: center;
    max-width: 60%;
    margin: auto;
  }

}

@media screen and (min-width: 1400px) {

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 462px;
  }

  .node--type-homepage .paragraph--type--text .paragraph_text_wrapper.text-header-travel::after {
    top: 21px;
    right: 25%;
  }

  .landing-02 .paragraph--type--view .view_wrapper::after {
    right: 331px;
    width: 55%;
    height: 282px;
    bottom: -105px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
    height: 558px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-txt {
    max-width: 550px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
    margin-right: -200px;
    max-width: 380px;
  }

  .landing-02 .paragraph--type--text .paragraph_text_wrapper.text-header-travel {
    padding: 5rem 0;
    max-width: 55%;
  }

  .landing-02 .text_view_footer {
    max-width: 50%;
    padding: 1rem 0;
  }

  .landing-02 .paragraph--type--text .block_3_inner .txt_numbers,
  .landing-02 .paragraph--type--text .text_airplane .text_wrapper {
    max-width: 50%;
  }

  .landing-02 .paragraph_text_wrapper.text-header-travel p {
    margin-bottom: 2rem;
  }

  .landing-02 .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai {
    padding: 6rem 0;
  }

  .number,
  .number_plus {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1500px) {

  .landing-02 .node--type-homepage .paragraph--type--text .text_numbers .text_wrapper {
    padding: 4rem 0 0;
  }
}

@media screen and (min-width: 1600px) {

  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 436px;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .col-tai-img img {
    max-width: 420px;
  }

  .landing-02 .paragraph--type--text .text_airplane strong {
    text-transform: uppercase;
  }

  .paragraph--type--text-and-image .paragraph_tai_wrapper.txt-img-travel .paragraph_tai::after {
    bottom: 33px;
    left: 0;
    height: 665px;
    width: 100%;
  }
}

@media screen and (min-width: 1700px) {
  .landing-02 .node--type-biscotto.node--view-mode-teaser .prodotto_teaser_wrapper {
    min-height: 482px;
  }
}
