/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./app_ita_volare_custom/cartridge/client/default/scss/search.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-select-container .s-hidden {
  visibility: hidden; }

.custom-select-container .select {
  cursor: pointer;
  display: inline-block;
  position: relative; }

.custom-select-container.sorting-select .styledSelect {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 40px;
  width: auto;
  border: 2px solid #0C2340;
  border-radius: 24px;
  color: #0C2340;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 20px; }

.custom-select-container.sorting-select .options {
  transform: translate(-0.75rem, 0rem); }

.custom-select-container .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 20px; }

.custom-select-container .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #72727F transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px; }

.custom-select-container .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 4px 0;
  width: calc(100% + 1rem);
  transform: translate(-1rem, 0.75rem);
  border-radius: 8px;
  list-style: none;
  background-color: #FFFFFF;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.06); }
  .custom-select-container .options li {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 20px;
    padding: 14px 1rem;
    margin: 0 0; }
    .custom-select-container .options li.activeItem::after {
      content: "";
      width: 0;
      height: 0;
      font-size: 20px;
      color: #72727F;
      font-weight: 500;
      position: absolute;
      top: 18px;
      right: 1rem;
      transform: scaleX(-1) rotate(-42deg);
      content: "L"; }
    .custom-select-container .options li.activeItem, .custom-select-container .options li:hover {
      position: relative;
      background-color: rgba(63, 175, 255, 0.08);
      color: #2E2E38; }

.card-select .select {
  transform: translateY(1rem);
  width: 100%; }

.storepage {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.search-results button:focus {
  outline: none; }

.search-results .breadcrumbs {
  margin-top: 0.75rem;
  margin-bottom: 2rem; }

.search-results .breadcrumb {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 1rem 0;
  border: none !important;
  color: #333333 !important;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 18px; }
  @media (min-width: 992px) {
    .search-results .breadcrumb {
      font-size: 18px;
      line-height: 24px; } }

.search-results .title {
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.5; }

@media (min-width: 769px) {
  .search-results {
    max-width: 100%; } }

.search-results .product-grid {
  padding: 0.5rem; }
  .search-results .product-grid .show-more {
    color: #0171CF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.39px;
    line-height: 18px;
    text-align: right;
    white-space: nowrap; }
    @media (min-width: 992px) {
      .search-results .product-grid .show-more {
        font-size: 18px;
        line-height: 24px; } }
  .search-results .product-grid .grid-element {
    padding: 0.5rem; }
  .search-results .product-grid h2 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px; }
    @media (min-width: 992px) {
      .search-results .product-grid h2 {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 36px; } }
  .search-results .product-grid .col-lg-6 .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    height: 56%; }

.plp {
  min-height: calc(100vh - 164px); }

.search-nav {
  margin-bottom: 1em;
  border-bottom: none; }
  .search-nav .nav-tabs-wrapper {
    padding: 0; }
    @media (max-width: 543.98px) {
      .search-nav .nav-tabs-wrapper {
        width: 100%; } }
    .search-nav .nav-tabs-wrapper .nav-tabs {
      border-bottom: 0 none; }
  .search-nav .nav-link:focus {
    background-color: #f9f9f9; }

@media (min-width: 769px) {
  .search-results .title {
    font-size: 28px;
    line-height: 36px; } }

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0; }

.filters-and-sorting-dialog {
  display: none;
  overflow: unset; }
  .filters-and-sorting-dialog .reset-container {
    list-style: none;
    padding: 0;
    margin: 0; }

.filters-and-sorting-dialog.show .modal-dialog {
  margin: 0;
  height: 100vh; }

.filters-and-sorting-dialog.show .modal-content {
  height: 100%; }
  .filters-and-sorting-dialog.show .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0px;
    margin: 0 16px; }
    .filters-and-sorting-dialog.show .modal-content .modal-header .title {
      color: #2E2E38;
      font-family: "Lato", sans-serif;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 24px; }
    .filters-and-sorting-dialog.show .modal-content .modal-header .close {
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
      font-weight: 200;
      margin: 0;
      padding: 0;
      float: none; }
  .filters-and-sorting-dialog.show .modal-content .modal-body {
    flex-grow: 1;
    padding-top: 1.5rem; }
    .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting {
      display: flex;
      flex-direction: column;
      gap: 2rem; }
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinements {
        order: 2; }
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting {
        order: 1; }
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinement {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem; }
        .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinement .refinement-elmt .refinement-button {
          display: flex;
          border: none;
          background-color: transparent;
          align-items: center;
          justify-content: center;
          gap: 1rem; }
          .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinement .refinement-elmt .refinement-button input {
            width: 20px;
            height: 20px; }
          .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinement .refinement-elmt .refinement-button label {
            margin: 0;
            color: #2E2E38;
            font-family: "Lato", sans-serif;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 20px; }
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting-items {
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting-items .sorting-item {
          display: flex;
          align-items: center;
          gap: 1rem; }
          .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting-items .sorting-item input {
            width: 20px;
            height: 20px; }
          .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting-items .sorting-item label {
            margin: 0;
            color: #2E2E38;
            font-family: "Lato", sans-serif;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 20px; }
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .sorting-title,
      .filters-and-sorting-dialog.show .modal-content .modal-body .filters-and-sorting .refinement-title {
        color: #2E2E38;
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 1rem; }

.filters-and-sorting-dialog.show .reset-container {
  position: fixed;
  bottom: 1rem;
  width: 40vw;
  left: 4vw; }
  .filters-and-sorting-dialog.show .reset-container button {
    border: 2px solid #0171CF;
    border-radius: 24px;
    width: 100%;
    height: 48px;
    color: #0171CF;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: center; }
    .filters-and-sorting-dialog.show .reset-container button.selected {
      opacity: 0.32;
      pointer-events: none; }

.filters-and-sorting-dialog.show .close-container {
  position: fixed;
  width: 40vw;
  bottom: 1rem;
  right: 5vw; }
  .filters-and-sorting-dialog.show .close-container button {
    height: 48px;
    border-radius: 24px;
    background-color: #0171CF;
    width: 100%;
    border: none;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: center; }

@media (min-width: 769px) {
  .filters-and-sorting-dialog.modal {
    display: block !important;
    position: relative;
    opacity: 1;
    width: 100%;
    z-index: 1; }
    .filters-and-sorting-dialog.modal .modal-dialog {
      transform: none; }
  .filters-and-sorting-dialog .modal-dialog {
    max-width: 100%;
    margin: 0; }
  .filters-and-sorting-dialog .modal-content {
    border: none; }
  .filters-and-sorting-dialog .modal-header,
  .filters-and-sorting-dialog .modal-footer {
    display: none; }
  .filters-and-sorting-dialog .modal-body {
    padding: 0; }
  .refinements {
    display: flex;
    gap: 1rem; }
    .refinements .reset-container {
      display: flex;
      order: 1; }
    .refinements .refinement {
      display: flex;
      margin-bottom: 0;
      list-style: none;
      padding: 0;
      gap: 1rem;
      order: 2; }
    .refinements .refinement-button {
      border: 2px solid #0C2340;
      border-radius: 24px;
      color: #0C2340;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.4px;
      line-height: 20px;
      height: 40px;
      padding: 0 1rem;
      background-color: #fff; }
      .refinements .refinement-button.selected {
        background-color: #0C2340;
        color: #fff; }
      .refinements .refinement-button label {
        margin: 0; }
  .filters-and-sorting {
    justify-content: space-between;
    margin: 2rem 0;
    display: flex; }
    .filters-and-sorting .sorting select {
      height: 40px;
      width: auto;
      border: 2px solid #0C2340;
      border-radius: 24px;
      color: #0C2340;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.4px;
      line-height: 20px;
      padding-left: 10px; } }

.title-container {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem; }
  .title-container h1 {
    margin: 0;
    cursor: pointer; }
  .title-container button {
    box-sizing: border-box;
    height: 40px;
    border: 2px solid #0C2340;
    border-radius: 24px;
    background-color: white;
    color: #0C2340;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center;
    max-width: 50vw;
    padding: 0 1rem;
    white-space: nowrap; }

.plp-pagination {
  height: 3rem;
  margin: 1rem 0; }
  .plp-pagination ul {
    background-color: rgba(114, 114, 127, 0.08);
    border-radius: 24px;
    width: -moz-fit-content;
    width: fit-content;
    height: inherit;
    margin: auto;
    align-items: center;
    padding: 0; }
    .plp-pagination ul li {
      list-style: none; }
      .plp-pagination ul li button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        color: #0C2340 !important;
        border: none;
        background-color: transparent;
        border-radius: 50%; }
        .plp-pagination ul li button.active {
          background-color: #0C2340;
          color: #FFFFFF !important; }

.award-convert-page .experience-commerce_assets-editorialRichText {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 68rem;
  margin-inline: auto; }

.award-convert-page .experience-dynamic-productList {
  max-width: 68rem;
  margin-inline: auto; }
  .award-convert-page .experience-dynamic-productList .product-grid > .row {
    gap: 5rem; }
    @media (min-width: 769px) {
      .award-convert-page .experience-dynamic-productList .product-grid > .row > div:nth-child(even) .product-tile--amadeus {
        flex-direction: row-reverse; } }

.award-convert-page .experience-dynamic-carouselProductList {
  max-width: 68rem;
  margin-inline: auto;
  margin-bottom: 5rem; }

.award-convert-page .product-grid {
  padding: 0; }
  .award-convert-page .product-grid > div:first-of-type {
    display: none !important; }

.award-convert-page .experience-commerce_layouts-accordion {
  margin-inline: -15px;
  background: #F8F8F9 0% 0% no-repeat padding-box; }
  @media (min-width: 769px) {
    .award-convert-page .experience-commerce_layouts-accordion {
      margin-inline: 0; } }


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