/* ! Inventive Theme v3 tweaks */
.single-listing main .container,
.archive.tax-inventive_listings_category main .container {
	grid-template-areas:
	"ch ch ch"
	"c c c"
	"sb sb sb" !important;
}
main .listings article.listing {
	margin-top: 0 !important;
}



/* !Archive Listings */
.listings {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}


.listing-filter ul ul {
	column-count: 5;
}


.listings--grid .listing {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "li" "lc" "lac";
	grid-gap:  1em;
	background-color: rgba(0,0,0,0.1);
}
.listings--grid-columns-2 .listing {
	width: calc((100% / 2) - (5px * 2.3));
}
.listings--grid-columns-3 .listing {
	width: calc((100% / 3) - (5px * 3));
}
.listings--grid-columns-4 .listing {
	width: calc((100% / 4) - (5px * 4));
}
/*.listings--grid-columns-5 .listing {
	width: calc((100% / 5) - (5px * 5));
}
.listings--grid-columns-6 .listing {
	width: calc((100% / 6) - (5px * 6));
} */


/* TODO ADD style for list of listing */
/* .listings--list ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.listings--list li {
	padding: 0.2em 0.4em;
	background-color: #ccc;
	border-radius: 0.5em;
	display: inline-block;
	margin-right: 0.5em;
	font-size: 0.8em;
} */


.listings {
	text-align: center;
}

.listings .listing-category {
	padding-bottom: 0.25em;
}

.post-type-archive-listing .listing-image img {
	aspect-ratio: 16/9;
	display: block;
}

.listing-content--title {
	grid-area: lct;
}
.listings .listing-content--title {
	margin: 0 0.25em;
}

.listing-content--sub-title {
	grid-area: lcst;
	margin-top: 0.2em;
}

.listing-content--description {
	grid-area: lcd;
}

.listing-content--description img {
	max-width: 100%;
}

.listing-content--excerpt {
	grid-area: lce;
}


.listing *:first-child{
	margin-top: 0;
}
.listing *:last-child {
	/* margin-bottom: 0; */
}


.listings .listing-category .listing-action  {
	margin: 0 .25em;
}



/* !Single Listing */
.single-listing article .listing {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto max-content max-content auto;
	grid-template-areas: "li li li" "lct lct la" "lcst lcst la" "lce lce la" "lcd lcd la" "lf lf lf" "lv lv lv" "lh lh lh" "lg lg lg" "lm lm lm";
	grid-gap:  1em;
}
.single-listing article .listing--has-mini-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/* grid-template-areas: "li li lmg" "lc lc la" "lc lc la" "lf lf lf" "lg lg lg" "lm lm lm"; */
	grid-template-areas: "li li lmg" "lct lct la" "lcst lcst la" "lce lce la" "lcd lcd la" "lf lf lf" "lv lv lv" "lh lh lh" "lg lg lg" "lm lm lm";
	grid-gap:  1em;
}
.listing-image {
	grid-area: li;
	margin: 0;
}
.listing-facilities {
	grid-area: lf;
}
.listing-mini-gallery {
	grid-area: lmg;
}
.listing-group {
	grid-area: la;
	background-color: rgba(0,0,0,0.1);
	padding: 1em;
}
.listing-action {
	grid-area: lac;
}
.listing-trip-advisor {
	grid-area: lta;
}

.listing-content {
	grid-area: lc;
}
.listing-html {
	grid-area: lh;
}
.listing-video {
	grid-area: lv;
}
.listing-gallery {
	grid-area: lg;
}
.listing-map {
	grid-area: lm;
	margin: 0 0 60px;
}
.listings-related h3 {
	margin-bottom: .5em;
}
.single-listing .listing__related .listings--grid .listing {
	grid-template-columns: 1fr;
	grid-template-areas: "li" "lc" "lac";
}


