@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55?styles=30123');
: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, Arial, sans-serif;
  --font-family-display: 'Playfair Display', serif;

  --lightest: #fff;
  --light: #fdfcfb;
  --light-secondary: #efeadc;
  --medium: #C4C4C4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --body-font-letter-spacing: .02em;
  --body-font-line-height: 1.9em;
  --headings-font-weight: 400;
  --heading-font-height: 2.4rem;

  --primary: #e1251c;
  --primary-hover: #c92b23;
  --primary-contrast: #c92b23;
  --primary-inverse: var(--lightest);

  --secondary: #927735;
  --secondary-hover: #927735;
  --secondary-contrast: #927735;
  --secondary-inverse: var(--lightest);

  --info: #dc2f27;
  --info-hover: #c92b23;
  --info-contrast: #c92b23;
  --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: 3rem;
}

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

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

/* Mapping needed when google font does not correspond */
h1,
.h1 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-size: var(--heading-font-height) !important;
  /* font-style: italic; */
  color: var(--primary) !important;
}

h2,
.h2 {
  font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-size: var(--heading-font-height) !important;
  /* font-style: italic; */
  color: var(--primary) !important;
}

h3,
.h3 {
  /* font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-style: italic; */
}

h4,
.h4 {
  /* font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-style: italic; */
}

h5,
.h5 {
  /* font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-style: italic; */
}

h6,
.h6 {
  /* font-weight: var(--headings-font-weight) !important;
  font-family: var(--font-family-display) !important;
  font-style: italic; */
}

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

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

app-trip-type-picker label.btn-outline-primary,
app-person-title-picker label.btn-outline-primary {
  border-color: #ced4da !important;
  background-color: var(--lightest);
}

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

/* Payment method icons */
.payment--method.HSBCVI {
  background: url(https://s3.us-east-1.amazonaws.com/ias.ngi.maint.cdn/FlyCMA/images/visa.svg) center no-repeat;
}

app-search .check-in-constrain {
  display: flex;
  flex-direction: column;
}

app-search .check-in-constrain .notes {
  order: -1;
  margin-bottom: 1rem;
}

app-survey-input .warning-text,
app-survey-input .text-muted {
  display: none !important;
}

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

app-site-header .text-white,
app-site-header li::after,
app-site-header .iasi::after,
#language-picker {
  color: var(--darkest) !important;
}

app-agent-dashboard .welcome-container .h2,
app-agent-dashboard .welcome-container .text-dark {
  color: var(--light)!important;
}

.agent-left-sidebar.bg-light {
  background-color: var(--light-secondary) !important;
}

app-view-reservation-detail .page-body .container-lg .row.mt-3 {
  margin-top: -1px !important;
}

app-trip-type-picker label.invisible, app-trip-type-picker .btn-group-toggle.input-group {
  margin-top: 0px !important;
}

app-loyalty-registration .col-12.alert.alert-info.mb-5 {
  display: none !important;
}