body {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
}

a {
  color: #00703a;
}

.osm-item-title {
  font-size: 16px;
}
/* Header background */
.header {
    background-color: #ffffff !important;
    padding: 5px 0 !important;
    max-height: 300px !important;
    background-image: none !important;
    margin-bottom:15px !important;
}

.blog-item>div>h2>a {
  text-decoration: none !important;

}

.site-grid {
  width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar {
float:right;
}


.sp-weather {
  text-align:right !important;
  margin-right: 20px !important;
}

/* Make logo/banner smaller */
.header .brand-logo img {
    max-height: 200px !important;
    width: auto !important;
    margin: 0px auto !important;
}

#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] {
  margin-top: 23px !important;
}

.navbar-brand {
  margin:0px auto !important;
}

/* Change navbar color to work on white background */
.mod-list li>a {
    color: #333333 !important;
    margin: 0px auto !important;
}

#footerRight {
  text-align:right !important;
}

#mod-custom127 {
  color: #333333 !important;
  max-width: 230px !important;
}

#mod-custom131 {
  color: #333333 !important;
}

.mod-list li.active>a, .metismenu.mod-menu .metismenu-item>button {
    color: #333333 !important;
    text-decoration:underline !important;
}

.loginMenu {
  float:right !important;
  margin:0px 10px 0px 0px !important;
}

.footer {
  Background-color: #00000008 !important;
  background-image: None !important;;
}

.container-header .navbar-toggler {
  background-color: #00703a;
        color: #ffffff;
}

@media (width <= 991px) {
.container-header nav {
  margin-top: 0;
  float: right;
}

  .container-nav {
   background-color:#FFFFFF; 
    text-align:left;
  }

    .container-header .container-topbar .navbar {
    max-width:150px;
  }
  
  .container-header .mod-menu {
    width:200px;
  }

    .container-topbar .metismenu.mod-menu .metismenu-item {
    width:150px;
    justify-content:space-between;
  }
  
  .metismenu.mod-menu .metismenu-item {
    width:200px;
    justify-content:space-between;
  }

.container-topbar .mod-list li>a {
    text-align:right;
    flex:1;
  }
  
  .mod-list li>a {
    text-align:left;
    flex:1;
  }

  .homeSubArticles>h3 {
        background-color: #00703a;
        color: #ffffff;
        padding-left: 5px;
      }

  .footer .grid-child {
    align-items: flex-start;
  }

  #mod-custom127>p>a>img {
  height:16px !important;
  width:16px !important;
}

  #mod-custom127 {
  color: #333333 !important;
  max-width: 200px !important;
}

  #mod-custom131 {
    margin-top:20px;
    color: #333333 !important;
    max-width:100% !important;
  }

  #mod-custom131 .p1 {
    text-align:left !important;
    margin-bottom:0px !important;
  }

  #mod-custom131 .p1>.s1{
    text-align:left !important;
    width:100%;
    display:inline-block;
  }

  #footerRight {
    text-align: left !important;
    margin-top:20px;
  }
  
  .sp-weather {
  text-align:Center !important;
  margin-right: 0px !important;
}
}

@supports (display: grid) {
    @media (width >= 992px) {
        .site-grid {
            grid-template-columns: 250px 1fr 250px !important;
            grid-template-areas: 
                "side-l comp side-r";
        }
   
      .site-grid>.grid-child {
        display: block;
      }
      .homeSubArticles {
  float:left;
  width: 48%;
  margin-right:15px;
        min-height:364px;
}
.full {
  float:left;
  width: 98%;
  margin-right:15px;
        min-height:364px;
}
      .homeSubArticles>h3 {
        background-color: #00703a;
        color: #ffffff;
        padding-left: 5px;
      }
    }
}

@media (width >= 1200px) {
    h2, .h2 {
        font-size: 1.5em;
    }
}