/*
 * Saluda Medical - Location Landing Page Syles
 */

.clearBoth{
	clear:both;
}

body.page-id-846,
body.page-id-846.dark{
	background:url(../images/landing-background.png) no-repeat #000 top left;
	font-family:'Roboto', sans-serif;
}

.location-landing h2.text-center{
	color:#fff;
	margin-bottom:15px;
	font-weight: lighter;
}

.location-landing .landing-map{
	background:url(../images/map-white-20-lrg.png) no-repeat center;
	display:block;
	background-size:cover;
	width:100%;	
	max-width:78%;
	padding-top:36%;
	margin:0 auto;
	position:relative;
	margin-bottom:150px;
}

.location-landing .location{
	position:absolute;
	cursor:pointer;
}

.location-landing .location:hover > .circle{
	opacity:1;
}

.location-landing .location.us{
	top:-11%;
	left:0px;
	/*width:290px;
	height:290px;*/
	width:39%;
}

.location-landing .location.eu{
	top:10%;
	left:44.5%;
	/*width:100px;
	height:100px;*/
	width:16%;
}

.location-landing .location.au{
	bottom:-24%;
	right:-4%;
	/*width:305px;
	height:305px;*/
	width:40%;
}

.location-landing .location-title{
	color:#fff;
	font-size:24px;
	letter-spacing: .75px;
	font-weight: 500;
	width:100%;
	text-align: center;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	z-index: 10;
}

.location-landing .circle{
	display:block;
	opacity:0.5;
	width:100%;
	padding-top:100%;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
}

.location-landing .circle.us{
	background:url(../images/us-hover-circle.png) no-repeat center;
	background-size:cover;
}

.location-landing .circle.eu{
	background:url(../images/eu-hover-circle.png) no-repeat center;
	background-size:cover;
}

.location-landing .circle.au{
	background:url(../images/au-hover-circle.png) no-repeat center;
	background-size:cover;
}


/**** NEWS TICKER ****/
.location-landing .news-ticker .orange-box{
	width: 100%;
	height: 55px;
	display:block;
	background-color: #d78034;
	text-align: center;
	font-size: 24px;
	line-height: 55px;
	color: #fff;
	margin-bottom:15px;
}

.location-landing .news-ticker .news-feed:before{
	content:'';
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
	margin-top:-35px;
	margin-left:-10px;
}

.location-landing .news-ticker .news-feed{
	position:relative;
	width: 100%;
	padding:35px 15px 30px;
	display:block;
	background-color: #fff;
	text-align: center;
	color:#565656;
	margin-bottom:50px;
	font-size: 24px;
}

.location-landing .news-ticker .news-feed a{
	color:#565656;
}

.location-landing .news-ticker .news-feed article{
	line-height: 45px;
}

.location-landing .news-ticker .news-feed article .news-date{
	font-weight: bold;
}

.location-landing .news-ticker .news-feed article .news-title{
	color:#d78034;
}

@media (max-width:500px){

	.location-landing h2.text-center{
		font-size:20px;
	}

	.location-landing .landing-map{
		background-image:none;
		background-size:auto;
		max-width:100%;
		padding-top:0;
		margin-bottom:30px;
	}

	.location-landing .location-title{
		font-size:24px;
		letter-spacing: .75px;
		font-weight: 500;
		width:100%;
		text-align: center;
		top:auto;
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		z-index: 10;
	}

	.location-landing .landing-map a{		
		background-color: #d78034;
		display:block;
		width:100%;
		margin-bottom:15px;
		text-align: center;
	}

	.location-landing .location.us,
	.location-landing .location.eu,
	.location-landing .location.au{
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		width:100%;
		padding:20px 0;
	}

	.location-landing .circle{
		display:block;
		padding-top:0;
	}

	.location-landing .location,
	.location-landing .location-title{
		position:static;
	}

	.location-landing .circle.us,
	.location-landing .circle.eu,
	.location-landing .circle.au{
		background-image:none;
	}


/*** NEWS TICKER ***/
	.location-landing .news-ticker{
		background-color: #fff;
		margin:0 -15px;
		position: relative;
		padding-bottom:15px;
	}

	.location-landing .news-ticker:before{
		content:'';
		position:absolute;
		left:50%;
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #000;
		/*margin-top:-35px;*/
		margin-left:-10px;
	}	

	.location-landing .news-ticker .orange-box{
		width: 100%;
		height: auto;
		display:block;
		background-color: #fff;
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		line-height: 0;
		padding:40px 0 15px;
		color: #000;
		margin-bottom:10px;
	}

	.location-landing .news-ticker .news-feed:before{
		display:none;
	}

	.location-landing .news-ticker .news-feed{
		padding:0 15px 30px;
		background-color: transparent;
		color:#565656;
		margin-bottom:0px;
		font-size: 18px;
	}

	.location-landing .news-ticker .news-feed article{
		line-height: 0;
		margin-bottom:20px;
	}

	.location-landing .news-ticker .news-feed article span{
		line-height:24px;
	}

	.location-landing .news-ticker .news-feed article .news-date{
		width:100%;
		display:block;		
	}

	.location-landing .news-ticker .news-feed article .news-title{
		color:#d78034;
	}


} /* MAX 500 */