@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


/** General Theme Stylings **/

:root {
  
  /* brand colors are for reference **/
  
  --brand-color-1: #F37362; 
  --brand-color-2: #FFD27A;
  --brand-color-3: #F9A86F;
  --brand-color-4: #9DD4B2;
  --brand-color-5: #6792CC;
  --brand-color-6: #343642;
    
  --dr-brand-color-1: #F37362;
  --dr-brand-color-2: #FFD27A;
  --dr-brand-color-3: #F9A86F;
  --dr-brand-color-4: #9DD4B2;
  --dr-brand-color-5: #6792CC;
  --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:#cccccc; /* 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:transparent;
  --content-top-wrapper:transparent;
  --content-wrapper:transparent;
  --sidebar:transparent;
  --content-bottom-wrapper:transparent;
  --postscript-wrapper:transparent;
  --postscript-wrapper-dark-region:#333333;
  --footer-wrapper:transparent;
  
  /* 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:#333333;  /* 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:220px; /* 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: #428bca; /* a */
  --link-color-2: #2a6496; /* a:hover, a:visited, a:active */
  --link-color-3: #e36649; /* a.secondary */
  --link-color-4: #3276b1; /* a.secondary:hover, a.secondary:visited, a.secondary:active */
  
  --dr-link-color-1:#FFD27A; /* .dark-region a */
  --dr-link-color-2:#fcebcc; /* .dark-region a:hover, .dark-region a:visited, .dark-region a:active */
  --dr-link-color-3:#F9A86F; /* .dark-region a.secondary */
  --dr-link-color-4:#fcc49f; /* .dark-region a.secondary:hover, .dark-region a.secondary:visited, .dark-region a.secondary:active */
  
  /* buttons */
  
  --button-primary:#e36649;                         /* background color */
  --button-primary-hover:#bf563f;                   /* background color when hovering */
  --button-primary-font:#ffffff;                    /* font color */
  --button-primary-font-hover:#ffffff;              /* font color when hovering */
  
  --button-secondary:#428bca;                       /* background color */
  --button-secondary-hover:#3276b1;                 /* background color when hovering */
  --button-secondary-font:#ffffff;                  /* font color */
  --button-secondary-font-hover:#ffffff;            /* font color when hovering */
                                                     
  --button-transposed:#eeeeee;                      /* background color */
  --button-transposed-hover:#dddddd;                /* background color when hovering */
  --button-transposed-font:#304042;                 /* font color */
  --button-transposed-font-hover:#5e5a5d;           /* font color when hovering */
                                                    
  --button-secondary-transposed:#dddddd;            /* background color */
  --button-secondary-transposed-hover:#cccccc;      /* background color when hovering */
  --button-secondary-transposed-font:#304042;       /* font color */
  --button-secondary-transposed-font-hover:#5e5a5d; /* font color when hovering */
  
  --button-outline-border:#5e5a5d;
  --button-outline-border-hover:#343642;
  
  --button-border-radius:4px;
  
  /* 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:#6792CC; /*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:#999999;
  --search-icon-hover:#444444;
  --search-bg:#cccccc; /* 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:"Open Sans";
}

/* headers */

h1,
h2,
h2 a,
h3,
h4,
h5,
h6 {
  width: 100%;
  clear:both;
  text-transform:uppercase;
}
h1.secondary,
h2.secondary,
h2.secondary a,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary {
  text-transform:unset;
}

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

h1 {
    font-size:2.5rem;
    line-height:3.7rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
    padding:10px 0;
    margin-bottom:0;
}

h2,h2 a {
    font-size:2.25rem;
    line-height:3.3rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
}

h3 {
    font-size:1.625rem;
    line-height:2.4rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
}

h4 {
    font-size: 1.125rem;
    line-height:1.7rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
}

h5 {
    font-size: 1.0625rem;
    line-height:1.6rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
}

h6 {
    font-size: .9rem;
    line-height: 1.4rem;
    /*font-family:inherit;*/
    /*font-weight:inherit;*/
    /*color:inherit;*/
}

b, strong {
}

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){
}