/*  margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
body.wrapper-fluid .site-grid {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,40%) minmax(0,30%) minmax(0,20%) minmax(0,10%) [main-end] 100px [full-end]
}
*/
/* removed */
:root {
  --cassiopeia-color-primary: #337bc6;
  --cassiopeia-color-hover: #142d53;
  --cassiopeia-color-link: #337bc6;
}
 /* removed 
.site-grid {
    grid-gap: 0.1em;
  }

 
body.wrapper-fluid .site-grid {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,40%) minmax(0,30%) minmax(0,20%) minmax(0,10%) [main-end] 100px [full-end]
}*/


body {
 	background: #D6E5F3;
}
body,p,h1,h2,h3,h4 {
  font-family: "Roboto", sans-serif;
  color: #495057;
}

/* removed 

.site-grid {
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
}*/
.container-sidebar-left {
    margin-top: -10px;
}

.site-grid .container-component {
   	background: #ffffff;
  	padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
  }
.breadcrumb {
    margin-top: -20px;
}
/*
.com-content-article.item-page, .com-content-category.category-list, .com-contact__form contact-form, .com-contact__container {
  	padding: 10px;
  }*/


.container-header {
  background-color: #337bc6;
  background-image: none;
  box-shadow: none;
  width:100%;
}

/* page classes to set heaader background  */
.container-header .navbar-brand {
    background-image: url(/images/banners/Home.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}


.BigChinoClass .container-header .navbar-brand {
    background-image: url(/images/banners/BigChino.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.ContactAboutClass .container-header .navbar-brand {
    background-image: url(/images/banners/ContactAbout.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.FAQClass .container-header .navbar-brand {
    background-image: url(/images/banners/FAQ.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.HomeClass .container-header .navbar-brand {
    background-image: url(/images/banners/Home.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.OurWaterClass .container-header .navbar-brand {
    background-image: url(/images/banners/OurWaterConservation.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.ResourceClass .container-header .navbar-brand {
    background-image: url(/images/banners/Resource.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.VerdeRiverClass .container-header .navbar-brand {
    background-image: url(/images/banners/VerdeRiver.jpg);
    background-repeat: no-repeat;
    background-size: 1320px 340px;
    width: 100%;
    height: 340px;
}
.container-header .navbar-brand a {
  text-decoration: none;
  font-size: 1.5rem;
}

.container-footer{
  background-color: #337bc6;
  background-image: none!important;
  box-shadow: none;
  color: #ffffff!important;
  width:100%;
  text-align:center!important;
}
.container-footer p {
  color: #ffffff!important;
  width:100%;
  text-align:center!important;
}


.mls-form {
    padding-top: 0px;
}
.light-blue-card {
  	background-color: #337bc6;
  	color: #ffffff;
}

.light-blue-card card-header {
 	border-color: #ffffff;
  	color: #ffffff;
}
.light-blue-card a {
  	color: #ffffff;
}

.light-blue-card td.mod_events_latest_first, .light-blue-card td.mod_events_latest {
 	background-color: #337bc6;
    color: #ffffff;
    border-style: none;
}
/* menu */
.metismenu.mod-menu .mm-toggler {
    background: #337bc6;
    color: #ffffff;
    padding: 10px;
    width: 100%;
}
/* hide accordion titles within accordions */
.uk-scope .uk-h3, .uk-scope h3 {
    display: none;
}
/*  accordion title bars */

.uk-scope .uk-accordion-title {
    background: #337bc6;
    font-family: "Roboto", sans-serif;
	color: #ffffff!important;
    font-weight: 700;
    padding: 10px;
}

.uk-scope .uk-accordion-title::before {
    content: "";
    border-top: 0.5em solid;
    border-left: 0.5em solid #0000;
    border-right: 0.5em solid #0000;
    width: 0!important;
    height: 0!important;
    margin-inline-start: 0.5em;
    transition: all .3s ease-out;
    background-image:none;
    margin-top: 10px;
}