.listing-detail-words {
  font-variant: small-caps;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mySlides {
  display: none
}

.w3-left,
.w3-right,
.w3-badge {
  cursor: pointer
}

.w3-badge {
  height: 13px;
  width: 13px;
  padding: 0
}

.prop-descr:nth-child(odd) {
  background: #f1f1f1;
}

.listing {
  cursor: pointer;
  background-color: #c5cfb4;
  color: #2b4530;
  border-width: 2px;
  border-style: solid;
  border-color: #2b4530;
}

.listing:hover {
  border-width: 2px;
  border-style: solid;
  border-color: #2b4530;
}

.listing-image img {
  border-color: #2b4530;
  border-width: 2px;
  border-style: solid;
  margin-bottom: 16px;
}

#header {
  min-height: 181px;
  background-image: url(images/newheader.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 480px) {
  #header {
    min-height: 181px;
    background-image: url(images/newheadersmall.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

#links {
  background-color: #6b7a59;
  font-family: 'Scheherazade', serif;
}

#links a {
  color: #C5CFB4;
  font-family: 'Scheherazade', serif;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}

#links a:hover {
  color: #6b7a59;
  background-color: #c5cfb4;
  background-clip: padding-box;
  text-decoration: none;
}

.tkbutton {
  background-color: #6b7a59;
}

.tkbutton a {
  color: #C5CFB4;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}

.tkbutton a:hover {
  color: #6b7a59;
  background-color: #c5cfb4;
  background-clip: padding-box;
  text-decoration: none;
}

#pictures {
  height: 600px;
}

#picture {
  /*height: 100%;*/
  width: 90%;
}

.photocontain {}

.photocontain img {
  max-height: 600px;
  object-fit: contain;
}

.w3-modal-content {
    background-color: #c5cfb4;
}

hr {
  border-color: #c5cfb4;
}

body {
  color: #C5CFB4;
  font-family: Arial, Helvetica, sans-serif;
  background: url(images/pattern_157.gif);
  background-color: #2b4530;
  /*box-shadow: 0px -20px 200px 10px rgba(255, 255, 255, .5) inset;*/
}

#everything {
  background-color: #2b4530;
  border-width: 2px;
  border-style: solid;
  border-color: #c4cfb6;
  box-shadow: 0px 0px 20px black;
}

#home-side-picture-inner {
  background-color: #c5cfb4;
  color: #2b4530;
  color: #b1302a;
}

#home-side-picture h4,
#home-side-picture h5 {
  color: #2b4530;
}

#home-side-picture h5 {
  color: #2b4530;
}

#home-side-picture hr {
  border-color: #2b4530;
}

.footer {
  color: #afaaa3;
  font-size: 12px
}

a:link {
  color: #c5cfb4;
  text-decoration: none;
}

a:visited {
  /*color: #afaaa3;*/
  text-decoration: none;
}

a:hover {
  color: #c5cfb4;
  background-color: #6b7a59;
  text-decoration: none;
}

a:active {
  color: #afaaa3;
  text-decoration: none;
}

.light-blue-grey {
  background-color: #d6e2e6;
  color: #2b4530;
}

#property-search-box hr {
  border-color: #2b4530;
  margin: 5px 0;
}

h1 {
  font-family: 'Scheherazade', serif;
  font-size: 3.5em;
}

#property-search-box h1 {
  font-family: 'Scheherazade', serif;
  font-size: 3em;
}

#property-search-box h2 {
  font-size: 1em;
}

#property-search-box h3 {
  font-size: .85em;
}

#property-search-box #search, .darkbutton  {
  color: #2b4530;
  background-color: #c5cfb4;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

#property-search-box #search:hover, .darkbutton:hover {
  color: #c5cfb4!important;
  background-color: #2b4530!important;
}

.carousel img {
  border-color: #c4cfb6;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 0px;
  margin-left: 16px;
}

.page-button-current {
  background-color: #6b7a59;
}

.page-button-current:hover {
  background-color: #6b7a59!important;
}

.page-button {}

.page-button:hover {
  background-color: #6b7a59!important;
}

.virtual-tour:link {
  color: #2b4530;
}

.virtual-tour:hover {
  color: #c5cfb4;
}

select {
  max-width: 80%;
  padding: 4px;
  background-color: #eff4f5;
  color: #2b4530;
  border-width: 1px;
  border-style: solid;
  border-color: #c5cfb4;
}

#main-details,
#secondary-details {
  background-color: #c5cfb4;
  color: #2b4530;
}

.prop-descr p {
  padding-left: 16px;
  padding-right: 16px;
}


/*#main-details .prop-descr,*/


/*#secondary-details .prop-descr {*/


/*  margin-left: -16px;*/


/*  padding-left: 16px;*/


/*}*/

.cards {}

.cards .card {
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-sizing: border-box;
  margin-bottom: 15px;
  transition: all 0.3s;
}

.cards .card .card-header {
  position: relative;
}

.cards .card .card-header button.card-expand {
  /*position: absolute;*/
  /*right: 16px;*/
  /*top: 0;*/
  line-height: 15px;
  /*vertical-align: middle;*/
  /*height: 39px;*/
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: grey;
}

.cards .card .card-header button.card-expand:hover {}

.cards .card .card-header button.card-expand .expand {
  display: block;
}

.cards .card .card-header button.card-expand .close {
  display: none;
}

.cards .card .card-footer {
  border-top: 1px solid #2b4530;
  text-transform: uppercase;
}

.cards .card .card-footer a {
  text-decoration: none;
}

.cards .card .card-inner {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}

.cards .card.expanded {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.cards .card.expanded .card-inner {
  max-height: 1300px;
}

.cards .card.expanded button.card-expand .expand {
  display: none;
}

.cards .card.expanded button.card-expand .close {
  display: block;
}

.cards .card.expanded .card-header {
  border-bottom: 1px solid #2b4530;
}

.card-header {
  cursor: pointer;
}

.tkborder {
  border-width: 2px;
  border-style: solid;
  border-color: #c4cfb6;
}

.tk-darkgreen{
 background-color: #2b4530; 
 color: #C5CFB4;
}

.tk-green{
 background-color: #6b7a59; 
 color: #C5CFB4;
}

.tk-lightgreen{
 background-color: #c5cfb4; 
 color: #2b4530;
}