@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");

:root {
  /* Changes to Major version include renaming or deletion of variables.
   Changes to Minor version include addition of new variables.
   Changes to Revision version include variable value changes. */
  --Version-Number: 2.1;

  /* global styles variables */
  --font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  --header-font-family: "Cabin", sans-serif;
  --lightest: #fff;
  --light: #f2f2f2;
  --medium: #c4c4c4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 700;

  --primary: #05164d;
  --primary-hover: #364470;
  --primary-contrast: #05164d;
  --primary-inverse: var(--lightest);

  --secondary: #0096c7;
  --secondary-hover: #32a3c7;
  --secondary-contrast: #0096c7;
  --secondary-inverse: var(--lightest);

  --info: #2a65a0;
  --info-hover: #5483b3;
  --info-contrast: #2a65a0;
  --info-inverse: var(--lightest);

  --highlight: hsla(207, 79%, 95%, 1);
  --highlight-hover: hsla(207, 79%, 75%, 1);
  --highlight-contrast: hsla(207, 79%, 25%, 1);
  --highlight-inverse: var(--darkest);

  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --dark: #343a40;
  --white: #fff;
  --logo-height: 1.6rem;
}

/* ------- PER CLIENT CUSTOMIZATION ------- */

/* Assign Font to document */
html,
body {
  font-family: var(--font-family) !important;
}

/* Mapping needed when google font does not correspond */
h1,
.h1 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

h2,
.h2 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

h3,
.h3 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

h4,
.h4 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

h5,
.h5 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

h6,
.h6 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--header-font-family) !important;
}

label,
.fw-bold,
.font-weight-bold {
  font-family: var(--header-font-family) !important;
}

/* Logo sizing specific to brand */
a.navbar-brand img {
  height: var(--logo-height);
}

/* AmeliaRes Logo Style */
.page-footer img.amelia-logo {
  width: 4.75rem;
}

/* SVG Icon Substitution */
.leg--footer .logo {
  background-image: url(./img/airline-icon.svg);
  width: 20px;
  height: 20px;
}

/*--------------------Fare Type Styling----------------- */
/* The fare type identifier is configured in client specific MongoDB Collections.
Fare type CSS class name is constrcuted using the following rules: 1. Prefix 'fare-type-',
2. Replace spaces within fare type identifier by '-'. 3. Transform fare type identifier into lowercase. */
/* Example CSS class for fare type identifier Bronze:*/

/* Customer Customization/Overrides */

.btn:not(.btn-link),
app-root .btn:not(.btn-link) {
  font-weight: var(--headings-font-weight) !important;
}

/* Passenger page styling */

.passenger--data .text-muted.fs-12,
.passenger__contact-details:not:first-child {
  display: none;
}

/* passenger fields' description styling  */

.passenger__redress-number .row,
.passenger__known-passenger-number .row,
.passenger__destination-address .address__city.row {
  align-items: end;
}

.travel-document-information__nation-country .col-md-8 {
  display: flex;
  flex-direction: column;
}

.passenger__known-passenger-number .col-md-8,
.passenger__redress-number .col-md-8,
.passenger__destination-address .address__city .col-md-8 {
  display: flex;
  flex-direction: column-reverse;
}

