/*****************************************************************************************************
* Default CSS
******************************************************************************************************/

/*
Style Notes
---------------------------------------------------------------------------------------------------- */
/* 
# Inline comments for Search & Replace
(Comment is placed right after value without spaces.)

- mobileMenuMaxWidth: media query max-width value
- mobileMenuMinWidth: media query min-width value
*/


/*
Colors
---------------------------------------------------------------------------------------------------- */

/* Color: Brand
--------------------------------------------- */

body {

  /* Internal */

  --brand1-color-def: #463E47;
  --brand1-color-acc: #463E47;

  /* External */

  --brandBub-color-def: 23,159,20;
  --brandFacebook-color-def: 59,89,152;
  --brandLinkedin-color-def: 14,118,168;
  --brand-Newsletter-color-def: 0,142,218;
  --brandRss-color-def: 238,128,47;
  --brandTwitter-color-def: 0,172,238;
}


/* Color: Spot
--------------------------------------------- */

/* E.g. colors differing by category. */


/* Color: General
--------------------------------------------- */

body {

  /* Background: Body */

  --body-background-def: #f5f5f5;
  --body-background-lt1: #fff;
  --body-background-lt2: #fff;
  --body-background-dk1: #ececec;
  --body-background-dk2: #ddd;

  --body-color-def: #222;
  --body-color-lt1: #222;
  --body-color-dk1: #222;
  --body-color-acc: #777;

  /* Theme Background: Primary */

  --theme1-background-def: #252525;
  --theme1-background-acc: #463E47;

  --theme1-background-sh1: rgba(255,255,255,0.08);
  --theme1-background-sh2: rgba(255,255,255,0.12);

  --theme1-color-def: #ddd;
  --theme1-color-acc: #ddd;

  /* Theme Background: Secondary */

  --theme2-background-def: #564A57;
  --theme2-background-lt1: #7E5D80;
  --theme2-filter-acc: brightness(110%);

  --theme2-background-sh1: rgba(255,255,255,0.08);
  --theme2-background-sh2: rgba(255,255,255,0.12);

  --theme2-color-def: #eee;
  --theme2-color-acc: #eee;

  /* Theme Background: Tertiary */

  --theme3-background-def: #fff;
  --theme3-background-acc: #fbfbfb;

  --theme3-background-sh1: rgba(255,255,255,0.08);
  --theme3-background-sh2: rgba(255,255,255,0.12);

  --theme3-color-def: #444;
  --theme3-color-acc: #444;

  /* Background: Modal */

  --basicModal-background-def: linear-gradient(to bottom, #ddd, #d5d5d5);
  --basicModal-background-acc: linear-gradient(to bottom, #ddd, #d5d5d5);

  --basicModal-background-sh1: rgba(255,255,255,0.08);
  --basicModal-background-sh2: rgba(255,255,255,0.12);

  --basicModal-color-def: #222;
  --basicModal-color-acc: #444;

  /* Background: Button */

  --groupButton-background-def: #fff;
  --groupButton-background-acc: #fbfbfb;
  
  --groupButton-color-def: inherit;
  --groupButton-color-acc: inherit;

  /* Background: List */

  --listItem-background-def: #fff;
  --listItem-background-acc: #fff;
  --listItem-background-odd: #eee;
  --ListItem-background-even: #fafafa;
    
  --listItem-color-def: #222;
  --listItem-color-acc: #222;
  --listItem-color-odd: #222;
  --listItem-color-even: #222;
}


/*
Fonts
---------------------------------------------------------------------------------------------------- */

/* Icon Fonts: Include
--------------------------------------------- */

/* Note: Some icon fonts may be enqueued via PHP (e.g. Dashicons, Font Awesome). */

/* Material Icons */

/* @font-face {
  font-family: 'Material Icons Outlined';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons/material-icons-outlined-v109-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons Sharp';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons/material-icons-sharp-v109-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons Twotone';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons/material-icons-two-tone-v112-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons Regular';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons/material-icons-v140-latin-regular.woff2') format('woff2');
} */

/* Bootstrap Icons */

/* @font-face {
  font-family: 'Bootstrap Icons';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bootstrap-icons/fonts/bootstrap-icons.woff2') format('woff2');
} */


/* Text Fonts: Include
--------------------------------------------- */

/* Roboto */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v30-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v30-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v30-latin-700italic.woff2') format('woff2');
}

/* Oswald */

@font-face {
  font-display: block;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald/oswald-v48-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald/oswald-v48-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald/oswald-v48-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald/oswald-v48-latin-700.woff2') format('woff2');
}


/* All Fonts: Set
--------------------------------------------- */

body {

  /* Syntax: font-style font-variant font-weight font-size/line-height font-family */

  --basic-font-def: normal normal normal 1rem/1.5 'Roboto', sans-serif;
  --alt-font-def: normal normal normal 1rem/1.5 'Roboto', sans-serif;

  --display-font-def: normal normal 700 1.4rem/1.3 'Oswald', sans-serif;
  --display-font-lg1: normal normal 700 1.5rem/1.3 'Oswald', sans-serif;
  --display-font-sm1: normal normal 700 1.3rem/1.3 'Oswald', sans-serif;

  /* Icon Fonts: Others my be enqueued via PHP and have their own variable names,
   e.g. Dashicons and Font Awesome (--fa-font-regular, --fa-font-sharp-regular,
   --fa-font-solid, --fa-font-brands etc.) */

  --mi-font-outlined: normal normal normal 1em/1 'Material Icons Outlined';
  --mi-font-sharp: normal normal normal 1em/1 'Material Icons Sharp';
  --mi-font-twotone: normal normal normal 1em/1 'Material Icons Twotone';
  --mi-font-regular: normal normal normal 1em/1 'Material Icons Regular';

  --bi-font-def: normal normal normal 1em/1 'Bootstrap Icons';
}