/* CSS Document */
	ul {list-style:none;
	}
	#wrapper_listing_detailsV2{
		width:100%;
		margin:0;
		padding:0;
		display:grid;
		grid-template-areas:
			"p p"
			"a a"
			"d d"
			"e e"
			"b c"
			"m m"
			"n o"
			"q q";
		grid-gap:5px;
	}
	#wrapper_listing_detailsV2 h4{
			margin-top:0;
			padding-top:0;
			background-color:#D7ABE9;
			color:#FFFFFF;
			text-align:center;
			border-radius:8px;
	}
	.img_main{
		grid-area:a;
		/*border:solid #e1e1e1 1px;
		border-radius:10px;
		max-width:100%;*/
		
		text-align:left;
		overflow:hidden;
	}
	.img_main img{
		width:100%;
		height:400px;
		object-fit:cover;
		object-position:50% 50%;
	}
	.bul_col1{
		grid-area:b;
		border:solid #e1e1e1 1px;
		border-radius:10px;
	}
	.bul_col2{
		grid-area:c;
		border:solid #e1e1e1 1px;
		border-radius:10px;
	}
	.bul_col1, .bul_col2{text-align:left;}
	.gal_header{
		grid-area:d;
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size:36px;
		letter-spacing: 5px;
		background-color:aliceblue;
	}
	.gal_thumbs1{
		grid-area:e;
		/*display:grid;
		grid-template-areas:"f g h i j";*/
		grid-gap:0;
		padding:0;
		margin:0;
	}
	/*.thumb1{grid-area:f;border:solid #e1e1e1 1px;}
	.thumb2{grid-area:g;border:solid #e1e1e1 1px;}
	.thumb3{grid-area:h;border:solid #e1e1e1 1px;}
	.thumb4{grid-area:i;border:solid #e1e1e1 1px;}
	.thumb5{grid-area:j;border:solid #e1e1e1 1px;}*/
	
	.desc_li{
		grid-area:m;
		text-align:justify;
		border:solid #e1e1e1 1px;
		border-radius:10px;
		min-height:75px;
	}
	.videos{
		grid-area:n;
		border:solid #e1e1e1 1px;
		border-radius:10px;
	}
	.videos li a:link,
	.videos li a:visited,
	.videos li a:hover,
	.videos li a:active
		{
		text-decoration:none;
		color:#333;
		}
	.stats{
		grid-area:o;
		border:solid #e1e1e1 1px;
		border-radius:10px;
	}
	.options{
		grid-area:p;
		padding:5px;
		margin:0 auto;
		text-align:center;
		border:solid #e1e1e1 1px;
		border-radius:10px;
		position:fixed;
		top:8%;
		z-index:3;
		background-color:aliceblue;

	}
	.options h4{
		z-index:10;
	}
	#option_bar_content{
	  	width: 100%;
  		margin: 0 auto;
	}

	.facilities{
		grid-area:q;
		text-align:center;
		border:solid #e1e1e1 1px;
		border-radius:10px;
		min-height:75px;
	}
.button_plain{
	padding:3px;
	margin:3px;
	width:140px;
	border:solid #e1e1e1 1px;
	border-radius:12px;
	background-color:#D7ABE9;
	float:left;
}
.search_wrapper{
	color:#D7ABE9;
	font-size:1.5em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image:url(../assets/img/wed_banner_02.jpg);

	
}

.al{font-size:.65em;}
.bl{font-size:.65em;}
.cl{font-size:.65em;padding-bottom:2em;}

