@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");

/** General Theme Stylings **/

:root {
  
  /* brand colors are for reference **/
  
  --brand-color-1: #C72E2D; 
  --brand-color-2: #C7D7E4;
  --brand-color-3: #3C3435;
  --brand-color-4: #FDFEF1;
  --brand-color-5: #ffffff;
  --brand-color-6: #ffffff;
    
  --dr-brand-color-1: #C72E2D;
  --dr-brand-color-2: #C7D7E4;
  --dr-brand-color-3: #3C3435;
  --dr-brand-color-4: #FDFEF1;
  --dr-brand-color-5: #ffffff;
  --dr-brand-color-6: #ffffff;
  
  /* magic accordion */
  --mag-acc-color-1: #cdcdcd;
  --mag-acc-color-2: #ffffff;
  --mag-acc-font-1: #343642;
  --mag-acc-font-2: #343642;
  
  --mag-acc-dr-color-1: #333333;
  --mag-acc-dr-color-2: #666666;
  --mag-acc-dr-font-1: #ffffff;
  --mag-acc-dr-font-2: #ffffff;
  
  /* region backgrounds */
  
  --body-background:#000000; /* only visible if screen is wider than 1800px */
  --page-background:#ffffff; /* generally should stay white */
  --dr-background:#343642; /* base color when .dark-region or .transposed is applied */
  
  --help-wrapper:transparent;
  --topper-wrapper:transparent;
  --header-banner-wrapper:transparent;
  --header-wrapper:transparent;
  --banner-wrapper:transparent;
  --content-area-wrapper:transparent;
  --preface-wrapper:#C7D7E4    ;
  --content-top-wrapper:transparent;
  --content-wrapper:transparent;
  --sidebar:transparent;
  --content-bottom-wrapper:transparent;
  --postscript-wrapper:transparent;
  --postscript-wrapper-dark-region:#3C3435;
  --footer-wrapper:#3C3435;
  
  /* main menu * mobile menu */
  
  --menu-link-d:#CBCBCB; /* desktop main level link:hover background color */
  --menu-link-d1:#CBCBCB; /* desktop link:hover background color */
  --menu-link-m:#CBCBCB; /* mobile link background color */ 
  --menu-bg-d:#eeeeee;  /* background on main menu desktop */
  --menu-bg-d1:#eeeeee; /* background on main menu desktop when shrunk (nav affix)*/
  --menu-bg-d2:#eeeeee; /* ul under desktop expanded menu item */
  --menu-bg-m:#c7d7e4;  /* background on mobile pop out menu */
  --menu-bg-m2:#eeeeee; /* ul mobile under expanded menu item */
  
  --menu-fontcolor-d:#343642; /* link color on main level menu desktop */
  --menu-fontcolor-d1:#343642; /* link color on all links below main level menu desktop */
  --menu-fontcolor-m:#343642; /* link color on all mobile menu links */
  
  --menu-width:290px; /* width of ul desktop below first level expanded menu item */   
    
  /* fonts & links */
    
  --font-color: #343642; /* font color */
  --dr-font-color: #ffffff; /* .dark-region font color */
  
  --link-color-1: #C72E2D; /* a */
  --link-color-2: #FF4948; /* a:hover, a:visited, a:active */
  --link-color-3: #C7D7E4; /* a.secondary */
  --link-color-4: #DDF0FF; /* a.secondary:hover, a.secondary:visited, a.secondary:active */
  
  --dr-link-color-1:#C72E2D; /* .dark-region a */
  --dr-link-color-2:#FF4948; /* .dark-region a:hover, .dark-region a:visited, .dark-region a:active */
  --dr-link-color-3:#C7D7E4; /* .dark-region a.secondary */
  --dr-link-color-4:#DDF0FF; /* .dark-region a.secondary:hover, .dark-region a.secondary:visited, .dark-region a.secondary:active */
  
  /* buttons */
  
  --button-primary:#3C3435;                         /* background color */
  --button-primary-hover:#5C5051;                   /* background color when hovering */
  --button-primary-font:#ffffff;                    /* font color */
  --button-primary-font-hover:#ffffff;              /* font color when hovering */
  
  --button-secondary:#C72E2D;                       /* background color */
  --button-secondary-hover:#FF4948;                 /* background color when hovering */
  --button-secondary-font:#ffffff;                  /* font color */
  --button-secondary-font-hover:#ffffff;            /* font color when hovering */
                                                     
  --button-transposed:#ffffff;                      /* background color */
  --button-transposed-hover:#eeeeee;                /* background color when hovering */
  --button-transposed-font:#3C3435;                 /* font color */
  --button-transposed-font-hover:#5C5051;           /* font color when hovering */
                                                    
  --button-secondary-transposed:#ffffff;            /* background color */
  --button-secondary-transposed-hover:#eeeeee;      /* background color when hovering */
  --button-secondary-transposed-font:#C72E2D;       /* font color */
  --button-secondary-transposed-font-hover:#FF4948; /* font color when hovering */
  
  --button-outline-border:#ffffff;
  --button-outline-border-hover:#ffffff;
  
  --button-border-radius:2px;
  
  /* blocks */
  
  --block-border-radius:2px; /* should complement the button border radius */
  
  --block-callout-border:#3C3435; /* block border color */
  --block-callout-border-dark:#ffffff; /* block border color for dark regions */
  --block-secondary-background:#C7D7E4; /*if the secondary background is too dark, add a block class of dark-region to make the text white */
  --block-secondary-fontcolor:#343642; /* if the bg is light enough, this can be the same as the main --font-color */
 /* note that blocks with transposed background are the same as dr-background for light regions and --page-background for dark regions */
 /* note that the blocks with transposed font colors are the same as --dr-font-color for light regions and the --font-color for dark regions */
  
  /* search and views */
  
  --search-icon:#343642;
  --search-icon-hover:#5C5051;
  --search-bg:#ffffff; /* background for exposed filters and search page form */
}


/** Theme typography **/

html {
  font-size:16px; /* this sets the default (base) font-size for the site */
  line-height: 24px;/* this sets the default (base) line-height for the site */
  
}

body {
  font-family:"Lato";
}

/* headers */

h1,
h2,
h2 a,
h3,
h4,
h5,
h6 {
  width: 100%;
  clear:both;
  text-transform:unset;
  font-weight:700;
  color:#000000;
}

h1.secondary,
h2.secondary,
h2.secondary a,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary {
	font-weight:900;
  	text-transform:unset;
}

h1.accent,
h2.accent,
h2.accent a,
h3.accent,
h4.accent,
h5.accent,
h6.accent {
  text-transform:unset;
  font-family: "Lato";
  font-weight:400;
}

h1 {
    font-size:2.25rem;
    line-height:2.25rem;
    padding:10px 0;
    margin-bottom:0;
}

h2,h2 a {
    font-size:2rem;
    line-height:2rem;
}

h3 {
    font-size:1.75rem;
    line-height:1.75rem;
}

h4 {
    font-size: 1.5rem;
    line-height:1.5rem;
}

h5 {
    font-size: 1.25rem;
    line-height:1.25rem;
}

h6 {
    font-size: 1rem;
    line-height: 1rem;
}

b, strong {
	font-weight:700;
}

i, em {
}

/* ======================================= */
/* = Tribute Media Custom Block Stylings = */
/* ======================================= */

/* ================= */
/* = Media Queries = */
/* ================= */

@media (min-width:576px){
	h1 {
	    font-size:2.5rem;
	    line-height:2.75rem;
	}
}

@media (min-width:768px){
}

@media (min-width:992px){
}

@media (min-width:1200px){
}