/****
 **** mate theme files / mate_variables
 **** overrides materialize variables
 ****
 */

/*
 * please do not edit this file.
 *
 * use _custom_variables.scss for update safe overwrites
 */


/* ============================= */
/*     MATE Theme Variables      */
/* ============================= */

$desktop-navbar-breakpoint: 993px;

:root {
  /* Colors */
  --mateColor1: #b6cf92;
  --mateColor2: #86af49;
  --mateColor3: #476a30;
  --mateColor4: #58774e;
  --mateColor6: #abbdb1;

  --mateColorWhite: #fff;
  --mateColorBlack: #000;
  --mateColorGreyLight: #f5f5f5;
  --mateColorGreyDark: #e6e6e6;
  --pageBackground: #f4f8f0;

  /* Text Colors */
  --primary-text-color: #000;
  --secondary-text-color: #fff;
  --mateColor2-text-color: var(--mateColor2);
  --mateColor3-text-color: var(--mateColor3);
  --mateColor4-text-color: var(--mateColor4);

  /* Boxes */
  --boxes-background: var(--mateColorWhite);
  --boxes-text-color: var(--primary-text-color);

  /* Rgb colors */
  --rgba-mateColor2: 134, 175, 73;
  --rgba-boxes-background: 255, 255, 255;
}

/****
 **** mate theme files / mate_specific_variables
 **** overrides materialize variables
 ****
 */

/*
 * please do not edit this file.
 *
 * use _custom_variables.scss for update safe overwrites
 */

/* ============================= */
/*     MATE Theme Variables      */
/* ============================= */

$small-screen: 600px;
$medium-screen: 992px;
$large-screen: 1200px;

