/* line 6, scss/component/header.scss */
.header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
  transition: all .3s ease, background-color 0s; }
  @media (max-width: 991px) {
    /* line 6, scss/component/header.scss */
    .header {
      background-color: var(--color--primary1); } }
  /* line 17, scss/component/header.scss */
  .header #menu-btn {
    display: none; }
    @media (max-width: 991px) {
      /* line 17, scss/component/header.scss */
      .header #menu-btn {
        display: block; } }
  /* line 25, scss/component/header.scss */
  .header .header__wrapper__social {
    display: none;
    margin: auto; }
    /* line 29, scss/component/header.scss */
    .header .header__wrapper__social > p {
      display: none; }
    /* line 33, scss/component/header.scss */
    .header .header__wrapper__social ul {
      display: flex;
      gap: 24px; }
      /* line 37, scss/component/header.scss */
      .header .header__wrapper__social ul svg path {
        fill: var(--color--accent1); }
    @media (max-width: 991px) {
      /* line 25, scss/component/header.scss */
      .header .header__wrapper__social {
        order: 6; } }
  /* line 47, scss/component/header.scss */
  .header .region-header {
    height: 139px;
    will-change: height;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: center;
    -moz-column-gap: 16px;
         column-gap: 16px;
    position: relative;
    border-bottom: 1px solid var(--color--primary2);
    transition: all .3s ease; }
    @media (max-width: 991px) {
      /* line 47, scss/component/header.scss */
      .header .region-header {
        height: 90px;
        padding-top: 6px;
        align-content: flex-start;
        row-gap: 48px;
        border-bottom: 0;
        transition: none; } }
    /* line 70, scss/component/header.scss */
    .header .region-header #block-opera-theme-menuheadertop {
      order: 1;
      flex: 0 0 auto;
      margin-left: auto;
      transition: all .3s ease; }
      @media (max-width: 991px) {
        /* line 70, scss/component/header.scss */
        .header .region-header #block-opera-theme-menuheadertop {
          display: none;
          order: 5;
          margin-left: 0;
          flex-basis: 100%; } }
    /* line 84, scss/component/header.scss */
    .header .region-header #block-opera-theme-search-form-wide {
      order: 2;
      flex: 0 0 auto;
      position: relative;
      transition: all .3s ease; }
      @media (max-width: 991px) {
        /* line 84, scss/component/header.scss */
        .header .region-header #block-opera-theme-search-form-wide {
          display: none;
          order: 4;
          flex-basis: 100%; } }
      /* line 96, scss/component/header.scss */
      .header .region-header #block-opera-theme-search-form-wide #search-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 52px;
        height: 52px;
        border-color: transparent;
        background: url(../../images/icons/search.svg);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        overflow: hidden;
        transition: none; }
        /* line 111, scss/component/header.scss */
        .header .region-header #block-opera-theme-search-form-wide #search-btn:hover, .header .region-header #block-opera-theme-search-form-wide #search-btn:focus {
          background-color: transparent; }
        /* line 116, scss/component/header.scss */
        .header .region-header #block-opera-theme-search-form-wide #search-btn.is-toggled {
          background: var(--color--black) url(../../images/icons/close-search.svg);
          background-size: auto;
          background-repeat: no-repeat;
          background-position: center; }
        @media (max-width: 991px) {
          /* line 96, scss/component/header.scss */
          .header .region-header #block-opera-theme-search-form-wide #search-btn {
            display: none; } }
      /* line 129, scss/component/header.scss */
      .header .region-header #block-opera-theme-search-form-wide input[type="submit"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 100%;
        border: 0;
        background: unset;
        background: url(../../images/icons/search-small.svg);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        overflow: hidden;
        transition: none; }
        @media (min-width: 992px) {
          /* line 129, scss/component/header.scss */
          .header .region-header #block-opera-theme-search-form-wide input[type="submit"] {
            width: 0;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            pointer-events: none; } }
      /* line 154, scss/component/header.scss */
      .header .region-header #block-opera-theme-search-form-wide .wrapper-input-search {
        position: relative;
        display: flex;
        justify-content: flex-end;
        min-width: 52px; }
        /* line 160, scss/component/header.scss */
        .header .region-header #block-opera-theme-search-form-wide .wrapper-input-search input[type="search"] {
          height: 36px;
          width: 100%;
          padding-left: 42px;
          padding-right: 52px;
          background: rgba(255, 255, 255, 0.7);
          border: 1px solid var(--color--primary2);
          border-radius: var(--button-border-radius); }
          @media (min-width: 992px) {
            /* line 160, scss/component/header.scss */
            .header .region-header #block-opera-theme-search-form-wide .wrapper-input-search input[type="search"] {
              padding-left: 0;
              padding-right: 0;
              background: var(--color--primary1);
              width: 0;
              opacity: 0;
              visibility: hidden;
              overflow: hidden;
              pointer-events: none;
              transition: none; } }
    /* line 186, scss/component/header.scss */
    .header .region-header #block-opera-theme-menuutente {
      order: 3;
      flex: 0 0 auto;
      transition: all .3s ease; }
      @media (max-width: 991px) {
        /* line 186, scss/component/header.scss */
        .header .region-header #block-opera-theme-menuutente {
          order: 1; } }
    /* line 196, scss/component/header.scss */
    .header .region-header #block-opera-theme-brandingdelsito {
      position: absolute;
      width: 147px;
      left: 0;
      bottom: 0;
      margin: 0;
      transition: all .3s ease; }
      @media (max-width: 991px) {
        /* line 196, scss/component/header.scss */
        .header .region-header #block-opera-theme-brandingdelsito {
          width: 101px;
          position: relative;
          margin: auto; } }
      /* line 210, scss/component/header.scss */
      .header .region-header #block-opera-theme-brandingdelsito img {
        width: 100%;
        height: auto; }
    /* line 216, scss/component/header.scss */
    .header .region-header .block-tb-megamenu {
      position: unset;
      order: 5;
      width: 100%;
      margin-left: 170px; }
      @media (max-width: 991px) {
        /* line 216, scss/component/header.scss */
        .header .region-header .block-tb-megamenu {
          display: none;
          order: 4;
          margin-left: 0; } }
  @media (max-width: 991px) {
    /* line 230, scss/component/header.scss */
    .header.menu-open {
      height: 100%;
      min-height: 100vh;
      overflow-y: auto;
      pointer-events: auto;
      -webkit-overflow-scrolling: touch; }
      /* line 239, scss/component/header.scss */
      .header.menu-open .region-header {
        height: 100%;
        padding-bottom: 6rem; }
      /* line 244, scss/component/header.scss */
      .header.menu-open:not(.megamenu-dropdown-open) #block-opera-theme-menuheadertop,
      .header.menu-open:not(.megamenu-dropdown-open) #block-opera-theme-search-form-wide,
      .header.menu-open .block-tb-megamenu,
      .header.menu-open .header__wrapper__social {
        display: block; } }
  @media (min-width: 992px) {
    /* line 256, scss/component/header.scss */
    .header.search-open .region-header #block-opera-theme-menuheadertop {
      display: none;
      opacity: 0; }
    /* line 261, scss/component/header.scss */
    .header.search-open .region-header #block-opera-theme-search-form-wide {
      margin-left: auto; }
      /* line 264, scss/component/header.scss */
      .header.search-open .region-header #block-opera-theme-search-form-wide input[type="submit"] {
        width: auto;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        pointer-events: auto; }
      /* line 272, scss/component/header.scss */
      .header.search-open .region-header #block-opera-theme-search-form-wide .wrapper-input-search {
        width: 590px; }
        /* line 275, scss/component/header.scss */
        .header.search-open .region-header #block-opera-theme-search-form-wide .wrapper-input-search #search-btn {
          border-color: var(--color--black); }
        /* line 279, scss/component/header.scss */
        .header.search-open .region-header #block-opera-theme-search-form-wide .wrapper-input-search input[type="search"] {
          width: 100%;
          padding-left: 42px;
          padding-right: 52px;
          opacity: 1;
          visibility: visible;
          overflow: visible;
          pointer-events: auto;
          transition: opacity .3s ease; } }
  @media (min-width: 992px) {
    /* line 295, scss/component/header.scss */
    .header.scrolled {
      background-color: var(--color--white); }
      /* line 300, scss/component/header.scss */
      .header.scrolled .region-header {
        height: 97px; }
        /* line 303, scss/component/header.scss */
        .header.scrolled .region-header #block-opera-theme-menuheadertop,
        .header.scrolled .region-header #block-opera-theme-search-form-wide,
        .header.scrolled .region-header #block-opera-theme-menuutente {
          transform: translateY(-100%); }
      /* line 310, scss/component/header.scss */
      .header.scrolled #block-opera-theme-brandingdelsito {
        width: 92px; } }
  @media (min-width: 992px) {
    /* line 318, scss/component/header.scss */
    .header.scrolling-up {
      background-color: var(--color--white); } }

@media (min-width: 992px) {
  /* line 326, scss/component/header.scss */
  .path-frontpage header {
    background-color: white; } }

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