/* artHauss property grid + filter styles.
 * Restored 2026-11-11: these rules were originally appended to the PARENT theme file
 * uncode/library/css/style.css (as "jay css") and were wiped when Uncode was updated on 2026-10-22.
 * Kept in the child theme so future parent-theme updates cannot remove them. */
/*jay css*/
.filters-desktop label {
    width: 24%;
    display: inline-block;
    float: left;
    max-width: 25%;
    min-width: 0;
    margin: 0 0.5%;
    border: 1px solid #e7e7e7;
    position: relative;
    text-align: center;
}
.rowitem-2 .grid-item {
    width: 50%;
}
.filters-desktop label p {
    float: left;
    margin: 0;
    width: 80px;
    margin-top: 6px;
}
.filters-desktop label select {
    float: left;
    margin: 0;
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
    min-width: calc(100% - 80px);
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}
option.parent-option {
    font-weight: 700;
}

.grid-item .t-overlay-wrap .grid-entry hr {
    display: none;
}
.grid-sizer, .grid-item {
    width: 33.33%;
    padding: 15px;
}
.container .grid {
    margin: 0 30px;
}
h3.grid-title {
    float: left;
    width: 100%;
    font-weight: 600;
    font-family: 'Playfair Display';
    letter-spacing: -0.02em;
    font-size: 20px!important;
    color: #fff!important;
    margin-bottom: 14px;
}
.grid-item .t-overlay-wrap hr {
    float: left;
    width: 100%;
    margin: 10px 0;
    opacity: 0.5;
}
.show-propetys .entry-visual-cont {
    overflow: hidden;
}

.rowitem-2 .show-propetys .entry-visual-cont > a .t-overlay-wrap {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition: all .3s ease-in-out;
    background-size: 130%;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    padding-top: 286px;
}
.show-propetys .entry-visual-cont > a .t-overlay-wrap {
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition: all .3s ease-in-out;
        background-size: 200%;
        border-radius: 5px;
        padding: 15px;
        color: #fff;
        padding-top: 286px;
    }
}
.show-propetys .entry-visual-cont > a:hover .t-overlay-wrap {
    background-size: 210%;
}
.rowitem-2 .show-propetys .entry-visual-cont > a:hover .t-overlay-wrap {
    background-size: 135%;
}

.grid-item .t-overlay-wrap .grid-entry {
    z-index: 9;
    position: relative;
}
.entry-visual-cont {
    position: relative;
}
.grid-overlay-wrap {
    background-color: transparent !important;
    background-image: -webkit-linear-gradient(bottom, #303133 -15%, transparent 55%) !important;
    background-image: -moz-linear-gradient(bottom, #303133 -15%, transparent 55%) !important;
    background-image: -o-linear-gradient(bottom, #303133 -15%, transparent 55%) !important;
    background-image: linear-gradient(to top, #303133 -15%, transparent 55%) !important;
    width: calc(100%);
    height: 330px;
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
}
.like-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999999;
}
.like-icon .icon {
    width: 22px;
    height: 22px;
    background-position: -290px 0!important;
    display: table;
    cursor: pointer;
}
.like-icon .icon {
    background: url(images/sprite.png);
    background-size: 521px 325px;
    background-repeat: no-repeat;
}
.like-icon.active .icon {
    background-position: -312px -0!important;
}
/*.entry-visual-cont:hover .grid-entry {
    opacity: 0;
    transition-duration: 0.2s;
}*/
ul.so-phong {
    display: inline-block;
    padding: 0!important;
    margin: 0;
    float: right;
}
ul.so-phong li {
    display: inline-block;
    text-align: right;
    position: relative;
    padding-left: 33px;
    margin-left: 10px;
}
li.sophong:before {
    content: "";
    width: 26px;
    height: 23px;
    position: absolute;
    background-image: url(images/sophong.png);
    left: 0;
    z-index: 999;
    opacity: 1;
    top: -2px;
    background-size: contain;
    background-repeat: no-repeat;
}
li.sophongngu:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(images/spngu.png);
    left: 0;
    z-index: 999;
    opacity: 1;
    top: -7px;
    background-size: contain;
    background-repeat: no-repeat;
}
li.sophongtam:before {
    content: "";
    width: 27px;
    height: 28px;
    position: absolute;
    background-image: url(images/sptam.png);
    left: 0;
    z-index: 999;
    opacity: 1;
    top: -7px;
    background-size: contain;
    background-repeat: no-repeat;
}
.price-j {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    padding-top: 4px;
}

button.load-more-property {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 10px 35px;
    margin-bottom: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
}
@media (max-width: 1190px){
  .price-j {

      font-size: 14px;
      padding-top: 3px;
  }
  ul.so-phong li {

      padding-left: 32px;
      margin-left: 0px;
  }
}
@media screen and (max-width: 1049px){
  .grid-sizer, .grid-item {
      width: 50%;
  }
  .filters-desktop label {
      width: 49%;
      max-width: 49%;
      min-width: 0;
      margin: 0 0.5% 10px;
  }
  ul.so-phong li {
      padding-left: 32px;
      margin-left: 12px;
  }
}
@media screen and (max-width: 1070px){
  .show-propetys .entry-visual-cont > a .t-overlay-wrap,.rowitem-2 .show-propetys .entry-visual-cont > a .t-overlay-wrap {
      padding-top: 260px;
      padding-left: 15px;
      padding-right: 15px;
        padding-bottom: 50px;
  }
   .show-propetys .entry-visual-cont > a .t-overlay-wrap,.rowitem-2 .show-propetys .entry-visual-cont > a .t-overlay-wrap  {
        background-size: cover;
    }
    .show-propetys .entry-visual-cont > a:hover .t-overlay-wrap,.rowitem-2 .show-propetys .entry-visual-cont > a:hover .t-overlay-wrap {
        background-size: cover;
    } 
}

@media (max-width: 850px) {
  .price-j {
      width: 100%;
  }
  ul.so-phong {
      float: left;
      margin-top: 15px;
      margin-bottom: 10px;
  }
  li.sophong {
      margin-left: 0!important;
  }
  .grid-item .t-overlay-wrap {
      padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .filters-desktop label {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      margin: 0 0% 10px;
  }
  .show-propetys .entry-visual-cont > a .t-overlay-wrap {
      padding-top: 170px;
  }
  .rowitem-2 .grid-item ,.grid-sizer, .grid-item{
      width: 100%;
  }
}
@media (max-width: 504px) {
  .grid-sizer, .grid-item {
      width: 100%;
      padding: 15px 0;
  }
  .grid-overlay-wrap {
      width: 100%;
      height: 330px;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 0px;
      z-index: 5;
      border-radius: 0 5px 5px;
  }
  .container .grid {
      margin: 0 5px;
  }
}

/* uncode-header-expand (added 2026-11-11)
 * Page-header content blocks (e.g. "Header Riga Static", home hero) were built in 2019 with "expand height = yes" AND
 * vertical position = bottom. Uncode 2.12.9 added `.main-container .uncol.unexpand > div > div > .uncont { height:100% }`,
 * which stretches the text wrapper over the whole hero, so the heading jumped to the top. Restore the old behaviour
 * (content wrapper keeps its own height, table-cell vertical-align:bottom puts it low) for page headers only. */
#page-header .uncol.unexpand > div > div > .uncont {
    height: auto;
}