:root
{
	/*1. Make background black*/
/*

	--body-bg: #FFFFFF;
*/

	/*2. Make Text White*/
/*
	--body-color: #000000;
*/

/*
  --cassiopeia-color-primary: darkblue;
  --cassiopeia-color-link: hsl(207, 49%, 37%);
  --cassiopeia-color-hover: hsl(351, 33%, 44%);
*/
}

body
{
	color: #0066CC;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5
{
	font-weight: 400;
}


a img:hover
{
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

table
{
  width: 60%;
}

td,
th
{
  border: 1px solid #CCCCCC;
  padding: 10px;
}

.grid-child.container-below-top
{
	padding: 0px 60px 0px 30px;
}

.grid-child.container-nav
{
	padding: 0px 0px 0px 0px;
}

.grid-child.container-top-a
{
	padding: 0px 10% 0px 10%;
}

.grid-child.container-component
{
	padding: 2% 8% 2% 8%;
	margin: 0px 0px 0px 0px;
}

.com-content-article
{
	padding: 3% 0% 0% 0%;
	margin: 0px 0px 0px 0px;
}

.card-body
{
	padding: 0px 0px 0px 0px;
}

.container-header
{
    background-image: none;
}


.container-header .mod-menu
{
    color: #0055cc;
    /* 400 normal, 700 bold */
    font-weight: 400;
}

.container-header .mod-menu a
{
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; 
  padding: 3px 15px;
  color: #0055cc;
}

.container-header .mod-menu a:hover
{
    color: white;
    background-color: #0055cc;
}

.container-header .navbar-toggler
{
    color: #0055cc;
    border: 1px solid #0055cc;
}

.com-content-article a
{
  font-weight: 600;
  color: #0055cc;
}

.com-content-article a:hover
{
    color: white;
    background-color: #0055cc;
}

.site-grid
{
   background-color: #f4f6f7;
}

.header
{
   background-color: #f4f6f7;
}

.grid-child
{
    padding: 3px 15px;
    background-color: white;
}

.footer
{
    background-color: #f4f6f7;
    background-image: none;
}

.logohomeimg
{
  width: 90%;
}