* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body#page-home {
  display: flex;
  flex-direction: column;
}

body#page-home #slideshow {
  list-style-type: none;
  flex-grow: 1;
  position: relative;
}

body#page-home #slideshow li {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

body#page-home #slideshow a {
  height: 100%;
  display: block;
  background-image: url(images/pic1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body#page-home #slideshow li.slide1 {
  display: block;
}

body#page-home #slideshow li.slide1 a {
  background-image: url(images/pic1.jpg?v=1);
}

body#page-home #slideshow li.slide2 a {
  background-image: url(images/pic2.jpg?v=1);
}

body#page-home #slideshow li.slide3 a {
  background-image: url(images/pic3.jpg?v=1);
}

body, input {
  font-family: arial;
  font-size: 16px;
}

form input {
  padding: 2px 5px;
}

form#searchform {
  text-align: center;
  margin: 0 0 1em 0;
}

form#searchform button {
  padding: 2px 5px;
  color: #fff;
  font-size: 16px;
  border: 2px solid #060;
  border-radius: 8px;
  background-color: #658e01;
}

#switcher {
  position: absolute;
  bottom: 15px;
  left: 50%;
  z-index: 2;
}

#switcher ul {
  overflow: hidden;
  list-style-type: none;
  margin-left: -50%;
}

#switcher li {
  cursor: pointer;
  width: 20px;
  height: 20px;
  float: left;
  background-color: brown;
  border-radius: 50%;
  text-align: center;
  margin: 0 8px;
  color: transparent;
}

#switcher li.current {
  background-color: #fff;
}

h1 {
  font-size: 200%;
  text-align: center;
  margin: .5em 1em;
}

h1 a {
  color: #000;
}

h2 {
  font-size: 150%;
  color: #658e01;
  text-align: center;
  margin: 0 1em .875em 1em;
  line-height: 1.4em;
}

.pls-loading-label {
  left: 1em;
}

.row-dlr-result {
  margin-left: 10px;
  margin-right: 10px;
}

.row-ad-details {
  font-size: 100%;
}

.row-title {
  font-size: 125%;
}

h1 a, h2 a {
  text-decoration: none;
}

h1 a:hover, h2 a:hover {
  text-decoration: underline;
}

h2 a,
.navbar-wrapper a,
.row-dlr-result a,
#categories a {
  color: #658e01;
}

#categories {
  text-align: center;
  margin: 1em 0 1em 0;
  line-height: 1.5em;
}

#categories a {
  text-decoration: none;
}

.navbar-wrapper .navbar {
  font-size: 100%;
}

.navbar-wrapper .navbar span.current {
  background: none;
}

.row-address {
  font-size: 100%;
  margin: .5em 0;
}

.row-descr {
  font-size: 100%;
}

.row-ad-details {
  margin: 1em 0;
}

#pls-inventory {
  margin-top: 2em;
}

#pls-ad-info-tbl-main {
  margin-top: 3em;
}

#pls-ad-info-print-header {
  background-color: transparent;
}

#pls-ad-info-print-header h1, #pls-ad-info-print-header div {
  visibility: hidden;
}

#pls-ad-info-tbl-main #arrow-left,
#pls-ad-info-tbl-main #arrow-right {
  top: 40%;
}

#pls-ad-info-title div {
  font-size: 150%;
  color: #658e01;
}

.fade-in {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
  0% { opacity:0.1; }
  100% { opacity:1; }
}

@-moz-keyframes fadeIn {
  0% { opacity:0.1; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0.1; }
  100% { opacity:1; }
}

@-o-keyframes fadeIn {
  0% { opacity:0.1; }
  100% { opacity:1; }
}

@-ms-keyframes fadeIn {
  0% { opacity:0.1; }
  100% { opacity:1; }
}

@media only screen and (max-width: 767px) {
  #pls-ad-info-tbl-main {
    text-align: center;
  }

  #pls-ad-info-img {
    float: none;
    position: relative;
    display: inline-block;
    margin: 1em 0 0 0;
  }

  #pls-ad-info-details {
    text-align: left;
    margin: 0 1em;
  }

  #pls-ad-info-title {
    clear: both;
    float: none;
    width: 100%;
    margin: 0 1em;
  }

  #img-x-of-y {
    position: static;
    text-align: left;
  }

  #pls-ad-info-title div {
    margin: 1em;
  }

  #pls-ad-info-title form input {
    display: none;
  }

  .row-col-photo, .row-col-descr {
    float: none;
    width: 100%;
  }
  .row-link-photos {
    display: none;
  }
}
/* --- FIX zoom scaling behavior for pls-inventory --- */
#pls-area {
  font-size: 16px !important;  /* Locks consistent text size */
  zoom: 1 !important;          /* Prevents zoom-based enlargement */
}

#pls-area img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

#pls-area * {
  transform: none !important;
  transition: none !important;
}

body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* --- STABILIZE TEXT AND IMAGE SIZE WHEN SCROLLING --- */
html, body {
  transform: none !important;
  zoom: reset !important;
}

#pls-area {
  font-size: 16px !important;
  transform: none !important;
}

#pls-inventory {
  transform: none !important;
}

#pls-inventory * {
  transform: none !important;
  scale: 1 !important;
}

img, video, canvas {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Prevent browser auto-zoom on pinch or double-tap */
@viewport {
  zoom: 1.0;
  min-zoom: 1.0;
  max-zoom: 1.0;
  user-zoom: fixed;
}

