/*
NOTES:
All block elements have border-box added to them in normalize, even 'div'

colors:
blue gradient in header (top to bot): #e7f1f8  #c1def2
text blue: #0083be
blue line: #065ea8
form blue bg: #e7f1f8
gradient bar on top n bottom: #e6e6e6 to #fff

font-size:
based on 16px or 100%
*/

/* ======================= *
| Mobile First Styles |
* ======================= */
@font-face { font-family: 'NewsGothicStdRegular';
src: url('/rs/hilemancleveclinic/images/newsgothicstd-webfont.eot');
src: url('/rs/hilemancleveclinic/images/newsgothicstd-webfont.eot?#iefix') format('embedded-opentype'),
url('/rs/hilemancleveclinic/images/newsgothicstd-webfont.woff') format('woff'),
url('/rs/hilemancleveclinic/images/newsgothicstd-webfont.ttf') format('truetype'),
url('/rs/hilemancleveclinic/images/newsgothicstd-webfont.svg#NewsGothicStdRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
	font-family: 'newsgoth_btroman';
	src: url('/rs/hilemancleveclinic/images/tt0047m_-webfont.eot');
	src: url('/rs/hilemancleveclinic/images/tt0047m_-webfont.eot?#iefix') format('embedded-opentype'),
	url('/rs/hilemancleveclinic/images/tt0047m_-webfont.woff') format('woff'),
	url('/rs/hilemancleveclinic/images/tt0047m_-webfont.ttf') format('truetype'),
	url('m/rs/hilemancleveclinic/images/tt0047m_-webfont.svg#newsgoth_btroman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'newsgoth_btitalic';
	src: url('/rs/hilemancleveclinic/images/tt0048m_-webfont.eot');
	src: url('/rs/hilemancleveclinic/images/tt0048m_-webfont.eot?#iefix') format('embedded-opentype'),
	url('/rs/hilemancleveclinic/images/tt0048m_-webfont.woff') format('woff'),
	url('/rs/hilemancleveclinic/images/tt0048m_-webfont.ttf') format('truetype'),
	url('/rs/hilemancleveclinic/images/tt0048m_-webfont.svg#newsgoth_btitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'newsgoth_btbold';
	src: url('/rs/hilemancleveclinic/images/tt0049m_-webfont.eot');
	src: url('/rs/hilemancleveclinic/images/tt0049m_-webfont.eot?#iefix') format('embedded-opentype'),
	url('/rs/hilemancleveclinic/images/tt0049m_-webfont.woff') format('woff'),
	url('/rs/hilemancleveclinic/images/tt0049m_-webfont.ttf') format('truetype'),
	url('/rs/hilemancleveclinic/images/tt0049m_-webfont.svg#newsgoth_btbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*icons*/

@font-face {
	font-family: 'icomoon';
	src:url('/rs/hilemancleveclinic/images/icomoon.eot?4rhaqv');
	src:url('/rs/hilemancleveclinic/images/icomoon.eot?#iefix4rhaqv') format('embedded-opentype'),
	url('/rs/hilemancleveclinic/images/icomoon.woff?4rhaqv') format('woff'),
	url('/rs/hilemancleveclinic/images/icomoon.ttf?4rhaqv') format('truetype'),
	url('/rs/hilemancleveclinic/images/icomoon.svg?4rhaqv#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"]{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-pointer:before {
	content: "\e601";
}
.icon-calendar:before {
	content: "\e600";
	color: #065ea8;
}
.icon-idea:before {
	content: "\e602";
	color: #065ea8;
}
.icon-lock:before {
	content: "\e604";
	color: #0681c2;
}

.formHide {
	display: block!important;
}

.formHideFull {
	display: none!important;
}

/*tags*/
body{font-family:Arial, Helvetica, sans-serif; font-size: 100%; color: #333; background: #fff; line-height: 1.35em;}
h1,h2,h3,h4,p{padding:0; margin:0;}
h1, h2{font-weight:normal; font-family: NewsGothicStdRegular, Arial, sans-serif; color:#0083be; line-height: 1.25em;}
h1{font-size: 2.5em; margin: .4em 0 .4em;}
h2{font-size: 1.5em; margin: 0 0 .4em;}
h3{font-size: 18px; font-weight:bold; margin: .5em 0;}
.main p {margin: 1em 0;}
a{color:#0083be}
a:hover{color:#0073A7;}


/*main elements */
.callout:after,
.container:after,
.content:after,
header:after,
.main:after,
.col-full:after,
.secondary:after,
figure.guideCover:after,
.form:after,
div.clear{clear:both; height:0; overflow:hidden; display:block; content: " ";}
.container{max-width: 60em; margin:0 auto; background: #fff; -moz-box-shadow: 0 0 2.25em #C9DBE9; -webkit-box-shadow: 0 0 2.25em #C9DBE9; box-shadow: 0 0 2.25em #C9DBE9;}
.lt-ie9 .container{border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF;}
.content{padding: 1.75em 1.875em 0;}
.form-content{padding: 0 1.875em 0;}
div.container > .content{padding-bottom: .5em; position:relative;}
header{min-height: 10.19em;}
#CCF-Logo{display:inline-block;}
#ccfLogo{color: transparent;float:left; margin-bottom: 1em;}
#ccfLogoChildrens{display:inline-block;max-width: 100%;}
#ccfLogoChildrens img{max-width:100%;}

#utility{text-align: right;}
#utility .social {margin: .75em 0;}
div.gradientBar{
	display:block;
	width: 100%;

	border:0;
	border-bottom: #ccc 1px solid;
	margin: 0;
	padding: 0;
	height: 27px;
	background: url(/rs/hilemancleveclinic/images/CC-LP-bg-topGradient.png) left bottom repeat-x #fff;
	background: -moz-linear-gradient(#fff,#e6e6e6);
	background: -webkit-linear-gradient(#fff,#e6e6e6);
	background: -o-linear-gradient(#fff,#e6e6e6);
	background: linear-gradient(#fff,#e6e6e6);
}
div.gradientBar.bot{
	background: url(/rs/hilemancleveclinic/images/CC-LP-bg-botGradient.png) left top repeat-x #fff;
	background: -moz-linear-gradient(#e6e6e6,#fff);
	background: -webkit-linear-gradient(#e6e6e6,#fff);
	background: -o-linear-gradient(#e6e6e6,#fff);
	background: linear-gradient(#e6e6e6,#fff);
	border:0;
	border-top: #ccc 1px solid;
}

.main{position:relative;}
.subHead{
	position:relative;
	min-height: 14em;
	background: url(/rs/hilemancleveclinic/images/CC-LP-bg-subHeader.png) left bottom repeat-x #e7f1f8;
	background: -moz-linear-gradient(#e7f1f8,#c1def2);
	background: -webkit-linear-gradient(#e7f1f8,#c1def2);
	background: -o-linear-gradient(#e7f1f8,#c1def2);
	background: linear-gradient(#e7f1f8,#c1def2);
}
.subHead:after{ background: #065ea8; height: 6px; display:block; width: 100%; clear:both; content:' '; position:absolute; bottom:-6px; left:0;}

#hero{width:100%; min-width:360px;}
.lt-ie9 #hero img{width:auto; min-width:auto;}
.form{background:#e7f1f8; padding: 1em 1.25em 1.25em; margin-left:auto; margin-right: auto;}
.callout{border:3px solid #bbb; padding: 1.13em; margin-bottom:2.125em; width: auto; position:relative;}
.callout .text{padding-left:4.25em; float:left;}
.callout .mktoImg{width: 48px; width:50px; float:left; height: 44px; font-size: 3.687em; position:absolute; top:16px; left: 12px; }
#Callout1-Img {width: 48px; width:50px; float:left; height: 44px; font-size: 3.687em; position:absolute; top:16px; left: 12px; }
#Callout2-Img {width: 48px; width:50px; float:left; height: 44px; font-size: 3.687em; position:absolute; top:16px; left: 12px; }
figure.guideCover img{/*-moz-box-shadow: 0 0 .5em rgba(0,0,0,.4); -webkit-box-shadow: 0 0 .5em rgba(0,0,0,.4); -o-box-shadow: 0 0 .5em rgba(0,0,0,.4); box-shadow: 0 0 .5em rgba(0,0,0,.4);*/ margin-bottom:1em;}
figure + ul,img + ul{overflow:hidden; padding-left: 1.5em;}
.content figure{display:inline-block; float:left; margin-bottom:1.4em;}

/*.lt-ie9 figure.guideCover img{border:1px solid #ccc;}*/
.secondary {/*over-ride the absolute positioning put on by the id*/position: relative !important;}
.mktoAsterix{color:red;}
div.privacy{text-align:right; margin: 1.25em auto 1em; }
div.privacy p{font-size: .75em;}

.new_footer .footer_title{display:block; float:left; width:100%; box-sizing:border-box;}
.new_footer .footer_title:after{content:''; display:block; clear:both; height:12px;}
.new_footer a{display: inline-block; float: left; margin-right: 5px; margin-bottom: 6px;}
.new_footer a > img.icon {display:inline-block; width: 36px; height: 36px;}
.new_footer a > img.hub {display:inline-block; height: 36px; width:109px;}


/*form styles*/
input[type=text],
input[type=email],input[type=date]{width: 100% !important; padding: .125em .4em !important; border: 1px solid #ccc; box-sizing: border-box; height: 1.875em !important;}
.mktoButtonWrap .mktoPurpleCandy{margin-left:0 !important;}
button[type=submit].mktoButton{border:0; display:inline-block; float:left; margin-top: 1em; text-align: center; padding: .55em 1em .58em; color:white; font-family: inherit; border-radius: 4px; font-size: 1.125em; clear:both; white-space:nowrap;
	background: #2770a1;
	background: -moz-linear-gradient(#2770a1,#184563);
	background: -webkit-linear-gradient(#2770a1,#184563);
	background: -o-linear-gradient(#2770a1,#184563);
	background: linear-gradient(#2770a1,#184563);
}
button[type=submit].mktoButton:after{content: "\e601"; display:inline-block; font-size:19px; color:#fff; width: 19px; height: 19px; vertical-align: middle; margin-left: 14px;
font-family: 'icomoon'; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

button[type=submit].mktoButton:hover{background:#184563;}
.mktoButtonRow{width: 100%;}
.mktoFieldWrap > div.mktoHasWidth{width: 100% !important;}
.form h3{margin: 0 0 .5em; border-bottom:3px dotted #fff; width: 100%;}
.form div[style]{width: auto !important; clear: both;}
.form label{margin-top: 0.5em; width: auto !important; display: inline-block !important; float: none !important; text-align:left !important;}
.mktoForm .mktoFormCol{width: 100%;}
.form input[type=checkbox] + label{display:block !important; box-sizing:border-box; margin-left:0; padding-left: 1.5em;}
.form label .mktoAsterix {float: left !important; padding-left: 0 !important; padding-right: 4px !important;}
.mktoForm .mktoLabel {padding-top: 0.8em !important;}
.yesIdLikeTo { margin-top: 0.75em !important; padding-top: 0.75em !important; border-top: 2px dotted #75797C; padding-bottom: 1.25em !important;}
.subHead a > img[src*='download_btn.gif'] {margin-bottom: 12px;}

.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label{display:block !important;}
#mkto_gen_hero{width: 40%; float:right;overflow: hidden;}

/*SOCIAL SHARE STYLES*/
.inline-ul{display:inline-block; margin: 0; padding: 0;}
.inline-ul li{display: inline-block;}
.share-nav{display: inline-block; margin-bottom: 6px; float:right;}
.share-nav a{display: inline-block; -webkit-transition: 120ms all cubic-bezier(.06,.53,.49,.99); transition: 120ms all cubic-bezier(.06,.53,.49,.99)}
.share-nav a:hover{-webkit-opacity:.8; opacity:.8; }
.share-nav a > img{width: 36px; height: 36px;}


/* ===================== *
| Media query styles |
*  ===================== */


@media only screen and (min-width: 20em) and (max-width: 40em) {
	.content{padding: 1.75em 1em 0;}
}

@media only screen and (max-width: 47.063em) {
	menu, ol, ul {padding: 0 0 0 10px;}
	.container{margin: 0 0.6em;}
	#hero{display:none;}
	.main{margin-bottom:1em;}
	.secondary{clear:both; max-width: 38em; margin-left:auto; margin-right:auto; width: 100% !important;}

	} /* max-width 754px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (max-width: 40.063em) {

	#ccfLogoChildrens{ padding-bottom:1em; max-width: 268px;}
	#utility{clear:both;}
	.guideCover{padding-top: 200px;position:relative;}
	.guideCover figure{position:absolute; top:0; left:0; width: 100%; margin-top:1.25em;}
	.guideCover figure img{display: block; margin:auto;}

	.container .main{ padding-top: 1em;}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	h1 {font-size: 2em;}
	#utility{width: 40%; float:right;}
	figure.guideCover{width: 10em; float:left; display:inline-block;}
	.lt-ie9 figure.guideCover + ul{margin-left: 7.8125em;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

			@media only screen and (min-width: 47.125em) and (max-width: 64em) {
				.container{margin: 0 1em;}
				#utility{width: 40%; float:right;}
				#hero{float:right; width: 40%; overflow:hidden;}
				.subHead .content {width: 60%;}
				.main{width:59%; float:left; padding-right:1em;}
				.long-width {width:100%;padding-right:0;}
				.col-full {width:100%;padding-bottom:2em}
				.secondary{width:38%; float:right;}
				} /* min-width 754px and max-width 1024px, use when QAing tablet-only issues */

				/* Large screens */
				@media only screen and (min-width: 64.063em) {
					#utility{width: 40%; float:right;}
					#utility .social{}
					.subHead{/*height:16.875em;*/}
					.subHead .content {width: 60%;}
					#hero{float:right; width: 100%; display:block;}
					.callout{float:right; clear:both;}
					.main{width:59%; float:left; padding-right:1.5em;}
					.long-width {width:100%;padding-right:0;}
					.col-full {width:100%;padding-bottom:2em;}
					.secondary{width:38%; float: right;}
					figure.guideCover{float:left; width: 7.8125em;}
					figure.guideCover + ol,
					figure.guideCover + ul{margin-left: 7.5em;}
					} /* min-width 1025px, large screens */