/* CSS Document */
html, body {
    width: -webkit-calc(100% - 0px);
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
}

/* font styles */
h1 {
	font-weight: 300;
	font-size: 36px;
	line-height: 46px;
	padding:0;
	margin:0 0 30px 0;
}
h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	padding:0;
	margin:0 0 15px 0;
	color:#00539b;
}
h3 {
	color:#000;
	font-size: 22px;
	line-height: 26px;
	padding:0;
	margin:0 0 15px 0;
	font-weight: 600;
}
h4 {
	font-size: 20px;
	line-height: 26px;
	padding:0;
	margin:0 0 30px 0;
}

p {
	margin:0 0 30px 0;
}
a {
	color:#00539b;
	text-decoration: none;
}
a:hover {
    color: #5c9dcc;
    text-decoration: underline;
}

/* header */
div.hero {
	background:url(../images/header-bg.jpg) no-repeat;
	height: 546px;
	background-size:cover;
	background-position: left;
	position: relative;
	background-attachment: fixed;
	background-position-y:27%;
}
div.hero .container {
	padding-left:0;
	padding-right:0;
}
div.logo-container {
	background-color:#00539b;
	width:305px;
	display: block;
	padding:0 20px;
	height: 85px;
	position: fixed;
	z-index: 10000;
}
div.logo-container img {
	padding:21px 0 9px 43px;
}

/* content area */
div.content-area {
	background-color:#f5f5f5;
	overflow: auto;
	padding:40px 0;
}
.cta-container {
	background: url(../images/blue_box.png);
	padding:34px 30px 17px 30px;
	margin-top:-232px;
	z-index: 10;
	position: fixed;
	max-width: 360px;
}
.cta-container .title,
.cta-container-mobile .title{
	font-size: 27px;
	line-height: 34px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
}
.cta-container p,
.cta-container-mobile p{
	color:#FFF;
	font-size: 16px;
	padding:0;
	margin:0 0 35px 0;
	text-align: center;
	font-style:italic;
}
.cta-container a.button,
.cta-container-mobile a.button{
	background-color:#dc4a38;
	display: block;
	font-size: 24px;
	text-align: center;
	color:#FFF;
	padding:10px 0;
	border-radius: 5px;
	margin:25px 0;
	font-weight: 600;
}
.cta-container a.button:hover,
.cta-container-mobile a.button:hover{
	text-decoration: none;
}
.cta-container-mobile a.button {
	max-width: 300px;
    min-width: 180px;
	margin:25px auto;
}
.cta-container-mobile {
	position: absolute;
	bottom:0;
	text-align: center;
	width:100%;
	background: url(../images/blue_box.png);
	/*background-color:rgba(2, 52, 96, 0.85);*/
	padding:20px 15px;
	display: none;
}
.cta-container-mobile .fa {
	font-size: 32px;
}

.map-container {
	background-color:#E6EDF3;
	padding:35px 30px 15px 30px;
	margin:50px 0;
}
.map-container .title {
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	line-height: 28px;	
	font-weight: bold;
	margin-bottom:25px;
}
.map-content p {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 23px;	
}
.map-content p a {
	font-weight: bold;
	color:#00539B;
}


.bottom-cta {
	background-color:#FFF;
	border-bottom:1px solid #b7b7b7;
	text-align: center;
	padding:30px;
	font-size: 18px;
	margin-top:50px;
}
.cta-button {
	display: block;
	background-color: #789940;
	border-radius: 3px;
	padding: 9px 0;
    text-align: center;	
	max-width: 300px;
    min-width: 180px;	
	margin:0 auto;
	color:#FFF;
	text-decoration: none;
	font-size: 18px;
	margin-top:20px;
	font-weight: 600;
}
.cta-button:hover {
	background-color:#9cbf60;
	color:#FFF;
	text-decoration: none;
}

footer {
	background-color:#212121;
	padding:40px 0;
}

footer .copyright {
	color:#FFF;
	font-size: 12px;
	padding-top:10px;
	text-align: right;
}

.mobile-phone-number {
	display: none;
	float:right;
}
.mobile-phone-number a {
	color:#FFF;
	font-size: 12px;
}

@media (max-width: 1200px) {
	div.hero {
		padding-left:0;
		padding-right:0;
		background-attachment: local !important;
		background-size: cover;
	}	
}

@media (max-width: 992px) {
	
	.map-container img {
		margin-bottom:30px;
		width:100%;
	}	
	
	.container {
		padding-left:0;
		padding-right:0;
	}
	
	.best-hospital-callout {
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.best-hospital-callout .badge-img {
		text-align: center;
		margin-bottom: 25px;
	}	
	
	a.read-more-link,
	a.read-less-link{
		display: block;
		width:100px;
		margin:0 auto;
	}	
	
	.patient-story-container,
	.patient-story-container .col-md-8{
		padding-left: 0;
		padding-right: 0;		
	}
	.patient-story .col-md-9 {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.icon-wrap {
		margin: 0 auto;
		overflow: auto;
		width: 150px;
	}	
	
	.fa {
		margin-bottom:20px;
	}
	
	h1 {
		font-size: 30px;
		line-height: 40px;
	}	
	
	
	.title {
		font-size: 14px;
		color:#00539b;
		margin-bottom:10px;
		text-align: center;
	}	
	.story-image {
		margin:0 auto 20px auto;
	}
	
	.patient-story h2 {
		text-align: center;
	}
	
	.checkmark i {
		margin: 0 27px 30px 0;
	}	
	
	.bottom-list .col-md-3 {
		text-align: center;
		margin-bottom:20px;
	}	
	
	div.hero {
		padding-left:0;
		padding-right:0;
		background-attachment: local !important;
		background-size: cover;
	}
	div.hero .container {
		width:100%;
	}	
	div.logo-container {
		height: auto;
		width:100%;
		padding:9px 0;
		text-align: center;
	}
	div.logo-container img {
		padding:0;
		width: 125px;
		margin:0 auto;
	}
	
	div.hero .header-box.expanded div.logo-container {
		text-align:left;
		padding-left:30px;
	}
	div.hero .header-box.expanded .mobile-phone-number {
		display: block;
		padding-right:30px;
	}
	
	.cta-container {
		display: none;
	}
	.cta-container-mobile {
		display: block;
	}
	
	.cta-container-mobile p{
		margin:0;
	}	
	
	footer div {
		text-align: center;
	}
	footer .pull-right {
		float:none !important;
		text-align: center;
		font-size: 12px;
	}
	footer .logo {
		width: 125px;
	}
	
	.patient-img-container img {
		width:250px;
		margin:0 auto;
	}
	
}

@media (max-width: 768px) {
	div.hero {
		padding-left:0;
		padding-right:0;
		background-attachment: local !important;
		background-size: cover;
	}	
}