/*INNOVATION DISTRICTS PROFILE WIDGET*/

/*Prevent highlighting*/
.no-highlight {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}

#IDProfiles{
	width:100%;
	min-width:950px;
	height:auto;
	height:788px;
	border:none;
	position:relative;
	margin: 0 auto 0px auto;
	padding:2px 0px 0px 0px;
	background-color:rgb(5,55,105);
}

#IDProfiles p, #IDProfiles a{
	color:#ffffff;
	font-family: 'interstate', 'arial', 'sans-serif';
	font-weight:normal;
	line-height:1.5em;
	margin:1em 0 1.25em 0;
	padding:0px;
	font-size:15px;
}

#IDProfiles div.profile-title-box-outer{margin:0px auto 0px auto; padding:0px; border:none;}

#IDProfiles p.profile-text, #IDProfiles div.profile-title-box-outer{
	max-width:1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#IDProfiles a{text-decoration:underline;}

#IDProfiles strong.red{color:#e7370e;}
#IDProfiles strong.italic, #IDProfiles span.italic{font-style:italic;}


#IDProfiles p#profile-menu{font-family:'Lekton','arial','sans-serif';white-space:nowrap;z-index:300;text-align:center;color:#ffffff;font-size:15px;line-height:1em;margin:30px 10px 10px 10px;}
#IDProfiles #profile-menu span.button{z-index:300;cursor:pointer;display:inline-block;padding:0px 0px 2px 0px;margin-right:8px;margin-left:8px;white-space:nowrap;}
#IDProfiles #profile-menu span.button:hover, #IDProfiles #profile-menu span.button.selected{/*color:#e7370e;*/ border-bottom:1px solid #ffffff;}


#IDProfiles #profile-map-slides{
	width:100%;
	height:705px;
	top:85px;
	position:absolute;
	overflow:hidden;
	margin:0px;
	left:0px;
	z-index:5;
	background-color:rgb(9,23,57);
}

#IDProfiles #profile-text-slides{
	width:100%;
	height:575px;
	padding-top:0px;
	top:65px;
	position:absolute;
	overflow:hidden;
	margin:0px;
	overflow:hidden;
	z-index:10;
	background-image:none;
	background-color:rgb(5,55,105);
	border-bottom:1px solid #e7370e;

	-webkit-transition:height 1s ease;
	-moz-transition:height 1s ease;
	-o-transition:height 1s ease;
	transition:height 1s cubic-bezier(0.3,0.1,0.1,.7);
}

#IDProfiles #profile-text-slides.rolled-up{
	height:25px;
}

#IDProfiles #profile-slides-bottom{
	z-index:50;
	position:absolute;
	width:70px;
	left:50%;
	bottom:0px;
	margin-left:-35px;
	height:22px;
	background:#e7370e;
	bottom:0px;
	cursor:pointer;

	-webkit-transition: 0.75s ease;
	-moz-transition:height 0.75s ease;
	-o-transition:height 0.75s ease;
	transition:height 0.75s ease;
}

#IDProfiles #profile-slides-bottom.rolling{
	bottom:-50px;
	height:0px;
}

#IDProfiles #profile-slides-bottom svg{width:70px;height:22px;}

#IDProfiles .profile-text-slide, #IDProfiles .profile-map-slide{
	/*display:none;*/
	opacity:0;
	visibility:hidden;
	position:absolute;
	width:100%;
	left:0%;
	top:0px;
	height:705px;
	overflow:hidden;
	margin:0px;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center bottom;
}

#IDProfiles .profile-map-slide{
	background-color:rgb(9,23,57);
}

#IDProfiles .profile-text-slide.visible, #IDProfiles .profile-map-slide.visible{
	-webkit-transition:opacity 1s ease, left 1s ease;
	-moz-transition:opacity 1s ease, left 1s ease;
	-o-transition:opacity 1s ease, left 1s ease;
	transition:opacity 1s ease, left 1s ease;
	visibility:visible;
}

#IDProfiles .profile-text-slide.active, #IDProfiles .profile-map-slide.active{opacity:1;}
#IDProfiles .profile-text-slide.out-right{left:100%;}
#IDProfiles .profile-text-slide.out-left{left:-100%;}


#IDProfiles .profile-text-slide{	
	padding:10px 9% 15px 9%;
	height:550px;
	width:82%;
	z-index:20;
}

#IDProfiles .profile-text-slide div.profile-title-box{
	border:1px solid #ffffff;
	margin:25px 0 20px 0;
	padding:10px 18px 8px 18px;
	display:inline-block;
	min-width:250px;
}

#IDProfiles .profile-text-slide div.profile-title-box p.profile-title{
	font-size:44px;
	font-weight:600;
	font-family: 'Dosis', 'arial', 'sans-serif';
	line-height:1em; 
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

#IDProfiles .profile-text-slide div.profile-title-box p.profile-city{
	font-size:16px;
	font-family: 'Lekton', 'arial', 'sans-serif';
	margin:5px 0px 0px 1px;
	padding:0px;
}

#IDProfiles .profile-text-slide p.profile-tag{
	font-family: 'Lekton', 'sans-serif';
	font-size:24px;
	margin:0px 0 15px 0;
}

#IDProfiles .profile-text-slide .profile-table{
	width:25%;
	float:right;
	padding-left:5%;
}

#IDProfiles .profile-changer{z-index:50;position:absolute;top:0px;width:10%;height:90%;}
#IDProfiles .profile-changer.left{left:0px;}
#IDProfiles .profile-changer.right{right:0px;}
#IDProfiles .profile-changer > svg{width:75px;height:100px;top:250px;position:absolute;}
#IDProfiles .profile-changer:hover path{stroke:rgb(200,200,200)}
#IDProfiles .profile-changer.depress path{stroke:rgb(150,150,150);}
#IDProfiles .profile-changer svg:hover{cursor:pointer;}


#IDProfiles p.stamen-credit, #IDProfiles a.stamen-credit{
	font-size:11px;
	position:absolute;
	bottom:0px;
	right:10px;
	margin:0px;
	padding:5px 10px 5px 10px;
	line-height:11px;
	background-color:rgb(9,23,57);
	background-color:rgba(9,23,57,0.75);
	text-decoration:none;
	font-style:italic;
}


/*RESPONSIVE*/
@media screen and (min-width:0px){
	#IDProfiles .profile-map-slide{background-size:cover;}
}

@media screen and (min-width:1450px){
	#IDProfiles .profile-map-slide{background-size:1450px auto;}
}