:root {
  --primary-color: var(--mateColor2);
  --secondary-color: var(--mateColor3);

  /* Fonts */
  --font1: 'Lato Light';
  --font2: 'Old Standard';
  --font3: 'Lato Regular';

  /* Links */
  --primary-link-font-color: var(--mateColor2-text-color);
  --primary-link-hover-font-color: var(--mateColor3-text-color);

  /* Accordion */
  --accordion-headline-background: var(--mateColor2);
  --accordion-headline-hover-background: var(--mateColor3);
  --accordion-headline-color: var(--secondary-text-color);
  --accordion-headline-hover-color: var(--secondary-text-color);
  --accordion-content-background: var(--mateColorWhite);
  --accordion-content-color: var(--primary-text-color);
  --accordion-border-color: var(--mateColorWhite);

  /* Buttons */
  --button-flat-color: var(--secondary-text-color);
  --button-floating-background: var(--mateColor2);
  --button-floating-background-hover: var(--mateColor3);
  --button-outline-color: var(--button-floating-background);

  /* Toplink */
  --toplink-background: var(--mateColor6);
  --toplink-color: var(--mateColorBlack);
  --toplink-background-hover: var(--mateColor1);
  --toplink-color-hover: var(--mateColorBlack);

  /* Breadcrumb */
  --breadcrumb-background: rgba(var(--rgba-mateColor2),.08);
  --breadcrumb-link: var(--primary-link-font-color);
  --breadcrumb-link-hover: var(--primary-link-hover-font-color);

  /* Content Box */
  --contentbox-first-color: var(--primary-text-color);
  --contentbox-second-color: var(--primary-text-color);
  --contentbox-first-background: rgba(var(--rgba-boxes-background), 0.95);
  --contentbox-second-background: rgba(var(--rgba-boxes-background), 0.65);

  /* Download and FAQ Elements */
  --download-faqlist-background-odd: rgba(var(--rgba-mateColor2), 0.15);
  --download-faqlist-color-odd: var(--mateColor2-text-color);
  --download-faqlist-color-odd-hover: var(--mateColor3-text-color);

  --download-faqlist-background-even: var(--mateColorWhite);
  --download-faqlist-color-even: var(--mateColor2-text-color);
  --download-faqlist-color-even-hover: var(--mateColor3-text-color);

  --faq-page-background-color: var(--mateColor2);
  --faq-page-color: var(--mateColorWhite);

  /* Events and News */
  --calendar-background: var(--mateColorWhite);
  --calendar-border-color: var(--mateColorWhite);
  --calendar-text-color: var(--mateColor2-text-color);

  --news-date-color: var(--mateColor6);
  --news-category-color: #fff;

  --pagination-color: var(--mateColor4-text-color);
  --pagination-active-color: var(--mateColorWhite);
  --pagination-active-background-color: var(--mateColor6);
  --pagination-border-color: var(--mateColor6);
  --pagination-hover-background-color: var(--mateColor1);
  --pagination-border-hover-color: var(--mateColor1);
  --pagination-text-color: var(--mateColor3-text-color);

  /* Footer */
  --footer-text-color: var(--secondary-text-color);

  --footer-newsletter-bg-color: var(--mateColor1);
  --footer-newsletter-color: var(--mateColor3-text-color);
  --footer-newsletter-button-background: var(--mateColor2);
  --footer-newsletter-button-background-hover: var(--button-floating-background-hover);
  --footer-input-bg-color: #f4f8f0;
  --footer-input-color: var(--mateColorBlack);

  --footer-primary-bg-color: var(--mateColor2);
  --footer-primary-color: var(--footer-text-color);
  --footer-primary-link-color: var(--secondary-text-color);
  --footer-primary-link-color-hover: var(--secondary-text-color);
  --footer-headline-border-color: var(--secondary-text-color);
  --footer-news-events-time-color: var(--mateColor3-text-color);

  --footer-secondary-bg-color: var(--mateColor3);
  --footer-secondary-color: var(--footer-text-color);
  --footer-secondary-link-color: var(--secondary-text-color);
  --footer-secondary-link-color-hover: var(--secondary-text-color);

  /* Header Image */
  --headerHeadlineBackground: rgba(var(--rgba-mateColor2), 0.9);
  --headerHeadlineColor: var(--secondary-text-color);

  /* Header and Navigation */
  --header-top-color: var(--secondary-text-color);

  --navbar-bg-color: var(--mateColorWhite);
  --navbar-color: var(--primary-text-color);
  --navbar-active-color: var(--primary-link-font-color);
  --navbar-dropdown-hover-bg-color: var(--mateColor1);
  --navbar-dropdown-hover-color: var(--secondary-text-color);
  --navbar-dropdown-bg: var(--mateColorWhite);
  --navbar-dropdown-color: var(--primary-text-color);
  --navbar-search-color: var(--mateColor2-text-color);
  --navbar-mobile-menu-icon-color: var(--mateColor2-text-color);
  --navbar-stuck-bg-color: rgba(var(--rgba-mateColor2), 0.9);
  --navbar-stuck-color: var(--secondary-text-color);
  --navbar-stuck-active-color: var(--mateColor3-text-color);
  --navbar-stuck-dropdown-hover-bg-color: var(--mateColor1);
  --navbar-stuck-dropdown-hover-color: var(--primary-text-color);
  --navbar-stuck-dropdown-color: var(--secondary-text-color);
  --navbar-stuck-dropdown-bg: rgba(var(--rgba-mateColor2), 0.9);
  --navbar-stuck-search-color: var(--secondary-text-color);
  --navbar-stuck-mobile-menu-icon-color: var(--secondary-text-color);

  --navbar-mobile-background: var(--mateColor2);
  --navbar-mobile-color: var(--mateColorWhite);
  --navbar-mobile-dropdown-background: var(--mateColor1);
  --navbar-mobile-dropdown-color: var(--mateColorWhite);

  /* Subnav Navigation */
  --subnav-background: var(--mateColor2);
  --subnav-color: var(--secondary-text-color);
  --subnav-hover-background: var(--mateColor3);
  --subnav-hover-color: #fff;
  --subnav-active-background: var(--mateColor3);
  --subnav-active-color: #fff;
  --subnav-dropdown-background: var(--mateColor1);
  --subnav-dropdown-color: var(--primary-text-color);

  /* News Slider */
  --slider-background: var(--mateColor2);
  --slider-subheadline-color: var(--secondary-text-color);
  --slider-headline-color: var(--secondary-text-color);
  --slider-teaser-color: var(--secondary-text-color);

  --slider-button-background: var(--mateColor1);
  --slider-button-color: var(--mateColor3-text-color);
  --slider-button-color-hover: var(--secondary-text-color);
  --slider-button-background-hover: var(--mateColor3);

  --slider-arrows-background: var(--mateColor4);
  --slider-arrows-border-color: var(--mateColor2-text-color);
  --slider-arrows-color: var(--mateColor2-text-color);

  --slider-navigation-background: var(--mateColorWhite);
  --slider-navigation-subheadline-color: var(--mateColor2-text-color);
  --slider-navigation-headline-color: var(--primary-text-color);
  --slider-navigation-active-background: var(--mateColor2);
  --slider-navigation-active-subheadline-color: var(--secondary-text-color);
  --slider-navigation-active-headline-color: var(--secondary-text-color);
  --slider-navigation-hover-background: var(--mateColor1);
  --slider-navigation-hover-subheadline-color: var(--secondary-text-color);
  --slider-navigation-hover-headline-color: var(--secondary-text-color);
  --slider-navigation-border-color: var(--mateColor1);

  /* Tables */
  --table-odd-background: var(--mateColorWhite);
  --table-even-background: var(--mateColorGreyLight);
  --table-border-color: var(--mateColorGreyDark);

  /* Dropdown */
  --dropdown-bg-color: var(--mateColorWhite);
  --dropdown-color: var(--primary-text-color);

  /* Formulare */
  --input-background-color: var(--boxes-background);
  --input-color: var(--primary-text-color);
  --input-border: 2px solid var(--mateColor1);
  --input-label-color: var(--mateColor4-text-color);
  --input-legend-color: var(--mateColor4-text-color);
  --input-focus-border: 2px solid var(--mateColor2);

  --radio-checkbox-color: var(--mateColor2-text-color);

  --select-label-color: #9e9e9e;
  --select-background-color: var(--dropdown-bg-color);
  --select-color: var(--dropdown-color);
  --select-border: 2px solid var(--mateColor1);
  --select-caret-color: var(--mateColor2-text-color);

  /* Hyperlink teaser */
  --hyperlink-teaser-background-color: var(--mateColor2);
  --hyperlink-teaser-color: var(--mateColorWhite);

  /* Parallax element */
  --parallax-headline-background-color: rgba(var(--rgba-mateColor2), .9);
  --parallax-headline-color: var(--mateColorWhite);
  --parallax-text-color: var(--mateColorWhite);
  --parallax-link-color: var(--mateColorWhite);
  --parallax-link-hover-color: var(--primary-link-hover-font-color);
}