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

/* Variables
---------------------------------------- */
:root {
  --upei-red: #8c2004;
  --upei-green: #5c8727;
  --upei-yellow: #fbb040;

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

  --color-text: #444444;
  --color-heading: #111111;
  --body-bg-color: #fff;

  --page-tab-bg-color: var(--light);
  --page-tab-text-color: #333;
  --page-tab-text-color-active: var(--primary);
  --page-tab-border-color: var(--border);

  --h1-size: 2.2rem;
  --h2-size: 1.9rem;
  --h3-size: 1.6rem;
  --h4-size: 1.3rem;
  --h5-size: 1.1rem;
  --h6-size: 1.1rem;

  --page-container-width: 1440px;

  --header-bg-color: #333;
  --header-text-color: #fff;
  --logo-width: 100px;
  --site-name-font-size: 2em;
  --site-name-font-color: var(--header-text-color);

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