@charset "UTF-8";
/*
                                                                                                                                                                            
                                                                     )`·.                                                                                                   
            (`·.               )\                    (`·.        .·´     )                               (`·.               )\                                              
             )  `·.   .·´( .·´  (     /(               ) :).·´(_\::. .::`·. )`·.      )\   ’'             )  `·.   .·´( .·´  (     /(                                       
     .·´( .·´:..::(,(::--  ’ '\::.`·._) `·. .·´(    .·´::..::::::;;  --  ' '\ .::(_.·´::(   ’'     .·´( .·´:..::(,(::--  ’ '\::.`·._) `·.                                    
     );; :--  ' '               \::....:::::))  .:`·.);;.--  ' '               \ ..        `·.      );; :--  ' '               \::....:::::)                                   
  .·´/\’                ,...     ¯¯¯`·:·´  `·:::../\                 ,      ` ·:::.....:::)  .·´/\’                ,...     ¯¯¯`·:·´                                    
  )/:::'\...:´/       /:::::::::::/     /   '    )/::::\...:´/       /::::,,      `·:::::·´     )/:::'\...:´/       /:::::::::::/     /   '                                   
   \:::/::::/       /;;::;;´-··´´     /          \::::/::::/       /:::::::`·.      I/’'         \:::/::::/       /;;::;;´-··´´     /                                        
    '\/;::-'/               ,...::::´/              \/;::-'/       /¯¯';:::::/      /        '    '\/;::-'/               ,...::::´/                                          
         /       ,, -::::::::::::::/                    /       /      `·::/      /                   /       ,, -::::::::::::::/                                           
  .·´( '/       /::::::::::;;-··´´'                    '/       /.·´(_/(  /      /’             .·´( '/       /::::::::::;;-··´´'                                             
_) ::'/       /’;;:::: · ´                    .·´(.·´/       /);; --  ' ´      '/             _) ::'/       /’;;:::: · ´                                                     
)..::/       /                                ) .::/                     .·::´/              )..::/       /                                                                 
`·:/____ /                                 `·:/:`·.______ .·::´/:::::/'               `·:/____ /                                                                  
 /::::::::/                                    /:::::/:::::::::::/:::'/:::·´'                  /::::::::/                                                                    
/::::::::/                                      `·:/::::::::::::/::::·´''                     /::::::::/                                                                     
¯¯¯¯¯’'                                         ¯¯¯¯¯¯¯¯¯’'                         ¯¯¯¯¯’'                                                                     

                                                                                                                                credit @Tim Carney, @Ryan Kunz

This is the Collette-Neue PDP Theme file. It contains variables that override the _global.scss specific to Product Details Pages.
Only edit the _global.scss when you want to make global changes to all themes.
If you want to edit variables from _global.scss, but only for a particular theme,
copy those variables paste them into this file BEFORE the @import "global".
Be sure to remove any "!default" references afterwards.
*/
/*==========
tertiaryNav
============*/
html {
  scroll-padding-top: 240px;
  /* height of sticky headers */ }

.addthis-smartlayers-mobile {
  display: none; }

.addthis-smartlayers-desktop {
  display: none; }

#tourdetailsubnav {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: 45.7px;
  align-items: center;
  background: white;
  z-index: 11; }
  #tourdetailsubnav .container-lg {
    justify-content: space-between; }
    #tourdetailsubnav .container-lg a.tour-detail-jump-link {
      color: #132f3b !important;
      text-decoration: none;
      border-bottom: 4px solid transparent;
      margin-top: 6px;
      min-width: 6rem;
      justify-content: center;
      display: flex; }
      @media (max-width: 767px) {
        #tourdetailsubnav .container-lg a.tour-detail-jump-link {
          font-size: 1.6rem; } }
      @media (max-width: 576px) {
        #tourdetailsubnav .container-lg a.tour-detail-jump-link {
          font-size: 1.2rem; } }
      @media (max-width: 400px) {
        #tourdetailsubnav .container-lg a.tour-detail-jump-link {
          font-size: 1rem; } }
      #tourdetailsubnav .container-lg a.tour-detail-jump-link:hover {
        color: black;
        border-bottom: 4px solid #132f3b;
        text-decoration: none !important; }
  #tourdetailsubnav .active {
    color: #132f3b !important;
    border-bottom: 4px solid #132f3b !important;
    text-decoration: none !important;
    font-weight: bold; }
  #tourdetailsubnav .first {
    content: "";
    margin-left: auto;
    padding-left: 3vw; }
  #tourdetailsubnav .last {
    padding-right: 2rem;
    content: ""; }