.listing-categories-in ul {
	padding: 0;
	list-style: none;
	margin-bottom: 1em;
}
.listing-categories-in li {
	padding: 0.2em 0.4em;
	background-color: #ccc;
	border-radius: 0.5em;
	display: inline-block;
	margin-right: 0.5em;
	font-size: 0.8em;
}
.listing-categories-in ul > li {
	font-weight: bold;
	margin-bottom: 0.5em;
}


.listing-locations-in ul {
	padding: 0;
	list-style: none;
	margin-bottom: 1em;
}
.listing-locations-in li {
	padding: 0.2em 0.4em;
	background-color: #ccc;
	border-radius: 0.5em;
	display: inline-block;
	margin-right: 0.5em;
	font-size: 0.8em;
}
.listing-locations-in ul > li {
	font-weight: bold;
	margin-bottom: 0.5em;
}


.listing-address,
.listing-contact,
.listing-social,
.listing-price,
.listing-dimensions,
.listing-action,
.listing-locations-in,
.listing-what3words {
	margin-bottom: 1em;
}
.listing-social a {
	display: block;
	text-decoration: none;
}


.listing-action  {
	margin: 1em 0;
}
.listing-action .button {
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: .667em 1.333em;
	border-radius: 1.55em;
	text-decoration: none;
	margin: 0
}
.listing-action .button:hover {
	filter: brightness(1.2);
	transition: all .3s;
	/* box-shadow: 0 0 20px rgba(0,0,0,.1); */
}


.listing-attributes ul {
	padding: 0;
	list-style: none;
	margin-bottom: 1em;
}
.listing-attributes li {
	display: inline-block;
	font-size: 0.8em;
}
.listing-attributes li:not(.listing-attributes--has_children) {
	padding: 0.2em 0.4em;
	background-color: rgba(0,0,0,0.1);
	border-radius: 0.5em;
	display: inline-block;
	margin-right: 0.5em;
	font-size: 0.8em;
}
.listing-attributes ul .listing-attributes__parent {
	content: '';
	margin-right: 0.5em;
}
.listing-attributes ul.listing-attributes__children {
	margin-bottom: 0;
}
.listing-attributes ul ul li:before {
	/* content: '- '; */
}
.listing-attributes ul > li {
	font-weight: bold;
	/* margin-bottom: 0.5em; */
	margin: .25em;
}
.listing-attributes ul ul {
	column-count: 1;
}
.listing-attributes ul ul li {
	border-radius: 0.5em;
	display: inline-block;
	margin-right: 1em;
	font-size: 0.8em;
	font-weight: normal;
}


.listing-image img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.single-listing .listing-image img {
	width: 100%;
	aspect-ratio: 16/6.15;
	object-fit: cover;
}
.listing--has-mini-gallery .listing-image img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.listings .listing-image img {
	width: 100%;
	object-fit: cover;
}
.listings .listing-image a:not(:first-child) {
	display: none;
}
/* .listings--grid-columns-2 .listing-image,
.listings--grid-columns-2 .listing-image img {
	height: 300px;
}
.listings--grid-columns-3 .listing-image ,
.listings--grid-columns-3 .listing-image img {
	height: 250px;
}
.listings--grid-columns-4 .listing-image,
.listings--grid-columns-4 .listing-image img {
	height: 200px;
} */


