/* Font info
---------------------------------------- */

/* Variables
---------------------------------------- */
:root {

/*
 *colors
 */
  --upei-red: #8c2004;
  --upei-green: #5c8727;
  --upei-yellow: #fbb040;

  --primary: #365ab5;
  --primary: var(--upei-red);
  --secondary: #d05700;
  --dark: #333;
  --light: #eee;
  --border: #a8a6a6;

  --color-text: #444444;
  --color-heading: #333;

  --font-family-serif: 'Noto Serif', sans-serif;
  --font-family-sans-serif: 'Noto Sans', sans-serif;
  /*
   *body
   */
  --body-bg-color: #fff;
  --page-container-width: 1440px;
  --body-font: var(--font-family-sans-serif);
  --heading-font: var(--font-family-serif);
  /*
   *branding
   */
  /*--header-bg-color: #333;*/
  --header-top-bg-color: var(--dark);
  --header-top-text-color: #fff;
  --header-bg-color: none;
  --header-text-color: var(--color-text);
  --header-padding: 1rem;
  --header-bottom-border: 1px solid #ddd;
  --logo-width: 160px;
  --site-name-font-family: var(--font-family-serif);
  --site-name-font-size: 2em;
  --site-name-font-color: var(--header-text-color);
  --site-slogan-font-family: var(--font-family-sans-serif);
  --site-slogan-font-size: inherit;
  --site-slogan-font-color: var(--header-text-color);
  --branding-separator: 2px solid #333;
  --branding-separator-padding: .5rem;
  --header-menu-font-width: 75 /*65-100*/;
  /*
   *tabs
   */
  --tabs-font: var(--font-family-sans-serif);
  --page-tab-bg-color: var(--light);
  --page-tab-text-color: #333;
  --page-tab-text-color-active: var(--primary);
  --page-tab-border-color: var(--border);
  /*
   *search button
   */
  --search-button-color: var(--upei-green);
  --search-button-text-color: #fff;
  
  /*
   *headings
   */
  --h1-size: 2.2rem;
  --h2-size: 1.9rem;
  --h3-size: 1.6rem;
  --h4-size: 1.3rem;
  --h5-size: 1.1rem;
  --h6-size: 1.1rem;
  /*
   *block styles
   */
  --sidebar-block-title-font-size: var(--h4-size);
  --sidebar-block-title-font-family: var(--font-family-serif);
  --sidebar-block-title-font-color: var(--color-text);
  --sidebar-block-title-background: inherit;
  --sidebar-block-background: var(--light);
  --sidebar-block-font-size: inherit;
  --sidebar-block-font-family: var(--font-family-sans-serif);
  --sidebar-block-font-color: var(--color-text);
  --sidebar-block-border: 1px solid var(--light);
  --sidebar-block-link-color: var(--color-text);
  --sidebar-block-link-color-hover: var(--primary);
  --sidebar-ul-separator-line: 2px solid var(--primary);


  /*
   *footer
   */
  --footer-bg-color: #ccc;
  --footer-text-color: initial;
  --footer-link-color: var(--upei-red);
}