#tourdetailsubnav.sticky-top {
  z-index: 11;
  background-color: white; }
  @media (max-width: 1400px) {
    #tourdetailsubnav.sticky-top {
      top: 193px; } }
  @media (min-width: 768px) {
    #tourdetailsubnav.sticky-top {
      top: 200px; } }
  @media (min-width: 575px) and (max-width: 767px) {
    #tourdetailsubnav.sticky-top {
      margin-top: -13rem;
      top: 171px; } }
  @media (min-width: 501px) and (max-width: 575px) {
    #tourdetailsubnav.sticky-top {
      margin-top: -13rem;
      top: 170px; } }
  @media (min-width: 405px) and (max-width: 500px) {
    #tourdetailsubnav.sticky-top {
      margin-top: -13rem;
      top: 170px; } }
  @media (min-width: 329px) and (max-width: 404px) {
    #tourdetailsubnav.sticky-top {
      margin-top: -13rem;
      top: 180px; } }
  @media (max-width: 328px) {
    #tourdetailsubnav.sticky-top {
      margin-top: -13rem;
      top: 180px; } }

.Itinerary-for-date {
  position: relative;
  display: inline-block; }

.Itinerary-for-date::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10;
  background-color: grey;
  color: white;
  padding: 5px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  text-decoration-style: dashed; }

.Itinerary-for-date:hover::after {
  opacity: 1;
  visibility: visible; }

.is-pinned .tourheader-details-block__inner {
  max-width: 67rem; }