.listing-mini-gallery {
	margin: 0;
}
.listing-mini-gallery--grid {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
.listing-mini-gallery--item:not(:last-of-type) {
	margin-bottom: .5em;
}
.listing-mini-gallery--item figure {
	margin: 0;
}
.listing-mini-gallery--item {
	width: 100%;
	/* height: 11em; */
	background-color: rgba(0,0,0,0.1);
}
.listing-mini-gallery--item img {
	width: 100%;
	/* height: 11em; */
	object-fit: cover;
	vertical-align: middle;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.listing-mini-gallery--item-more-link {
	position: relative;
	margin: -60px auto 0 auto;
	text-align: center;
	color: #ffffff;
	padding: .3em .75em;
	border-radius: 1.55em;
	text-decoration: none;
	background-color: #00000060;
	width: fit-content;
}
.listing-mini-gallery--item-more-link a{
	text-decoration: none;
	color: inherit;
}


.listing-gallery {
	margin: 0 0 60px;
}
.listing-gallery__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
	
}
/* .listing-gallery__grid-columns-2 .listing-gallery__item {
	width: 48%;
	padding: 1%;
}
.listing-gallery__grid-columns-3 .listing-gallery__item {
	width: 31.33%;
	padding: 1%;
}
.listing-gallery__grid-columns-4 .listing-gallery__item {
	width: 23%;
	padding: 1%;
} */
.listing-gallery__grid-columns-5 .listing-gallery__item {
	width: calc( (100% / 5) - (5px * 3.8) )
	/* padding: 1%; */
}
.listing-gallery__item figure {
	margin: 0;
}
.listing-gallery__item  img {
	width: 100%;
	object-fit: cover;
	vertical-align: middle;
}
.listing-gallery__aspect-1-1 img {
	aspect-ratio: 1/1;
	object-fit: cover;
}
.listing-gallery__aspect-4-3 img {
	aspect-ratio: 4/3;
	object-fit: cover;
}
.listing-gallery__aspect-16-9 img {
	aspect-ratio: 16/9;
	object-fit: cover;
}



/* Search result filter*/
.listing-search-filter {
	/* font-size: 0.8em; */
}
.listing-search-filter__parent {
	margin: 0.25em 0;
}
.listing-search-filter__attribute_items,
.listing-search-filter__child_attribute_items {
	padding-left: 0;
	list-style: none;
}
.listing-search-filter__attribute {
	background-color: rgba(0,0,0,0.1);
	padding: 0.25em .5em;
	margin: 0.25em;
	border-radius: 7px;
	display: inline-block;
	margin-left: 0;
	list-style: none;
	font-size: 0.8em;
}

.listing-search-filter__query {
	font-size: 1em;
	padding: 0.25em .5em;
	margin-right: 0.25em;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,0.5);
}

.listing-search-filter__select-wrapper {
  padding: 0.25em .5em;
  margin-right: 0.25em;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
  /* overflow: hidden;
  position: relative; */
  width: calc() ;
  display: inline-block;
  /* margin-right: 5px; */
  margin-bottom: -.25em;
}
.listing-search-filter__select-wrapper .select {
	/* position: relative;
	display: flex;
	overflow: hidden; */
}
.listing-search-filter__select-wrapper .select::after {
  content: '\25BC';
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.listing-search-filter__select-wrapper .select select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	font-size: 1em;
	box-shadow: none;
	border: 0 !important;
	background: trasparent;
	background-image: none;
	background-color: transparent;
	flex: 1;
	padding: 0 .5em;
	cursor: pointer;
}
/* Remove IE arrow */
.listing-search-filter__select-wrapper .select select::-ms-expand {
  display: none;
}

.listing-search-filter__button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: .667em 1.333em;
	border-radius: 1.55em;
	display: inline-block;
	border: none;
	font-size: 1em;
	cursor: pointer;
	font-family: var(--font-family, sans-serif);
}



/* Fontawesome extend */
.fab.fa-what3words:before {
	content: "///";
	background-color: #E11F26;
	font-size: .65em;
	padding: 0.15em 0.25em;
	color: #fff;
	vertical-align: middle;
}



/* Media queries */
@media screen and (min-width:1000px) {

}


@media screen and (max-width:1000px) {


}

@media screen and (max-width:600px) {
	/* Archive */
	.listings--grid .listing {
		width: 100%;
	}
	
	
	
	/* Single */
	.single-listing article .listing {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: 
		"li" 
		"lmg" 
		"lc"
		"la"
		"lf"
		"lg"
		"lm";
		grid-gap:  1em;
	}
	.listing-mini-gallery {
		display: none;
	}
	.listing-gallery__grid-columns-5 .listing-gallery__item  {
		width: calc( (100% / 2) - (5px * 2) )
	}
	
}