@import url('https://fonts.googleapis.com/css2?family=Questrial&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:  "Questrial", sans-serif;
--lightest: #fff;
--light: #F6F6F6;
--medium: #CACACA;
--dark: #333;
--darkest: #000;
--body-background: var(--lightest);
--body-color: var(--light);
--headings-font-weight: 700;
--headings-font-weight-thin: 300;

--primary: #1C1C1C;
--primary-hover: var(--secondary);
--primary-contrast: #3f444b;
--primary-inverse: var(--lightest);

--secondary: #ce372f;
--secondary-hover: #a42c26;
--secondary-contrast: var(--medium);
--secondary-inverse: var(--lightest);

--info: #676767;
--info-hover: #676767;
--info-contrast: #676767;
--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.5rem;
--border-radius: 3px;
--text-color: #676767;
}

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

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

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 {
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;
}

/* Emergency Seat */
.seat-design.emergency-exit-seat:not(.bottom-design){
  fill: var(--danger) !important;
  
}

/*--------------------Fare Type Styling----------------- */


/* Customer Customization/Overrides */

/* Remove Rounded Cornders */
/* body .card,
body .rounded,
body .rounded-pill,
body .btn,
body .card-header:first-child,
body .nav-pills .nav-link,
body .form-control,
body .stv-radio-buttons-wrapper label:first-of-type,
body .modal-footer,
body .modal-header,
body .dropdown-menu,
body app-passengers-count-picker .navbar-toggler,
body .custom-select {
border-radius: 0 !important;
} */

/* BUTTON STYLING */
button, .btn, a[role="button"] {
font-weight: var(--headings-font-weight)!important;
}

/* HEADER STYLING */

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

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

.items-not-permitted__in-cabin .mb-4 {
  display: none;
}

.items-not-permitted__at-all.mt-auto,
.items-not-permitted__at-all .mt-3{
  margin-top: 0 !important;
}

app-boarding-pass-card .card{
  width: 21rem !important;
  padding-top: 0 !important;
}
app-reservation-charges .charges-journey-total,
app-reservation-charges .charge-container{
  display: none !important;
}

[seat-map-name="Q400_Q400"] [data-seat-position="21_C"],
[seat-map-name="Q400_Q400"] [data-seat-position="21_D"] {
  transform: translateX(30px);
}

[seat-map-name="320_A320-148"] [data-seat-position^="1_"] {
  transform: translateX(40px);
}