/*
Theme:  LocalBranding lb-website Theme - Contao
Author: LocalBranding
*/
/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 300;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    font-weight: lighter!important;
  }
}

/* ///// Fonts ///// */
@font-face {
  font-family: 'Verdana';
  src: url('../../../files/theme_lb_website/fonts/Verdana/verdana.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/Verdana/verdana.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Verdana';
  src: url('../../../files/theme_lb_website/fonts/Verdana/verdana.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/Verdana/verdana.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'KGPrimaryItalics';
  src: url('../../../files/theme_lb_website/fonts/KGPrimary/KGPrimaryItalics.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/KGPrimary/KGPrimaryItalics.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ///// Fontsend ///// */
/* ///// Core Colors ///// */
:root{
  /* Brand Colors Primary */
  --spotcolor1: #3ed6ae;
  --spotcolor2: #14a7cc;

  /* Greytones */
  --black: #160880;
  --midgrey: #635d5d;
  --lightgrey: #c2c2c2;
  --white: #ffffff;
  --bodybackground: #f4fae3;

  /* UI Colors */
  --error: #e02609;
  --success: #7cd104;
  --info: #f27e02;
  --signal: #b232aa;
  --warning: #fadd1e;
  --inactive: #e864e4;

  /* Background-Color Navbar Header*/
  --bgnavbar: var(--spotcolor2);

/* ///// Core Colors End ///// */
  /* Border Radius */
  --theme-radius: 0.3rem;

  /* Spacing */
  --space-xxl: 10rem;
  --space-xl: 5rem;
  --space-l: 4rem;
  --space-m: 3rem;
  --space-s: 2rem;
  --space-xs: 1rem;
  --space-xxs: 0.5rem;

  /* negative Spacing */
  --n-space-xxl: -10rem;
  --n-space-xl: -5rem;
  --n-space-l: -4rem;
  --n-space-m: -3rem;
  --n-space-s: -2rem;
  --n-space-xs: -1rem;
  --n-space-xxs: -0.5rem;

  /* Font Families */
  --theme-font-1: 'Verdana', sans-serif;
  --theme-font-2: 'KGPrimaryItalics', sans-serif; 

  /* Font Sizes */
  --font-xxl: 5rem;
  --font-xl: 4rem;
  --font-l: 3.5rem;
  --font-m: 2.6rem;
  --font-sm: 1.8rem;
  --font-s: 1.6rem;
  --font-xs: 1.4rem;
  --font-xxs: 1.2rem;

  /* Line Heights */
  --lh-xxl: 8rem;
  --lh-xl: 7rem;
  --lh-l: 4.3rem;
  --lh-m: 3.5rem;
  --lh-s: 2.6rem;
  --lh-xs: 2.4rem;
  --lh-xxs: 2.4rem;

  /* Radius */
  --theme-radius: 2px;
  --theme-radius-top: 2px 2px 0 0;
  --theme-radius-bottom: 0 0 2px 2px;

  /* Shadows */
  --text-shadow: 0px 3px 6px rgba(0,0,0, 0.3);
  --box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  --deep-shadow:  0 16px 8px 0px rgba(60,64,67,0.302), 0 3px 8px 8px rgba(60,64,67,0.149),  0 3px 4px 4px rgba(60,64,67,0.149);

  /* transition */
  --theme-transition:  all 0.3s cubic-bezier(.72,.28,.33,.93);

  /* Borders */
  --theme-border-interactive: 5px solid var(--spotcolor1);
  --theme-border-inactive: 5px solid var(--lightgrey);
  --theme-border-white: 5px solid var(--white);
}