/*
|===========================================================================================================
| app.css
|===========================================================================================================
| 
| ============
| TIPS & USAGE
| ============
| 
| 1. Next and indent your styles.
| 2. Keep styles organized (use headings, comments, and table of contents)
| 3. The name of your theme is placed as a class on the body tag.
| 4. Use that class to prefix and define all your styles within common containers so as not to override required styles in the header and footer.
| 5. The most common containers will be ".page" and ".feature" but you might have others in a unique template.
| 6. Do not use just ".yourthemename" because it will override the msu-header and msu-footer styles. You must target the inner page container.
| 7. For example, your css rules should be prefixed with ".yourthemename .page" or ".yourthemename .feature" and etc.
|
|
| =================
| TABLE OF CONTENTS
| =================
|
| #  Type
| #  Buttons
|
*/
:root {
  --primary-color: #5D1725;
  --accent-color: #0f4489;
  --text-color: #000000;
  --bg-color: #dadddf;
  --btn-color0: #0f4489;
  --btn-color: #5D1725;
  --btn-text-color: #FFFFFF;
}

body {font-family: "Montserrat","Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
header#msu-header {font-family: "Montserrat","Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Type 
 */





/** ------------------------------------------------------------------------------------------------------- */
/**
 * 	Buttons
 */