@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* AirSaintPierre */
: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: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-family-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --lightest: #fff;
  --light: #f3f3f3;
  --medium: #c4c4c4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 700;

  --primary: #012c63;
  --primary-hover: #0350b6;
  --primary-contrast: #10223a;
  --primary-inverse: var(--lightest);

  --secondary: #30bde0;
  --secondary-hover: #1194b4;
  --secondary-contrast: #0589aa;
  --secondary-inverse: var(--lightest);

  --info: #e8000d;
  --info-hover: #da5a60;
  --info-contrast: #c2131c;
  --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;
}

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

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

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

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

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

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

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

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

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

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

app-site-header a.navbar-brand::after {
  content: "AIR SAINT-PIERRE";
  font-size: 18px;
  margin-left: 1.75rem;
}

@media (max-width: 767px) {
  a.navbar-brand img {
    width: 2rem;
  }

  app-site-header a.navbar-brand::after {
    content: "AIR SAINT-PIERRE";
    font-size: 16px;
    margin-left: 1.5rem;
  }
}

/* @media (min-width: 767px) {
  app-site-header {
    background-image:
      url('https://www.airsaintpierre.com/images/point-line-1.png'),
      url('https://www.airsaintpierre.com/images/white-line.png');
    background-position:
      center,
      bottom right;
    background-repeat:
      no-repeat,
      no-repeat;
  }

} */