/*Layouts css goes here*/
.header-text-top {
  font-size: 16px;
  color: white;
}
.header-text-top p {
  padding: 10px 0px;
  margin: 0;
}
.header-text-top p a {
  color: white;
  text-decoration: underline;
  font-style: italic;
}
.header-btn, .button, .btn {
  padding:10px 35px;
  background-color: #338E29;
  color:white;
  text-decoration:none !important;
}
.home-link {
text-decoration:none !important;
}
.cards {
    padding: 20px;
    margin: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    background-color: aliceblue;
}

.main-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
    background-color: #338E29;
    font-size: .9em;
    color: white;
}

.ddl-navbar-nav > li > a {
color:white;
}

.ddl-navbar-nav > li > a:hover {
  color: #fff !important;
  background-color: rgb(35,125,40) !important;
  border-radius: 6px;
}

.header-top {
  background: rgb(35,125,40);
}

.bg-header-color {
background-color:#338E29;
}

.padded-row, .featured-row {
 padding-top: 3em;
  padding-bottom: 3em;
  border-bottom: 1px solid #ccc;
}

.featured-row, .featured-row a {
 background-color:  #338E29;
  color: white;
}
.featured-row p {
  opacity: .85;
}

.grid-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
.hero-banner {
 position: relative; 
}
.hero-banner img {
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero-content {
  position: relative;
  z-index: 10;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,1), 0 1px 10px rgba(0,0,0,1);
  padding: 3em 0;
}
.hero-content p, .hero-content h1, .hero-content h2 , .hero-content h3 , .hero-content h4, .hero-content a {
   color: white; 
}

.toolset-google-map-preview {
 float: none !important; 
}

.logo {
  width: 200px;
  height: auto;
  padding: 5px 0px 0px;
  -ms-transform: translate(0px, 4px); /* IE 9 */
    -webkit-transform: translate(0px, 4px); /* Safari */
    transform: translate(0px, 4px);
}

.ddl-nav-wrap {
  margin-top: 16px;
}

.info-container {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 15px;
}

.info-container h2 {
  text-align: right;
  padding-right: 25px;
}
@media (max-width: 768px) {
  .info-container h2 {
    text-align: center;
  }
}

.info-container ul {
  padding: 25px;
}

.info-div {
  color: black;
}

.main-footer a{
  color: white;
}

.main-footer {
  margin-top: 0px;
}

.ddl-navbar-default .ddl-navbar-toggle .ddl-icon-bar {
  background-color: white;
}

.ddl-navbar-toggle {
  border-width: 2px;
}

.ddl-navbar-default .ddl-navbar-toggle {
  border-color: white;
}

.img-gallery-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.img-gallery-flex img {
  flex: 1 0 auto;
  width: 200px;
  object-fit: cover;
  padding:10px;
}