.btn_nice {
	background-color:#D7ABE9;
	border:solid 2px #fff;
	padding:.3em;
	border-radius:5px;
}
.listings_table{
margin-left:0;
border:1px solid #838383;
width:100%;
}
.item1{
	grid-area:item1;
	/*background-color:slateblue;*/
}
.item2{
	grid-area:item2;
	/*background-color:pink;*/
}
.item3{
	grid-area:item3;
	color:purple;
	padding:2px;
	background-color:white;
	border-radius:10px;
	/*background-color:coral;*/
}
.item4{
	grid-area:item4;
	/*background-color:yellow;*/
}
.item5{
	grid-area:item5;
	/*background-color:orange;*/
}
.item6{
	grid-area:item6;
	text-align:right;
	padding:2px;
	background-color:white;
	border-radius:10px;
	/*background-color:gray;*/
}
.item7 {
	grid-area:item7;
	/*background-color:red;*/
}
.listing_gridV2{
  display: grid;
	grid-template-areas:
		'item3 item3 item3 item3'
		'item1 item2 item2 item2'
    'item4 item4 item4 item4'
		'item5 item6 item6 item6'
		'item7 item7 item7 item7';
  grid-gap: 10px;
  /*background-color: #2196F3;padding: 10px;*/
	
	box-shadow: 0 0 10px 0 rgba(72,94,116,0.7);
	padding:2%;background-color:#e1e1e1;
}
/* ------------------------------------- Version 3 of the Voucher Container ---------------------------- */
.item_1 {
	grid-area:item_1;
	min-height: 300px;
}
.item_2 {
	grid-area:item_2;
}
.item_3 {
	grid-area:item_3;
	text-align:right;
}
.item_4 {
	grid-area:item_4;
	text-align:right;
	font-size:2em;
}
.item_5 {
	grid-area:item_5;
	text-align:right;
}
.item_6 {
	grid-area:item_6;
	align-self: end;
	text-align:left;
	font-size:30px;
	margin-bottom:16px;
}
.item_7 {
	grid-area:item_7;
	text-align:right;
	font-size:26px;
	font-weight:bold;
	color:purple;
}

.listing_gridV3 {
  display: grid;
	grid-template-areas:
		'item_1 item_2 item3 item3 item_3'
		'item_1 item_4 item_4 item_4 item_4'
    'item_1 item_5 item_5 item_5 item_5'
		'item_1 item_6 item_6 item_7 item_7';
  grid-gap: 10px;
	width:100%;
	border:1px solid #e1e1e1;
	background-color:white;
	min-height: 300px;
	padding:8px;
}
.listings_table2{
	background-color:white;
	float:right;
}


/* ------------------------------------- End of Version 3 of the Voucher Container ---------------------------- */

.banner_listing_wrapper{
	display:grid;
	width:100%;
	border:solid #A09D9D 1px;
	grid-template-columns:300px auto;
	grid-template-rows:auto;
	grid-template-areas:'thb_img  tbl_details'
						'thb_img  map_ref stars'
						'lst_copy lst_copy lst_copy lst_copy'
						'.  dist';
	grid-gap:8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.thb_img{
	grid-area:thb_img;
	width:300px;
	height:auto;
	background-color:yellow;
	/*border:solid green 1px;*/
}
.listings_panel{
	grid-area:tbl_details;
	border: 1px solid black;
	width:60%;
	background-color:pink;
}
.ttl{
	grid-area:ttl;
	text-align:left;
	font-size:1.3em;
	background-color:green;
	width:20%;
	/*border:solid blue 1px;*/
}
.btn_dtl{
	grid-area:btn_dtl;
	text-align:right;
	background-color:orange;
	border:solid black 1px;
}
.map_ref{
	grid-area:map_ref;
	text-align:left;
	/*border:solid pink 1px;*/
}
.stars{
	grid-area:stars;
	font-size:.75em;
	/*border:solid red 1px;*/
}
.lst_copy{
	grid-area:lst_copy;
	border:solid #333 1px;
	font-size:.9em;
	line-height:1;
	text-align:left;
}
.dist{
	grid-area:dist;
	/*border:solid #666 1px;*/
}


#floating_x{
	float:right;
	margin-right:10px;
}
#floating_x a {
	text-decoration:none;
	color:white;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /*Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #D7ABE9;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #D7ABE9;
    color: white;
}

/* Media Queries */
@media screen and (max-width: 992px) {
.search_wrapper {
	grid-template-areas:
		"shd"
		"al"
		"bl"
		"cl";
}
	.al,.bl,.cl {
		font-size:.7em;
	}

	.listing_gridV3 {
		display:grid;
		grid-template-areas:
			'item_1'
			'item_2'
			'item_3'
			'item_4'
			'item_5'
			'item_6'
			'item_7';
		grid-gap: 10px;
		width:100%;
		padding:8px;
	}
	.item_1{
		grid-area: item_1;
		width:100%;
		padding:5px auto;
	}
	.item_2{
		grid-area: item_2;
		width:100%;
		padding:0 auto;
	}
	.item_3{
		grid-area: item_3;
		width:100%;
		text-align:center;
	}
	.item_4{
		grid-area: item_4;
		padding:0 auto;
		text-align:center;
		}

.item_5{
grid-area: item_5;
padding:0 auto;
}
.item_6{
	grid-area: item_6;
	padding:0 auto;
	text-align:center;
	}
	.item_7{
		grid-area: item_7;
		padding:0 auto;
		text-align:center;
		}

}