/*-- For Expedia Cruises header and branding CSS */

/*-- #68792 ticket requirement to set the header */

.custom-header {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 8px .75rem rgba(12, 14, 28, .08) !important;
  margin-bottom: 20px !important;
  margin: 0 auto;
  text-align: center;
  height: auto;
  display: block;
}

  .custom-header .custom-header-cruisedesk-container {
    max-width: 78rem !important;
  }

  .custom-header .custom-header-consumer-container {
    max-width: 100% !important;
  }

.BonusOfferDisclaimer {
  font-size: 12px;
  color: #6c757D;
}

[data-ody-id=CruiseSailingInfoAndBookingButton] {
  display: inline-block !important;
}


/* -- Color style changes to EC colors --*/

.btn {
  border-radius: 0.25rem !important;
}

.btn-primary, .btn-lg {
  background-color: #c60000 !important;
  border: 1px solid #c60000 !important;
}


  .btn-primary:hover, .btn-lg:hover {
    background-color: #b30204 !important;
    border-color: #bd0003 !important;
  }

  .btn-primary:active, .btn-lg:active {
    background-color: #c60000 !important;
    border-color: #c60000 !important;
  }

.btn-default:not(.btn-primary), .btn-outline-primary, .btn-view-more {
  color: #004990 !important;
}

[data-ody-id=CruiseSearchBarSection] a {
  color: #004990;
}

.bg-secondary {
  background: #004990 !important;
}

.odi-diamond-shape, .odi-star-circle {
  color: #004990;
}

.btn-view-more {
  color: #fff !important;
}

[data-ody-id="PriceButton"] {
  color: #fff !important;
  padding: .25rem 1rem;
}

/* -- Font changes to EC generic fonts --*/


:root {
  font-family: Arial, sans-serif !important;
}

body {
  font-family: Arial, sans-serif !important;
}

.popover {
  font-family: Arial, sans-serif !important;
}

.cruise-details-package-title,
.cruise-title {
  font-family: Arial, sans-serif !important;
}

[data-ody-id=FilterPanelAside] .card .text-white,
[data-ody-id=FilterPanelAside] .card .panel-title a {
  font-family: Arial, sans-serif !important;
}

.member-price-discount {
  font-family: Arial, sans-serif !important;
}


/* Request a quote modal button made fixed*/
@media (max-width: 2400px) {
  .results-page [data-ody-id="RequestQuoteButtonWrapper"],
  .package-details-page [data-ody-id="RequestQuoteButtonWrapper"],
  .page_cruise_emailrequest.inIframe [data-ody-id="RequestQuoteFormWrapper"] #email_request_form .text-right {
    position: fixed; /* Uncommented to activate */
    bottom: 0;
    right: 0;
    background-color: #fff;
    width: 100%;
    padding: 16px 16px 16px 0;
  }

  .results-page [data-ody-id="RequestQuoteFormWrapper"] #email_request_form .Emailreceiver-info-inputbox,
  .package-details-page [data-ody-id="RequestQuoteFormWrapper"] #email_request_form .Emailreceiver-info-inputbox {
    margin-bottom: 40px;
  }
}

.results-page [data-ody-id="RequestQuoteFormWrapper"] #email_request_form .Emailreceiver-info-inputbox,
.package-details-page [data-ody-id="RequestQuoteFormWrapper"] #email_request_form .Emailreceiver-info-inputbox {
  margin-bottom: 40px;
}

/*#68792 - Request a quote full height in iFrame*/
.modal-dialog.request-a-quote-modal-wrapper .modal-content {
  flex-direction: initial;
}

/*-- turned off DM - June 2025 

a {
    color: #004990 !important;
}


.bg-secondary {
    background: #004990 !important;
}


 .more-link {
    background: #004990;

}

*/


/*DM TURNED OFF
added width auto to manage the request a quote and book button alignment
[data-ody-id="bonusOfferSectionHeader"] {
  width: auto;
}
*/
