/** default.css
		Software: Supermap
		Copyright and License: A full copy of this license is available at ../license.txt
**/

/** Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/** Basic SuperMap Styles **/
#content {width:976px;height:766px;overflow:hidden;margin:0 auto; position:relative;}
.loader {background:url('../img/ui/loader.gif?v=2') no-repeat center #fff; background-size:20%;}
.intmap {width:100%;height:100%;margin:0;overflow:hidden;position:relative;}
.point {display:block;width:35px;height:46px;outline:none;cursor:pointer;}
.slide {display:none;position:absolute;left:0;top:0;width:100%;z-index:11;cursor:default; height:100%; background:rgba(0,0,0,0.9); font-size:3vw; font-family:sans-serif; line-height:1.2;}
	.slide .ssp {background:url('../img/ui/ajax-loader.gif?v=2') no-repeat center center;text-align:right;}
		.slide #ssp-i, .slide #ssp-v, .slide .singleimg {position:relative;width:100%;z-index:4;}
			.slide .ssp .inner, .slide .singleimg, .slide .singleimg img {overflow:hidden;}
			.slide #ssp-i .inner img {display:none;}
			.slide .ssp .inner, .slide .ssp .inner img, .slide .ssp video, .slide .ssp object, .slide .ssp embed {width:100%; height:auto; float:left; margin-bottom:1px;}
		.ssp-play, .ssp-pause, .ssp-control {display:inline-block; cursor:pointer; padding:1vw 0; background:rgba(255,255,255,0.5); left:auto; float:none; color:#FFF; font-size:4vw; text-align:center; font-family: Arial, sans-serif; line-height:1.5; width:33.1%; margin:0 0.1%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
		.ssp-play, .ssp-pause {display:none;}
		.ssp-play.show, .ssp-pause.show {display:inline-block;}
		.ssp-play::selection, .ssp-play::-moz-selection, .ssp-play::-webkit-selection, .ssp-pause::selection, .ssp-pause::-moz-selection, .ssp-pause::-webkit-selection, .ssp-control::selection, .ssp-control::-moz-selection, .ssp-control::-webkit-selection {background:transparent;}
		.view-ssp-i, .view-ssp-v {cursor:pointer;}
			.view-ssp-i.selected, .view-ssp-v.selected {display:none;}
		.counter {display:none;}
	.slide .close {display:block;cursor:pointer;position:absolute;bottom:3vw;right:3vw;text-decoration:none;z-index:8; width:50px;}
	.slide h1, .slide .description {width:90%; color:#FFF; margin:1em 5%;}
	.slide h1 {font-size:3.5vw; line-height:1.2;}
	.read-less, .read-more {position:absolute;height:21px;width:21px;left:265px;}
	#locate {position:absolute;bottom:5vw;left:5%;text-decoration:none; color:#FFF; cursor:pointer;}	
	
.bubble, .bubblePerm {display:none;text-align:center;width:auto !important;white-space:nowrap;margin:-50% 0 0 -30% !important;pointer-events:none; background:#FFF; border-radius:50px; padding:2px 5px; font-size:4vw;}
	.bubble:hover, .bubble:active, .bubble:focus, .bubblePerm:hover, .bubblePerm:active, .bubblePerm:focus {display:block !important;opacity:100 !important;filter:alpha(opacity=100);}
.bubble-select {display:none;}
	.bubble h1, .bubblePerm h1, .bubble-select h1 {white-space:nowrap;text-align:left;}
	.bubble a, .bubblePerm a, .bubble-select a {display:block;text-align:center;text-decoration:none;}
	.bubble .close, .bubblePerm .close, .bubble-select .close {cursor:pointer;display:block;outline:none;position:absolute;right:-15px;top:-15px;padding:0;background:transparent;}
	.bubblePerm b {font-weight:bold; font-size:3em; float:left; position:absolute; top:2px; left:-45px; color:red; text-shadow: 0 0 3px #000;}

.map_buttons, .map_buttons li {display:block;list-style:none;padding:0;margin:0;}
	.map_buttons {position:absolute;z-index:4;margin:0; width:100%; height:100%; overflow:auto; top:0; left:0; background:rgba(0,0,0,0.8); display:none;}
	.map_buttons li {float:left;position:relative;margin:0; width:49%; text-align:center; margin:0.5%; background:rgba(255,255,255,0.2); white-space:nowrap; overflow:hidden; color:#FFF;}
	.map_buttons li:hover {background:rgba(255,255,255,0.4)}
		.map_buttons a {display:block;outline:none;text-decoration:none;padding:4px 0;text-align:center;height:auto;white-space:nowrap;overflow:hidden; color:#FFF; font-size:3.5vw;}

.keyBtn {position:absolute; bottom:0; width:100%; text-align:center; font-size:8vw; z-index:5; color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer; background:rgba(0,0,0,0.5); padding:10px 0;}

#map_zoom {left:15px;margin:0;padding:0;position:absolute;top:15px;z-index:3; font-size:10vw; color:#FFF; font-weight:bold;}
	#map_zoom li {float:left;list-style:none;}
		#map_zoom li #zoom_in, #map_zoom li #zoom_out {opacity: .8;filter: alpha(opacity=80);background:rgba(255,255,255,0.8);width:8vw;display:inline-block;text-align:center;height:8vw;font-size:7vw;line-height:1;border-radius:50px;text-decoration: none; margin:0 10px 0; position:relative; top:-1vw; color:#000;}
		#map_zoom li #zoom_in:hover, #map_zoom li #zoom_in:active, #map_zoom li #zoom_in:focus, 
		#map_zoom li #zoom_out:hover, #map_zoom li #zoom_out:active, #map_zoom li #zoom_out:focus {opacity:1;filter:alpha(opacity=100);}
		#map_zoom li #zoom_in.disabled, #map_zoom li #zoom_out.disabled {opacity:.3;cursor:default;}	
.activity {background:none;opacity:0;filter:alpha(opacity=0);}
.activity:hover, .activity.selected, .lightup {opacity:1;filter:alpha(opacity=100);}
	.activity:hover img, .activity.selected img, .lightup img {opacity:.6;filter:alpha(opacity=60);}
	
.vt .bubble::after, .bubble-select a[href*='hughie-hall']::after, .map_buttons .vt a::after {content:"360°"; display:inline-block; font-size:10px; margin-left:5px; position:relative; top:-8px;}
.map_buttons .vt a::after {top:-5px; color:#ffdd18;}
	
/* Utilities */
.clear {clear:both;}

/* iphone6 */
@media only screen and (device-aspect-ratio : 375/667) {

}

/* Mobile Landscape */
@media screen and (max-device-width:767px) and (orientation: landscape) { 
	.slide {font-size:2vw;}
	.slide #ssp-i, .slide #ssp-v, .slide .singleimg {width:50%; float:left; margin-right:2%;}
	.slide h1 {font-size:2.5vw;}
	#locate {left:1%; bottom:2vw;}
	.slide .close {bottom:1vw; right:1.5vw;}
	#map_zoom {font-size:5vw;}
	#map_zoom li #zoom_in, #map_zoom li #zoom_out {height:4vw; width:4vw; font-size:3vw;}
	.keyBtn {font-size:4vw; width:auto; padding:10px; right:0;}
}

/* Tablet */
@media screen and (min-width:767px) {
	.slide, .ssp-play, .ssp-pause, .ssp-control {font-size:14px;}
	.slide h1 {font-size:20px; margin:1em 20px;}
	.slide .description {margin:1em 20px;}
	#locate {bottom:20px; left:20px;}
	.slide .close {bottom:20px; right:20px;}
	#map_zoom {font-size:28px; top:25px;}
	#map_zoom li #zoom_in, #map_zoom li #zoom_out {width:50px; height:50px; font-size:42px; margin-top:-10px; top:0;}
	.keyBtn {font-size:28px;}
	.map_buttons a {font-size:20px; padding:8px 0;}
	.bubble, .bubblePerm {font-size:16px}
}

/* Tablet Landscape, desktop small (or in frame) */
@media screen and (min-width:767px) and (orientation: landscape) {
	.slide {font-size:16px; line-height:1.5;}
	.slide #ssp-i, .slide #ssp-v, .slide .singleimg {width:72%; float:left; margin-right:2%;}
	.map_buttons li {width:33%; margin:0.15%;}
	.map_buttons a {padding:7px 0 10px; font-size:22px;}
	.slide h1, .slide .description {width:96%;}
	.slide .description .inner {max-height:450px; overflow:auto;}
	.keyBtn {right:0; padding:10px 40px; width:auto;}
	
}