/* version 2.9 table added */
body {background-color: #000000!important;}

p {color: rgba(0, 0, 0, 1); }
img {max-width: 100%;
max-height: auto;}

.container-grid {
  display: table;
  height: 100%;
  width: 100%;
}
.right-image {
  border: 1px solid #89B07F;
  padding: 0.25rem;
  height: auto;
  width: 100%;
}
.right-container {
  position: top right!important;
  padding: 2rem;
  float: right!important;
  height: auto;
  width: 50%;
}
.farm-location {
  color: #187f9a;
  font-family: 'lato', serif;
  font-weight: bold;
  text-align: left;
}
.get-details {
  padding-top: 2rem;
  color: #004242;
  font-family: 'lato', serif;
  font-weight: bold;
  text-align: left;
}
.get-directions {
  padding-top: 2rem;
  color: #d02124;
  font-family: 'lato', serif;
  font-weight: bold;
  text-align: left;
}
.get-maps {
  outline: none!important; 
  border-radius: 4px; 
  border: none!important; 
  background: #d02124;
  color: #fff; 
  padding: 0.5rem 1rem;
}
.h3-details {
  padding-top: 2rem;
  color: #000;
  font-family: 'lato', serif;
  font-weight: bold;
  text-align: left;
}
.rule-divider {
  border-top: 1px solid #ccc;
  padding-top: 2rem;
  padding-bottom: 2rem;
}


/* 7/25/24 Do not display image or right half on a small screen */





tbody {
transition-property: all;
transition-duration: 2s;
transition-timing-function: ease-in-out;
transition-delay: 2s;
}


.tr-blue {
	background: rgba(142,201,201,1)!important;
  color: rgba(51,72,72,1);
  }
.th-vertical {
  vertical-align: bottom;

  }
.td-ajax {
  white-space:nowrap;
  vertical-align: top;
  }
.td-action {
  max-width: 5%;

}
.td-no {
  max-width: 5%;
}
.td-name {
  max-width: 200px!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}
.td-location {
  max-width: 200px!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.25;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
table, table-striped {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  -moz-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  -o-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  -ms-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
}

table {
  -webkit-text-overflow: scroll!important;
  -moz-text-overflow: scroll!important;
  -o-text-overflow: scroll!important;
  overflow: scroll!important;
}
.div-paginate a:hover {
  border: 1px #afafaf solid;
  background-color: #f2f2f2;
  color: #222828;
  margin: 3px;
  margin-top: -6px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.25s;
}
.div-paginate a { 
  border: 1px #afafaf solid;
  background-color: #fbfbfb;
  color: #222828;
text-align: center!important;
  margin: 3px;
  margin-top: -6px;
  text-decoration: none;
  border-radius: 3px;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center!important;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
  

  }

.div-paginate {
  display: flex;
  justify-content: center;
  align-items: center;
}
.datalist-wrapper {
  white-space: nowrap!important;
  opacity: 1;
  -webkit-transition: 2s opacity ease-in, 2s -webkit-transform ease!important;
  -moz-transition: 2s opacity ease-in, 2s -webkit-transform ease!important;
  -o-transition: 2s opacity ease-in, 2s -webkit-transform ease!important;
  -ms-transition: 2s opacity ease-in, 2s -webkit-transform ease!important;
  transition: 2s opacity ease-in, 2s transform ease!important;
}

.link-success {
  color: rgba(24, 127, 154, 0.85)!important;
  text-decoration: none!important;
  }
.link-success:hover {
  color: rgba(24, 127, 154, 1)!important;
  text-decoration: none!important;
}

.showing-pages {
  float: left;
  color: #000;
}

.page-links {
  margin-top: 3rem;
}

.subsearchtitle {
  padding-bottom: 2rem;
  margin-top: 0rem;
  color: rgb(24, 127, 154, 1); 
  font-size: 1.25rem;
  font-weight: normal;
}
.fadeIn {
  opacity: 1;
  -webkit-transition: opacity 2s ease-in-out!important;
   -moz-transition: opacity 2s ease-in-out!important;
   -o-transition: opacity 2s ease-in-out!important;
   transition: opacity 2s ease-in-out!important;
 }
 .transparent
 {
     opacity:0;
 }
 .section-padding, .upper-footer, .bottom-buttons {
  /* background: #fff;*/
 }

 @media (max-width: 501px){
  .left-half {
    width: 100%!important;
    }
    .right-image{
    border: 0px solid transparent;
    padding: 0px;
    margin: 0px;
    }
  .right-container {
    float:left!important;
    min-width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 2rem;
    border: 0px solid transparent;
  }
  }
  
/* Print */
@media print {
  body {background: #ffffff!important;}
  ul {list-style-type: none!important;}
  #header, #footer {display:none!important;}
  }
  