/*
Theme Name: Seed
Theme URI: https://seedthemes.com/item/seed/
Author: SeedThemes
Author URI: https://SeedThemes.com
Description: Starter Theme
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
Tags: featured-images, custom-menu
*/


/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - CSS Variables for colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.

Recommended Text Editor: VS Code with these extensions, 
1. Live Sass Compiler by Ritwick Dey
2. SFTP by liximomo
3. Prettier by Esben Petersen
4. Format HTML in PHP by rifi2k
    
=========================================== 
*/
/*START EDIT ACHIVE.PHP*/
ul.cat-sub {
    padding: 0 !important;
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    column-gap: 5px;
    row-gap: 5px;
}
li.li-cat {
    background-color: #00000038;
    border-radius: 10px;
}
li.li-cat a:hover {
    background-color: #00000080;
    border-radius: 10px;
	color:#fff;
}
.li-cat a {
    color: #000;
	padding: 0px 10px 0px 10px;
}

/*END EDIT ACHIVE.PHP*/

  :root {
      --main-color : #fa5c00;
     --sub-color: #21a356;
	  --light-blue-color: #4bbeed;
	  
	  --foot-color1: #260e00;
	  --foot-color2: #21a356;
}

h1, h2, h3, h4, h5, h6, a, button, input, b, strong, span, nav, p, body,input,label,div {
    font-family: "LINE Seed Sans TH", sans-serif!important;
}

/*เมนู*/
.site-header a:hover {
    color: #29d4fe;
}
img.custom-logo {
    width: 100% !important;
}
ul.sub-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    width: auto !important;
    justify-content: center;
    align-content: center;
}
.site-nav-m.active {
    height: auto !important;
    background-color: #d7d7d7 !important;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    opacity: 1;
}
.site-nav-m .menu-item-has-children>svg {
    position: absolute;
    right: -10px;
    top: 5px;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 40px;
    height: 40px;
    padding: 10px;
    z-index: 99;
    color: #000;
}

@media only screen and (max-width:991px) {
	.site-logo {
    text-align: center;
}
	img.custom-logo {
    width: 30% !important;
    text-align: center;
}
	ul.sub-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 90% !important;
    justify-content: center;
    align-content: center;
}
}
/*END เมนู*/

/*แบบฟอร์ม*/
input[type="submit"] {
background-color:var(--main-color) !important;
}
/*ENDแบบฟอร์ม*/
/*----- card ----*/
.card img.cover {
  object-fit: cover !important;
	height:250px;
}

.title {
  font-weight: 700;
  font-size: 18px;
  margin: 0px;
}
.title a {
  font-weight: 700;
  font-size: 18px;
  color: #000;
}
/*หมวดหมู๋*/
.term {
  position: absolute;
  top: 2%;
  right: 2%;
  padding: 5px 5px;
  font-size: 13px;
  z-index: 1;
  border-radius: 5px;
  color: #ffff;
	background-color:var(--sub-color);
}
/*---จบ--*/
.location {
  position: absolute;
  bottom: 47%;
  left: 5%;
  font-size: 13px;
  z-index: 1;
  font-weight: 600;
  color: #fff;
  display: inline;
}
/*ราคา*/
.price {
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
	color:var(--sub-color);
}
/*---จบ--*/
.card-body p {
  font-size: 13px;
  color: #5c727d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 3em;
  margin: 0px;
}
/*เตียง ห้องนํ้า พื้นที่ */
.properties {
  display: inline-block;
  color: #5c727d;
	vertical-align:center !important;
}
.properties i{
	padding-right: 5px;
}
.properties span {
  padding-right: 5px;
  font-size: 13px;
	vertical-align:center;
}
/*---จบ--*/

/*ผู้เขียน*/
.author {
  border-top: 1px solid #eef3f6;
  padding: 10px 0px 0px 0px;
  color: #333;
  font-weight: 700;
}
.content-item .author img {
  width: 25px;
  height: 25px;
  border-radius: 40px;
   margin-right: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color:var(--main-color);
  height: 15px;
  width: 15px;
	border-radius:100px;
  margin-top: -5px;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #ddd;
}