a.Itinerary-for-date:hover {
  color: #132f3b; }

.Itinerary-for-date {
  max-width: 240px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #132f3b;
  position: relative;
  display: inline-block;
  text-decoration-style: dashed;
  min-width: 240px; }
  @media (max-width: 767px) {
    .Itinerary-for-date {
      font-size: 1.6rem;
      min-width: 115px; } }
  @media (max-width: 576px) {
    .Itinerary-for-date {
      font-size: 1.2rem; } }

.pdp-tourheader-details-bar .tourheader-details-block__inner .day-count {
  max-width: 10rem; }

.pdp-tourheader-details-bar .tourheader-details-block__inner .pricing-offers {
  max-width: 13rem; }

.pdp-tourheader-details-bar .pdp-main-nav {
  min-height: unset; }

.pdp-tourheader-details-bar {
  min-height: unset; }

.pdp-tourheader-details-bar .pdp-main-nav .tourheader-titles-block {
  min-height: unset; }

.pdp-tourheader-details-bar h1, .pdp-tourheader-details-bar .h1 {
  min-height: unset; }

.is-sticky h1.tour-title {
  font-size: 24px; }

/*========
Breadcrumbs
==========*/
.pdp-breadcrumbs {
  background-color: #f8f7f6;
  padding: 7px 10px; }

.pdp-breadcrumb {
  padding: 0 10px;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: -2px; }
  .pdp-breadcrumb > li {
    display: inline-block; }
    .pdp-breadcrumb > li + li:before {
      color: #132f3b;
      font-weight: normal;
      content: ">";
      font-family: "Font Awesome 6 Free";
      font-weight: 600 !important;
      content: "\f054";
      /*padding: 0 1rem 0px 1rem;*/ }
  .pdp-breadcrumb > li:first-of-type > a {
    color: #132f3b;
    text-decoration: underline; }
  .pdp-breadcrumb a {
    color: #132f3b;
    text-decoration: none; }

/*=======================
Crowdriff Social (Embed)
=========================*/
.crowdriff-container {
  margin-bottom: 5rem;
  margin-top: 5rem;
  height: auto;
  padding: 5rem 0rem 5rem 0rem;
  background-color: #e2f2f7; }
  .crowdriff-container__title {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    text-align: center;
    color: #132f3b; }
  .crowdriff-container__subtitle {
    text-align: center;
    color: #132f3b; }
  .crowdriff-container h2 {
    font-size: 3.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    letter-spacing: normal;
    color: #132f3b; }
    @media (max-width: 767px) {
      .crowdriff-container h2 {
        font-size: 2.8rem; } }
    @media (max-width: 576px) {
      .crowdriff-container h2 {
        font-size: 2.6rem; } }
  .crowdriff-container h3 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 10px;
    text-align: center; }

/*==========
Trip Reviews
==========*/
.trip-reviews {
  margin-top: 5rem;
  /** Swiper styles **/ }
  .trip-reviews .trip-reviews-content .card-deck {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 0 auto; }
    .trip-reviews .trip-reviews-content .card-deck .ratings-card {
      max-width: 55.9rem;
      min-width: 36rem;
      width: 50%;
      height: 384.1px; }
      .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-inlay {
        max-width: 43rem;
        height: 103px;
        margin: 20px 0px 45.5px 0px;
        padding: 0 55px 12.1px 17.6px;
        border: solid 1px #707070;
        background-color: #1a2f3a;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px; }
      .trip-reviews .trip-reviews-content .card-deck .ratings-card .trip-ratings {
        width: 228.9px;
        height: 223px;
        justify-content: center; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .trip-ratings .trip-rating-title {
          font-size: 20px;
          font-weight: 600;
          line-height: normal;
          color: #132f3b;
          align-self: center; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .trip-ratings .this-trip-rating .feefo-number {
          width: 46px;
          height: 30px;
          margin: 30.3px 2.8px 10.2px 44.8px;
          font-size: 25px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #132f3b; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .trip-ratings .this-trip-rating .Out-of-5 {
          margin: 34.8px 44px 16.7px 15.2px;
          font-size: 15px;
          font-weight: 500;
          font-style: italic;
          line-height: normal;
          color: #132f3b; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .trip-ratings .this-trip-rating .based-on-x-reviews {
          margin: 27.3px 0 0;
          font-size: 12px;
          font-weight: normal;
          line-height: normal;
          text-align: center;
          color: #4e4e4e; }
      .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars {
        width: 242.5px;
        height: 223px;
        margin: 0 0 0 3.7px;
        padding: 51.7px 16.9px 51.3px 10.2px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .active .rating-number, .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .active .rating-count {
          text-decoration: underline; }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .active .ratings-bar {
          border: solid 2px #132f3b !important; }
        @media (max-width: 889px) {
          .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars {
            display: none !important; } }
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .ratings-bar-wrapper {
          display: flex; }
          .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .ratings-bar-wrapper .rating-number {
            margin: 0 4.1px 0.3px 0;
            font-size: 9px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 2.5;
            letter-spacing: normal;
            text-align: center;
            color: #000; }
          .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .ratings-bar-wrapper .ratings-bar {
            width: 182.2px;
            height: 16.91px;
            margin: 1.4px 3.9px 9.4px 2.2px;
            padding: 0 82.1px 0 0;
            border: solid 0.2px #707070;
            background-color: #fff; }
          .trip-reviews .trip-reviews-content .card-deck .ratings-card .feefo-ratings-bars .ratings-bar-wrapper .rating-count {
            width: 20px;
            height: 10px;
            margin: 3.4px 0 12.3px 3.9px;
            font-size: 8px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.75;
            letter-spacing: normal;
            text-align: center;
            color: #000; }
      @media (max-width: 889px) {
        .trip-reviews .trip-reviews-content .card-deck .ratings-card .vr {
          display: none !important; } }
    .trip-reviews .trip-reviews-content .card-deck .reviews-card {
      max-width: 58.9rem;
      height: 384.1px;
      min-width: 36rem;
      width: 49%; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .filter-box {
        height: 42px;
        margin: 35px 31px 20.7px 32.1px;
        padding: 11px 18px 16px 20px;
        border-radius: 8px;
        border: solid 1px #808080;
        align-self: end;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        text-align: left;
        display: flex; }
        .trip-reviews .trip-reviews-content .card-deck .reviews-card .filter-box p {
          font-weight: 300;
          width: 6rem;
          margin-left: 1rem;
          align-self: center;
          font-size: 12px;
          line-height: normal;
          height: 1.2rem; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .filterbox {
        width: 18.5rem;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 4.5rem;
        z-index: 3;
        min-height: unset;
        margin-right: 5.6rem;
        margin-bottom: -20px; }
        .trip-reviews .trip-reviews-content .card-deck .reviews-card .filterbox h2.filter-bold {
          font-family: Montserrat;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #270a0a; }
          .trip-reviews .trip-reviews-content .card-deck .reviews-card .filterbox h2.filter-bold #current-review {
            font-weight: 300; }
        .trip-reviews .trip-reviews-content .card-deck .reviews-card .filterbox #filter-review label.filter-checkbox {
          padding: 0 0.063rem 0.063rem 1.625rem; }
        @media (max-width: 889px) {
          .trip-reviews .trip-reviews-content .card-deck .reviews-card .filterbox {
            display: none; } }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-title {
        width: 99px;
        height: 19px;
        margin: 32px 0.1px 11px 73px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        color: #132f3b;
        flex: 0 1 auto; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .reviewed-on {
        width: 168px;
        height: 23px;
        margin: 5px 0px 5px 0px;
        font-size: 12px;
        font-weight: 500;
        color: #707070;
        margin-bottom: -5.75rem;
        background-color: white;
        display: flex; }
        .trip-reviews .trip-reviews-content .card-deck .reviews-card .reviewed-on .review-date {
          float: right;
          display: inline-block;
          padding: 5px !important;
          background-color: white !important;
          margin-top: -0.5rem !important; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-content {
        margin: 0px 60px 36px 73px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.25;
        color: #132f3b;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        margin: unset;
        padding-left: 7rem; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics {
        max-width: 75%;
        padding-left: 0px; }
        .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics .review-topic {
          display: flex;
          flex-direction: column; }
          .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics .review-topic-header {
            float: left;
            margin-right: 20px;
            margin-bottom: 44px;
            min-width: 20rem;
            display: flex;
            flex: 0 1 auto; }
            .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics .review-topic-header .review-topic-title {
              margin-bottom: 5px;
              font-size: 110%;
              font-weight: bold;
              width: 12rem;
              line-height: 1.5; }
            .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics .review-topic-header .review-topic-rating {
              font-size: 110%; }
          .trip-reviews .trip-reviews-content .card-deck .reviews-card .review-body .review-topics .review-topic .review-topic-body {
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-width: 23rem; }
      .trip-reviews .trip-reviews-content .card-deck .reviews-card .reviewer-name {
        margin-bottom: -5rem;
        font-size: 14px;
        font-weight: 500;
        font-style: italic;
        line-height: 1.14;
        color: #132f3b;
        padding-top: 5rem; }
    .trip-reviews .trip-reviews-content .card-deck .card {
      margin: 35px 25px;
      border-radius: 8px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
      background-color: #fff;
      position: relative;
      align-self: center; }
      .trip-reviews .trip-reviews-content .card-deck .card .card-body .card-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0; }
  .trip-reviews #excursions .card-deck {
    flex-direction: column; }
  .trip-reviews .swiper.pdp-reviews-swiper {
    user-select: none;
    box-sizing: border-box;
    overflow: hidden;
    width: 90%;
    max-height: 295px;
    min-height: 287px;
    padding-top: 0px;
    padding-bottom: 0px; }
  .trip-reviews .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #000;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    background-color: white;
    border-radius: 0px; }
  .trip-reviews .swiper-slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 0px 0px;
    align-items: flex-start;
    justify-content: center; }
  .trip-reviews .swiper-slide-title {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: black; }
  .trip-reviews .swiper-slide-text {
    max-width: 640px;
    font-size: 14px;
    line-height: 1.4;
    color: black; }
  .trip-reviews .swiper-slide-title + .swiper-slide-text {
    margin-top: 8px; }
  .trip-reviews :root {
    --swiper-navigation-color: rgba(0, 0, 0, 1); }
  .trip-reviews #tour-hero-feefo {
    display: inline-block !important;
    margin-top: 2.3rem;
    margin-left: 15rem; }

@media (max-width: 767px) {
  #new-tour-itinerary .back-btn {
    margin-top: 44%; } }

/*# sourceMappingURL=productdetailpage.css.map */
