/* Custom CSS added to cassiopeia template by S Dallyn 030223 Version 123 First Live*/

:root {
  --cassiopeia-color-primary: white;
  --cassiopeia-color-hover: grey;
  --cassiopeia-color-link: blue;
}

/*Restrict max width of template for better looks ! */
@supports (display: grid) {
  @media (min-width: 800px)(max-width: 990px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,15.5rem)) [main-end] minmax(0,1fr) [full-end]
    }
  }
}

/* Set margins on containing elements for header and body so they don't hit sides */
/* Whole site */
body
{
	padding-left: 2em !important;
	padding-right: 2rem !important;
}

/* header menu and topbar container */
header
{
	background-image: none !important;
  	background-color: #fff !important;
	padding: 1rem !important;
  	
}

/* Overall body container */
.site-grid
{
	background-color: #fff !important;
}

/* Article container */
.container-component
{
  background-color: #fff !important;
  	background-image: url("/images/Graphics/lgrey064.jpg") !important; 
	
  padding: 1rem !important;
}


/* Footer container*/
.footer
{
  	background-image: none !important;
	color: black !important;
   margin-top: 1em;
}

/* menu buttons */
.container-header li
{
  color: black !important;
  border: 1px solid black !important;
  border-radius: 8px;
  margin-right : 1em;
}


.navbar-toggler
{
  color: black !important;
  background-image: none !important;
  background-color: white !important;
 
}




/* Style default paragraph */
p 
{
font-size: 16px !important;
line-height: 24px !important;
font-style: normal !important;
font-weight: normal !important;
color: #000000 !important;
font-family: "Open-Sans" !important;
}



/* Add a New Font */
@font-face {
    font-family: 'King-Harold';
    src: url('/templates/cassiopeia/fonts/kingh___-webfont.woff2') format('woff2'),
         url('/templates/cassiopeia/fonts/kingh___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open-Sans';
    src: 
         url('/templates/cassiopeia/fonts/OpenSans-VariableFont_wdth,wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}