/*ปรับจำนวนบันทัด*/
.headder1row,.headder2row{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.headder1row{-webkit-line-clamp:1}.headder2row{-webkit-line-clamp:2}.headder3row{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.headder4row,.headder5row{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.headder4row{-webkit-line-clamp:4}.headder5row{-webkit-line-clamp:5}
/*สิ้นสุดปรับจำนวนบันทัด*/

/*จัดการส่วนลูป card*/
.hover_img,.hover_img img,.hover_img img:hover,img.cover{border-radius:10px 10px 0 0!important}.autr,.bt{display:flex}.box-real-detail .title a{font-weight:600;font-size:20px;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box-real-detail .title a:hover{color:#001a42}img.cover{object-fit:cover!important;height:250px!important}.hover_img,.hover_img img{width:100%;height:250px}.hover_img{overflow:hidden}.hover_img img{transform:scale(1);transition:transform .5s}.hover_img img:hover{transform:scale(1.05);transition-duration:.5s}.box-real-detail{padding:15px}.box-real-detail h5{font-size:18px;font-weight:600;color:#fa5c00!important}.box-real-detail ul{padding:0;list-style:none;display:flex;align-content:center;align-items:center;column-gap:20px;margin:10px 0}.box-real-detail li{font-size:14px;font-weight:600}.box-real-detail h6{font-weight:600;color:#222}.bt{padding-top:10px;justify-content:space-between;align-items:center;border-top:1px solid #ebebeb}.autr{align-items:center;column-gap:10px}.autr p,p.d-ago{margin:0;font-size:13px;color:#979797}h6.get_view{position:absolute;margin-top:-30px;left:10px;background-color:#00000073!important;padding:2px 10px;border-radius:5px;color:#fff}.get_share2{display:block;z-index:999!important;position:absolute!important;margin-top:-40px!important;right:10px!important}.get_share2 span.heateor_sss_svg{width:25px!important;height:25px!important;background-color:#00000061!important}.get_share2 span.heateor_sss_svg:hover{width:25px!important;height:25px!important;background-color:#000!important}
}
/*END จัดการส่วนลูป card*/

	/*จัดการส่วน header*/
img.custom-logo {
    width: 100% !important;
}
.cov-container {
    display: grid!important;
    grid-template-columns: 18% 64% 18%!important;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}
img.custom-logo {
    margin: 0!important;
    padding: 0;
    width: 170px!important;
}
.site-nav-d {
    margin-left: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-header a {
    color:#001a42 !important;
}
.site-contact {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.site-contact button {
    background-color: transparent;
    border: 2px solid #21a356 !important;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    margin-left: 15px;
    color:#21a356 !important;
}
@media only screen and (max-width:991px) {
    .site-contact {
    position: absolute;
    top: calc((var(--s-header-height) - 50px)/ 2);
    right: 0;
    height: 50px;
    width: 50px;
    font-size: 14px;
    padding: 5px 10px 5px 5px;
}
.site-contact button {
    background-color: transparent;
    border: 2px solid #0284ff !important;
    padding: 3px 7px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 0;
    color:#0284ff !important;
}
	.site-logo {
    text-align: center;
}
	img.custom-logo {
    width: 30% !important;
    text-align: center;
}
}
/*END จัดการส่วน header*/

/*จัดการส่วน FORM BUY*/
.frm-sf{padding:20px}.frm-sf ul{padding:0;display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;column-gap:15px;row-gap:0;align-items:end}.frm-sf input,select{height:44px;box-shadow:0 0 15px rgb(0 0 0 / 7%)}input.sf-input-text{border-radius:0!important;border:1px solid #dddddd5c!important;background-color:#fff!important;padding:0 15px!important}.searchandfilter label{display:inline-block;margin:0;padding:0;max-width:100%;width:100%}.searchandfilter select.sf-input-select{min-width:100%;width:100%;border-radius:0;border:1px solid #dddddd5c;background-color:#fff;padding:0 15px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:100%!important;width:100%!important;border-radius:0;border:1px solid #dddddd5c;background-color:#fff;padding:0 15px}.sf-meta-range.sf-meta-range-number{display:grid;grid-template-columns:45% 10% 45%;justify-items:center;align-items:center;justify-content:space-between}input[type=submit]{width:100%!important;border-radius:0;box-shadow:0 0 15px rgb(0 0 0 / 7%)}@media only screen and (max-width:991px){.frm-sf ul{padding:0;display:grid!important;grid-template-columns:1fr!important;column-gap:15px;row-gap:0;align-items:end}}
/*END จัดการส่วน FORM BUY*/

/*จัดการส่วน TAB SEARCH FORM*/
.tab.sf{background-color:transparent;border:none;overflow:hidden}.tab button{background-color:#eee;float:left;border:none;outline:0;cursor:pointer;padding:14px 100px;transition:.3s;font-size:17px}.tab button:hover{background-color:#0073e1;color:#01284f}.tab button.active,.tabcontent{background-color:#fff}.tab button:hover.active{background-color:#fff}.lbtn{border-radius:5px 0 0}.rbtn{border-radius:0 5px 0 0}.tabcontent{display:none;padding:6px 12px;border:none;border-top:none;border-radius:0 5px 5px}@media only screen and (max-width:991px){.tab button{padding:10px 15px}}
/*END จัดการส่วน TAB SEARCH FORM*/

/*จัดการเลเอ้าย์โลเคชั่นแนะนำ*/
.image_wrapper img,.overlay_2,li.image_wrapper img{border-radius:10px}ul.list-loct{list-style:none;gap:20px;font-weight:bolder;padding:0}.image_wrapper{position:relative}.image_wrapper img{display:block;object-fit:cover;width:100%;height:auto}.overlay{position:absolute;background:rgb(0 0 0 / 65%);display:flex;justify-content:center;flex-wrap:wrap;align-content:center;align-items:center;padding:20px;text-align:center}.overlay:hover{background:rgb(0 0 0 / 25%);transition:.4s}.overlay_2{inset:0}.image_wrapper h3{margin:0;color:#fff;font-weight:600}.image_wrapper p{color:#fff;font-size:14px;font-weight:400;margin:0}
/*END จัดการเลเอ้าย์โลเคชั่นแนะนำ*/