@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');


/** General Theme Stylings **/

:root {
  
  /* brand colors are for reference **/
  
  --brand-color-1: #EA4C15; 
  --brand-color-2: #120358;
  --brand-color-3: #4D6167;
  --brand-color-4: #2B383C;
  --brand-color-5: #A7A8BF;
  --brand-color-6: #ffffff;
    
  --dr-brand-color-1: #EA4C15;
  --dr-brand-color-2: #120358;
  --dr-brand-color-3: #4D6167;
  --dr-brand-color-4: #2B383C;
  --dr-brand-color-5: #A7A8BF;
  --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:#120358; /* only visible if screen is wider than 1800px */
  --page-background:#ffffff; /* generally should stay white */
  --dr-background:#120358; /* 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:transparent;
  --content-top-wrapper:transparent;
  --content-wrapper:transparent;
  --sidebar:transparent;
  --content-bottom-wrapper:transparent;
  --postscript-wrapper:transparent;
  --postscript-wrapper-dark-region:#120358;
  --footer-wrapper:#EA4C15;
  
  /* main menu * mobile menu */
  
  --menu-link-d:#ffffff; /* desktop main level link:hover background color */
  --menu-link-d1:#EA4C15; /* desktop link:hover background color */
  --menu-link-m:#ffffff; /* mobile link background color */ 
  --menu-bg-d:#ffffff;  /* background on main menu desktop */
  --menu-bg-d1:#ffffff; /* background on main menu desktop when shrunk (nav affix)*/
  --menu-bg-d2:#ffffff; /* ul under desktop expanded menu item */
  --menu-bg-m:#ffffff;  /* background on mobile pop out menu */
  --menu-bg-m2:#ffffff; /* ul mobile under expanded menu item */
  
  --menu-fontcolor-d:#120358; /* link color on main level menu desktop */
  --menu-fontcolor-d1:#120358; /* link color on all links below main level menu desktop */
  --menu-fontcolor-m:#120358; /* link color on all mobile menu links */
  
  --menu-width:240px; /* 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: #EA4C15; /* a */
  --link-color-2: #FF7646; /* a:hover, a:visited, a:active */
  --link-color-3: #A7A8BF; /* a.secondary */
  --link-color-4: #C5C7E5; /* a.secondary:hover, a.secondary:visited, a.secondary:active */
  
  --dr-link-color-1:#EA4C15; /* .dark-region a */
  --dr-link-color-2:#FF7646; /* .dark-region a:hover, .dark-region a:visited, .dark-region a:active */
  --dr-link-color-3:#A7A8BF; /* .dark-region a.secondary */
  --dr-link-color-4:#C5C7E5; /* .dark-region a.secondary:hover, .dark-region a.secondary:visited, .dark-region a.secondary:active */
  
  /* buttons */
  
  --button-primary:#120358;                         /* background color */
  --button-primary-hover:#2E14A5;                   /* background color when hovering */
  --button-primary-font:#ffffff;                    /* font color */
  --button-primary-font-hover:#ffffff;              /* font color when hovering */
  
  --button-secondary:#EA4C15;                       /* background color */
  --button-secondary-hover:#FF7646;                 /* 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:#120358;                 /* font color */
  --button-transposed-font-hover:#2E14A5;           /* font color when hovering */
                                                    
  --button-secondary-transposed:#ffffff;            /* background color */
  --button-secondary-transposed-hover:#eeeeee;      /* background color when hovering */
  --button-secondary-transposed-font:#EA4C15;       /* font color */
  --button-secondary-transposed-font-hover:#1B067C; /* 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:#343642; /* block border color */
  --block-callout-border-dark:#ffffff; /* block border color for dark regions */
  --block-secondary-background:#EA4C15; /*if the secondary background is too dark, add a block class of dark-region to make the text white */
  --block-secondary-fontcolor:#ffffff; /* 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:#EA4C15;
  --search-icon-hover:#FF7646;
  --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";
  font-weight:300;
}

/* headers */

h1,
h2,
h2 a,
h3,
h4,
h5,
h6 {
	font-family:"Abril Fatface";
	width: 100%;
	clear:both;
	text-transform:unset;
}

h1.secondary,
h2.secondary,
h2.secondary a,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary {
	font-family:"Lato";
	text-transform:uppercase;
}

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

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

h2,h2 a {
    font-size: 40px;
    line-height: 44px;
}

h3 {
    font-size:32px;
    line-height:34px;
}

h4 {
    font-size: 24px;
    line-height:26px;
}

h5 {
    font-size: 20px;
    line-height:22px;
}

h6 {
    font-size: 16px;
    line-height: 18px;
}

b, strong {
	font-weight:700;
}

i, em {
}

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

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

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