@import url('https://fonts.googleapis.com/css2?family=Roboto: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: 'Roboto', 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: #000080;
  --primary-hover: #0000a5;
  --primary-contrast: #01015e;
  --primary-inverse: var(--lightest);

  --secondary: #e57e22;
  --secondary-hover: #ff8b26;
  --secondary-contrast: #cf6507;
  --secondary-inverse: var(--lightest);

  --info: #4747ff;
  --info-hover: #4d68ff;
  --info-contrast: #2a2af8;
  --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);
}


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


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

/* Payment Icon */
.payment--method.DC {
  background: url(./assets/images/diners-club.jpg) center no-repeat !important;
  background-size: contain !important;
  width: calc(48px + 0.9vw) !important;
  height: calc(32px + 0.9vw) !important;
  text-indent: -9999em !important;
}

.payment--method.DS {
  background: url(./assets/images/discover.svg) center no-repeat !important;
  width: calc(48px + 0.9vw) !important;
  height: calc(32px + 0.9vw) !important;
  text-indent: -9999em !important;
}

.payment--method.JC {
  background: url(./assets/images/jcb.svg) center no-repeat !important;
  width: calc(48px + 0.9vw) !important;
  height: calc(32px + 0.9vw) !important;
  text-indent: -9999em !important;
}