/*
 This quick example demonstrates the potentially drastic effects of simply
 toggling a class on an element.
 */

.venue-viewer-box {
	padding: 3em;
}

.venue-viewer-master-div {
	width: 100%;
	margin: auto;
	max-width: 100%;
}

#venue_info_holder {
	background-color: white;
}

#top-items-holder {
	margin-bottom: 4em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr; /* fraction*/
}

/*
#top-item-left {
	width: 48%;
	max-width: 48%;
	display: inline-block; 
	vertical-align: top;
	margin-right: 2%;
}

#top-item-right {
	width: 49%;
	max-width: 49%;
	display: inline-block;
	height: 100%;
	vertical-align: top;
}
*/

#venue_info_top {
	display: inline;
}

#venue_info_left {
	width: 35%;
	max-width: 35%;
	display: inline-block; 
	vertical-align: top;
	margin-right: 4%;
}

#venue_info_left > img {
	margin-bottom: 15px;
}

#venue_info_right {
	width: 55%;
	max-width: 55%;
	display: inline-block;
	height: 100%;
	vertical-align: top;
}

#venue_info_bottom {
	width: 100% !important;
}

#_3dVids_left {
	width: 49%;
	max-width: 49%;
	display: inline-block; 
}

#_3dVids_right {
	width: 49%;
	max-width: 49%;
	display: inline-block;
}

._3dVid_frame {
	width: 95%;
	max-width: 95%;
	zoom: 0.25; 
	-moz-transform: scale(0.25); 
	-moz-transform-origin: 0 0;
	min-height: 1600px;
}

.venue-viewer-text {
	color: #705177
}

h1.venue-viewer-text {
	text-align: center;
}

.pinterest_link {
	border-bottom: 1px solid #705177;
	border-top: 1px solid #705177;
}

.venue-button-text {
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}


.venue_city_button {
	vertical-align: top;
	margin: auto;
	border: 3px solid #705177;
	margin-right: 30px;
	padding-top: 4px;
	padding-bottom: auto;
	align-content: center;
	width: 100%;
}

.venue_button_selected {
	background-color: #705177;
}

.venue_text_selected {
	color: #FFFFFF;
}

#venues_select, #events_select, #products_select, #transformations_select{
	width: 100%;
}

.modal-maker.modal-maker-vertical h4.modal-maker-heading {

	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}