@import url('https://fonts.googleapis.com/css2?family=Lato:wght@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: 'Lato', sans-serif;
  --lightest: #fff;
  --light: #f3f3f3;
  --light-inverse: #494949;
  --white-inverse: #494949;
  --medium: #c4c4c4;
  --dark: #333;
  --darkest: #494949;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 700;
  --logo-height: 5.8rem;

  --primary: #494949;
  --primary-hover: #686767;
  --primary-contrast: #414040;
  --primary-inverse: var(--lightest);

  --secondary: #f16530;
  --secondary-hover: #f17d52;
  --secondary-contrast: #e05726;
  --secondary-inverse: var(--lightest);

  --info: #c3c2cf;
  --info-hover: #adacb6;
  --info-contrast: #9e9da3;
  --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: #5cc073;
  --danger: #f76666;
  --warning: #ffc107;
  --dark: #343a40;
  --white: #fff;
}

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

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

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

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

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

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

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

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

/* Logo sizing specific to brand */
a.navbar-brand img {
  width: 20rem;
}

app-agent-login a.navbar-brand img {
  width: 12rem !important;
}

.navbar-dark .navbar-text a {
  color: var(--darkest) !important;
}

.agent-login-header.bg-primary,
app-site-header.bg-primary {
  background-color: var(--lightest) !important;
  color: var(--darkest) !important;
}

/* If user has a wide logo, they may want to has a compact version for small screens - please take a look on Advanced Air for more information */
/* a.navbar-brand img.logo--image {
  display: none;
}

@media (min-width: 1280px) {
  a.navbar-brand img.logo--image {
    display: inline;
  }

  a.navbar-brand img.compact-logo--image {
    display: none;
  }
} */

/* 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;
}

app-journey-origin-destination .airport--code {
  display: block !important;
}

/* Fare option */
app-journey-fare-option-header .fare-option--banner-image-container {
  padding-right: 1.5rem !important;
}

app-journey-fare-option-header.fare-type-freedom {
  background-color: #900528 !important;
}

app-journey-fare-option-header.fare-type-plus {
  background-color: #f36f21 !important;
}

app-journey-fare-option-header.fare-type-flex {
  background-color: #6e7278 !important;
}

app-journey-fare-option-header.fare-type-fixed {
  background-color: #a9adb3 !important;
}

app-passenger-information-summary div.text-primary.fs-12.font-weight-bold,
app-passenger-information-summary div.row.fs-12,
app-passenger-information-summary div.fs-10,
app-check-in-reservation-charges div.leg-recap div:last-child {
  display: none !important;
}


app-city-pair-ancillary-option .card-header .lh-12 {
  color: var(--secondary);
}

app-thanks .cart-passengers>.col>.mb-2 {
  font-weight: var(--headings-font-weight);
}

app-thanks .col-md-12 {
  display: flex;
  flex-direction: column;
}

app-thanks .col-md-12 .row.mt-5 {
  order: 3;
  margin-top: 0 !important;
}

app-thanks .col-md-12:nth-child(2) {
  padding-top: 3rem !important;
}

app-thanks .cart-passengers {
  padding-top: 3rem;
}

app-agency app-site-header .text-white,
app-site-header li:after {
  color: var(--primary) !important;
}

.ic-hide.ic-check-circle-af.text-info {
  color: var(--primary) !important;
}

/*Remove Time and Time text*/
app-agent-dashboard .welcome-container .col-12.d-flex.text-dark.justify-content-end.pe-5 {
  display: none !important;
}

app-agent-dashboard .welcome-container .h2.mb-4+.h2.mb-4 {
  display: none !important;
}

/*Remove Valid From and Valid Until*/
app-agency .agent-left-sidebar .d-flex.mb-1 {
  display: none !important;
}

/* Make Name fields in Profile Input disabled */
app-profile app-profile-input app-person-title-picker select,
app-profile app-profile-input input[name="firstName"],
app-profile app-profile-input input[name="lastName"] {
  cursor: default;
  background-color: #e9ecef !important;
}

app-profile app-profile-input input[name="firstName"]:focus,
app-profile app-profile-input input[name="lastName"]:focus {
  background-color: #e9ecef;
  border-color: #ced4da;
  box-shadow: none;
}

app-profile app-profile-input app-person-title-picker select {
  pointer-events: none;
}

.booking-info-title .col-12.mt-md-0.mt-2 {
  display: none;
}

.booking-info-title .col-12.d-flex.col-md-3.flex-column {
  width: auto;
}

.site-navigation.col-md-4 {
  width: 100%;
}

.site-navigation .h6 {
  font-weight: 400!important;
  font-size: 14px;
}

.avis-image {
  width: 300px;
  background-image: url(/assets/images/avis-web.png);
  height: 200px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.budget-web-image {
  width: 300px;
  background-image: url(/assets/images/budget-web.png);
  height: 200px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}