/* Custom CSS added to cassiopeia template by S Dallyn 100123 Version 151 First Live*/


/* Set margins on containing elements for header and body so they don't hit sides */
/* Whole site */
body /*This is set to full width of screen */
{
  font-size: 16px !important;
  line-height: 24px !important;
  font-style: normal !important;
  font-weight: normal !important;
  color: #000000 !important;
  font-family: 'Open Sans',Roboto,sans-serif !important;
  /*background-color: red !important; */
}


header /*This is set to full width of screen */
{
  background-image: none !important;
  background-color: white !important;
}

/* header menu and topbar container */
header container-header /* Seems to make no difference */
{
	background-image: none !important;
  	background-color: white !important; 
  	margin : 0rem !important;
  	padding : 0rem !important;
	
}

/* header menu and topbar container */
.container-header .grid-child {
  	padding-left: 0em !important;
  	padding-right: 0em !important;
}

/* Overall body container */
.site-grid /* Also set to full width */
{
	background-color: white !important;
}

/* Article container */
.container-component
{
  	background-color: white !important;
  	background-image: none !important; 
  	padding-left : 1rem !important;	
 	 padding-right : 1rem !important;	
  	border: 0.25px solid #dfe3e7 !important;
  	margin-left : 0.5rem !important;
}


/* Footer container*/
.footer
{
  	background-image: none !important;
  	background-color: white !important;
	color: black !important;
   	padding-left : 1rem !important;	
  	padding-right : 1rem !important;
  	margin-top : 0rem !important;
}

/* menu buttons */
.container-header li
{
 font-size: 1.2em !important;
  color: #037f49 !important;
  /*border: 1px solid #037f49 !important;*/
  border-radius: 12px !important;
  /*padding-left: 1rem !important;
  padding-right: 1rem !important;*/
  margin-right : 0.5rem;
  
}

/* Main Menu buttons formatting follows 
The recommended order is link,visited,focus,hover,active.
The :link and :visited pseudo-classes should generally come first.
Next should be :focus and :hover—they're specified now so that they override and apply 
to both visited and unvisited links.*/

.container-header li:link
{
 background-color: #037f49 !important; /* Logo Green */
 color: white !important;
}
.container-header li:visited
{
 background-color: #037f49 !important; /* Logo Green */
 color: white !important;
}
.container-header li:hover
{
 background-color: #F5F5F5 !important; /* WhiteSmoke */
  color: black !important;
}
.container-header li:active
{
 background-color: #037f49 !important; /* Logo Green */
 color: white !important;
}
.container-header li nav-item:active
{
 background-color: #037f49 !important; /* Logo Green */
 color: white !important;
}

/* Collapsed Hamburger menu to black */
.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',Roboto,sans-serif !important;
}

/*Set custom module for header to 100% width */
#mod-custom121
{
  width:100% !important;
}


/* Custom style class for module headers */
.greenspan {
	color: #037f49 !important;
  	border-bottom: 0.5px solid  !important;
  	font-size: 1.5em !important;
}

/* Custom class for header module - lines above and below */
.menulines
{
  border-bottom: 0.5px solid #037f49  !important;
  border-top: 0.5px solid #037f49  !important;
  margin-bottom 10px !important;
  
}

/*
.grid-child container-nav
{
  border-color: #037f49 !important;
  border-bottom: 0.5px solid  !important;
  border-top: 0.5px solid  !important;
}
*/

/* Line up sidebar menus with top of articles container */
.sidebar-right:first-child 
{
  margin-top: 0px !important;
}


/* Set default spacing at bottom of items on list to 10px */
li
{padding-bottom: 10px !important;
}


/* Set all lists of links in sidebars to use disc bullet point */
ul
{
  list-style-type:disc !important;
  margin-left : 0.5rem !important;
}

/* Set all links to display in Country Park Green */
a
{
  color: #037f49 !important; /*Set list text color to CP Green */
}

/* Set small font for breadcrumbs at foot of page */
.smallcrumbs {
 	font-size: 12px !important;
	color: #037f49 !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
	

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

}
  
  
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}