.col-md-9.offset-md-3.passenger__travel-document-info-instruction {
  margin-left: 0;
  width: 100%;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {

  .travel-document-information__nation-country .col-md-8 .input-description,
  .passenger__redress-number .col-md-8 .input-description,
  .passenger__known-passenger-number .col-md-8 .input-description,
  .passenger__destination-address .address__city .col-md-8 .input-description {
    margin-left: -100%;
    padding-left: 0.75rem;
    width: auto;
    margin-bottom: 2rem;
  }

  .passenger__known-passenger-number .col-md-8 .input-description {
    margin-bottom: 3.5rem;
  }

  .show-small {
    display: none;
  }

  .travel-document-information__nation-country .show-small {
    display: block;
  }
}

@media screen and (min-width: 992px) {

  .travel-document-information__nation-country .col-md-8 .input-description,
  .passenger__redress-number .col-md-8 .input-description,
  .passenger__known-passenger-number .col-md-8 .input-description,
  .passenger__destination-address .address__city .col-md-8 .input-description {
    padding-left: 1.75rem;
  }

  app-agency .travel-document-information__nation-country .col-md-8 .input-description,
  app-agency .passenger__redress-number .col-md-8 .input-description,
  app-agency .passenger__known-passenger-number .col-md-8 .input-description,
  app-agency .passenger__destination-address .address__city .col-md-8 .input-description {
    padding-left: 3.75rem !important;
  }
}

@media screen and (max-width: 768px) {

  .travel-document-information__nation-country label:not(.show-small),
  .passenger__redress-number label:not(.show-small),
  .passenger__known-passenger-number label:not(.show-small),
  .passenger__destination-address .address__city label:not(.show-small) {
    display: none;
  }
}

/* destination address orders */

.passenger__destination-address app-address-input {
  display: flex;
  flex-direction: column;
}

.passenger__destination-address .address__country {
  order: 1;
}

.passenger__destination-address .address__address-1 {
  order: 2;
}

/* passenger all section orders */
.passenger__redress-number {
  order: 1;
}

.passenger__known-passenger-number {
  order: 2;
}

.passenger__destination-address {
  order: 3;
}

.passenger__info-instruction {
  order: 4;
}

.infant-passenger .passenger__contact-details {
  display: none;
}

label.ibe-data-required:after {
  font-size: 14px;
}

/* passenger information */

@media screen and (min-width: 992px) {

  app-thank .row.cart-passengers .passenger,
  app-check-in-reservation-charges .row.cart-passengers .passenger,
  app-reservation-charges .row.cart-passengers .passenger {
    width: 80% !important;
  }
}

app-thank .row.cart-passengers .passenger,
app-check-in-reservation-charges .row.cart-passengers .passenger,
app-reservation-charges .row.cart-passengers .passenger {
  width: 100%;
}

app-thank .row.cart-passengers .border,
app-check-in-reservation-charges .row.cart-passengers .border,
app-reservation-charges .row.cart-passengers .border {
  border: none !important;
  border-bottom: 2px solid black !important;
  border-radius: 0;
  padding-bottom: 1rem;
}

app-thank .row.cart-passengers .fs-12,
app-check-in-reservation-charges .row.cart-passengers .fs-12,
app-reservation-charges .row.cart-passengers .fs-12 {
  font-size: 1rem !important;
}

app-thank .row.cart-passengers .fs-10,
app-check-in-reservation-charges .row.cart-passengers .fs-10,
app-reservation-charges .row.cart-passengers .fs-10 {
  font-size: 0.75rem !important;
}

app-agency app-site-header-flight-summary .text-muted {
  color: var(--primary-inverse) !important;
}

/* seat map */
[seat-map-name="332_332"] [data-seat-position="1_D"],
[seat-map-name="332_332"] [data-seat-position="1_E"],
[seat-map-name="332_332"] [data-seat-position="45_D"],
[seat-map-name="332_332"] [data-seat-position="45_E"] {
  transform: translate(35px, 0);
}

[seat-map-name="332_332"] [data-seat-position="1_G"] {
  transform: translate(-35px, 0);
}

[seat-map-name="332_332"] [data-seat-position="45_G"] {
  transform: translate(-15px, 0);
}

[seat-map-name="332_332"] [data-seat-position="8_D"],
[seat-map-name="332_332"] [data-seat-position="8_E"],
[seat-map-name="332_332"] [data-seat-position="8_F"],
[seat-map-name="332_332"] [data-seat-position="9_D"],
[seat-map-name="332_332"] [data-seat-position="9_E"],
[seat-map-name="332_332"] [data-seat-position="9_F"],
[seat-map-name="332_332"] [data-seat-position="31_D"],
[seat-map-name="332_332"] [data-seat-position="31_E"],
[seat-map-name="332_332"] [data-seat-position="31_F"] {
  transform: translate(30px, 0);
}

[seat-map-name="332_332"] [data-seat-position="8_G"] {
  transform: translate(-10px, 0);
}

[seat-map-name="332_332"] [data-seat-position="9_G"],
[seat-map-name="332_332"] [data-seat-position="31_G"] {
  transform: translate(-30px, 0);
}

app-passengers app-page-footer-message .alert-warning,
app-add-new-passengers-input app-page-footer-message .alert-warning {
  display: none;
}

app-passengers .container-lg>.row>.col-sm-8>.mb-4,
app-add-new-passengers-input .container-lg>.row>.col-sm-8>.mb-4 {
  margin-bottom: 0 !important;
}

app-passengers .container-lg>.row>.col-sm-8>.mb-4:last-child .col,
app-add-new-passengers-input .container-lg>.row>.col-sm-8>.mb-4:last-child .col {
  padding: 0 !important;
}

app-passenger-information-input:last-child .rounded {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

app-passengers app-page-footer-message .rounded,
app-add-new-passengers-input app-page-footer-message .rounded {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

@media screen and (min-width: 1200px) {
  .passenger__travel-document-info-input .document-buttons .passenger__add-travel-document.offset-lg-3 {
    margin-left: 50% !important;
  }
}

.passenger__travel-document-info-input .document-buttons .passenger__add-travel-document.offset-lg-3 .border-bottom {
  border: none !important;
}

.travel-documents-warning {
  display: none;
}

app-travel-document-information-input {
  display: flex;
  flex-direction: column;
}

app-travel-document-information-input .travel-document-information__nation-country {
  order: 1;
}

app-travel-document-information-input:last-child .travel-document-information__nation-country .input-description {
  display: none;
}

app-travel-document-information-input {
  display: flex;
  flex-direction: column;
}

app-travel-document-information-input .travel-document-information__nation-country {
  order: 1;
}

.full-travel-document .travel-document-information__nation-country .input-description {
  display: none;
}

/* PASSENGER FIELDS ORDER */
app-passenger-information-input .passenger__redress-number,
app-passenger-information-input .passenger__known-passenger-number {
  order: 1;
}

app-passenger-information-input .passenger__contact-details,
app-passenger-information-input .passenger__email,
app-passenger-information-input .passenger__phone-number {
  order: 2;
}

app-passenger-information-input .passenger__address,
app-passenger-information-input .passenger__destination-address,
app-passenger-information-input .travel-documents-text,
app-passenger-information-input .passenger__travel-document-info-input {
  order: 3;
}

.input-description div:nth-child(2) {
  font-size: 12px;
}

.invalid-feedback {
  font-size: 12px !important;
}

.check-in-constrain.text-medium {
  color: unset !important;
}

.check-in-constrain .title,
.check-in-constrain .notes {
  font-weight: bold;
}

app-search .page-body {
  margin-top: 1rem !important;
  padding-top: 20px !important;
}

.seat-price {
  display: none !important;
}

.card-title-infant {
  text-transform: capitalize !important;
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="1_E"] {
  transform: translateX(40px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="1_F"] {
  transform: translateX(-40px);
}


svg[seat-map-name="330_330"] .seat-container[data-seat-position="2_D"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="4_D"] {
  transform: translateX(-10px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="2_G"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="4_G"] {
  transform: translateX(10px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="33_D"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="33_E"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="33_F"] {
  transform: translateX(30px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="33_G"] {
  transform: translateX(-30px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="47_D"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="47_E"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="48_D"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="48_E"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="49_D"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="49_E"] {
  transform: translateX(-5px);
}

svg[seat-map-name="330_330"] .seat-container[data-seat-position="47_G"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="48_G"],
svg[seat-map-name="330_330"] .seat-container[data-seat-position="49_G"] {
  transform: translateX(5px);
}