/*

:root {
    --website-color-1: #D95F69;
    --website-color-2: #F29544;
}
@media screen and (prefers-color-scheme: dark) { /* to override the Dark Mode Colors defined in the Dark Magic plugin * /
    :root {
        --cassiopeia-color-primary: var(--website-color-1) !important;
        --cassiopeia-color-link: var(--website-color-1) !important;
        --cassiopeia-color-hover: var(--website-color-2) !important;
        --cassiopeia-color-gradient-end: var(--website-color-1) !important;
        --cassiopeia-color-gradient-start: var(--website-color-2) !important;
    }
    .btn-primary {
        background-color: var(--website-color-1) !important;
    }
    .btn-primary:focus, .btn-primary:hover {
        background-color: var(--website-color-2) !important;
    }
    .back-to-top-link {
        color: white !important;
    }
    #cf_1 { /* Convert Forms also uses CSS Variables * /
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
}

*/

:root {
	--body-color: #87D4F9; /* #3385AB; */
	
	--cassiopeia-color-link:#FDFDFD;
	--cassiopeia-color-hover: #87D4F9; /* #3385AB; */
	
	
	
    --website-color-1: #FFFFFF;
    --website-color-2: #FDFDFD;
}


.error_site
{
	background: url("../images/content_bg.png") repeat scroll left top transparent;
}




@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-l side-l side-l side-l ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  .site-grid > [class^=container-],
  .site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
  }
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}


.container-header
{

	background: #f8f8f8 url("../images/page_bg.png") repeat center top;
}

.container-header .grid-child
{
 
}


.container-header .navbar-brand
{
	margin: auto;
	padding-top:10px;
	height:438px;
	width: 980px;
	text-align: center;
	background: #f8f8f8 url("../../../../../images/cliveruggles.com/headerimg/headerimage-preload-bw.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#navbar-brand-preload 
{
	display: none;
	margin: auto;
	padding-top:10px;
	height:438px;
	width: 980px;
	text-align: center;
	background: #f8f8f8 url("../../../../../images/cliveruggles.com/headerimg/headerimage-preload-bw.png");
	background-repeat: no-repeat;
	background-position: center top;
}


.container-header .navbar-brand a
{
text-decoration: none;
}

.container-header .site-description
{
	margin-top:30px;
}

.container-nav
{
	position:relative;
	top:250px;
	margin-left:50px;
}


a 
{
  color: var(--white);
}










@media (max-width: 992px)
{
.container-header .navbar-collapse.show 
{
	border: 2px solid #ffffff;
  border-radius: 5px;
	background-color: #000;
}
}

.metismenu.mod-menu .parent > ul
{
	border: 2px solid #444444;
  border-radius: 5px;	
}

.metismenu.mod-menu .mm-collapse > li > a
{
	color:#000000;
}


.site-grid
{
    background: url("../images/content_bg.png") repeat scroll left top transparent;
}



.card 
{
	background: #f8f8f8 url("../images/page_bg.png") repeat center top;
}


.footer
{
	
	margin-top: 0em;
  background: #f8f8f8 url("../images/page_bg.png") repeat center top;
}

#mod-custom110 {margin: auto;}
/*margin: auto;*/


img.clrbookcover {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.leftFloat {
  float: left;
  margin-right: 10px;
}
.rightFloat {
  float: right;
  margin-left: 10px;
}