/*
Theme Name: Hemophilia Federation of America
Theme URI: http://www.hemophiliafed.org
Version: 1.0
*/

*:focus { outline: none; }

.button { text-transform: uppercase; }

.button.info
{
   	background-color: #e7e7e7;
	color: #333333;
}
	.button.info:hover, .button.info:focus
	{
		background-color: #b9b9b9;
	}

.xy-center /* parent ele needs to be position: relative; */
{
	position: absolute;
  	top: 50%;
  	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.x-center
{
	/* parent ele needs to be position: relative;
	position: absolute;
  	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.y-center
{
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.orbit-previous,
.orbit-next,
.orbit-bullets button
{
	cursor: pointer;
}
.orbit-previous,
.orbit-next
{
	z-index: 9;
}

body {font-size: 13px;}

body, h1, h2, h3, h4, h5, h6, button
{
	font-family: 'Open Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}

hr
{
	display: block;
	border: 0;
	/* height: 5px;
	background: transparent url('images/divider.png') no-repeat center center; */
	height: 4px;
	background: transparent url('images/divider.gif') repeat-x 0 0;
}
	.page-header hr
	{
		margin-top: 0;
	}
	
a:hover
{
	color: #02294a;
}

.article-highlights h3.highlight,
h1
{
	width: 100%;
	margin-bottom: 1rem;
	padding: 1rem;
	text-transform: uppercase;
	color: #fff;
	background-color: #b32317;
	font-size: 1.4rem;
	font-weight: 600;
}
	h1.newspagetitle
	{
		font-size: 1.750rem !important;
		margin-bottom: 1.875rem !important;
	}
	.page-header h1
	{
		display: block;
		margin: 1rem 0;
		padding: 0;
		color: #00355f;
		background-color: transparent;
		font-size: 1.8rem;
		font-weight: 600;
	}
		.page-header img + h1 { display: none; }
	
	.blog h1,
	.search-results h1,
	.category h1
	{
		width: auto;
		margin-bottom: 0.5rem;
		padding: 0;
		text-transform: none;
		background-color: transparent;
		font-size: 1.6rem;
		font-weight: 600;
		color: #00355f;
	}
	h1 + p.meta
	{
		font-size: 0.9rem;
		font-weight: 400;
		margin-top: -0.5rem;
	}
		
h2
{
	font-size: 1.4rem;
	font-weight: 600;
	color: #00355f;
}

	.page-header h2
	{
		margin: 1rem 0;
		color: #00355f;
		font-size: 1.4rem;
		font-weight: 600;
	}

h3,
h4
{
	font-size: 1.2rem;
	font-weight: 600;
}

h3 { color: #b32317; }
h4 { color: #00355f; }

h5
{
	font-size: 1.1rem;
	font-weight: 400;
	color: #0a0a0a;
}

article { margin-bottom: 100px; }

h6
{
	font-size: 0.95rem;
	font-weight: 600;
	color: #00355f;
}

blockquote
{
    background: #fff url('images/bg_blockquote.gif') repeat-y 0 0;
    margin: 0;
    padding: 0 0 0 1.875rem;
	border-left: 0;
}
	blockquote p
	{
		font: italic 13px;
    	color: #bd2218;
	}
	
/*
TABLES
*/
table {
	width:100% !important;
	margin: 15px 0;
}
table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	text-align: left;
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	padding-bottom:5px;
}

td, th {
	padding: 4px;
}

td
{
	width: auto !important;
	vertical-align: top;
}

thead th,
tfoot th {
	background: #e6ecf2;
	color: #003660;
	font-size: 100% !important;
}

tbody th {
	background: #e6ecf2;
	color: #003660;
	font-weight: bold;
}

tbody tr { background: #FFF; }

tbody tr:nth-child(2n+1) td, 
tbody tr:nth-child(2n+1) th {
	background: #f4f4f4; 
}

/* table a:link {
	color: #718ABE;
	text-decoration: none;
} */

/* table a:visited {
	color: #718ABE;
	text-decoration: none;
} */

/* table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
} */

tfoot th, tfoot td {
	font-size: 85%;
}
table img {
	max-width:inherit !important;
}
#cta-donate
{
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% + 343px);
}
	.admin-bar #cta-donate { top: 32px; }

#header { background-color: #f5f5f5; }
	#header .row-top
	{
		color: #fff;
		background-color: #00355F;
		text-transform: uppercase;
		font-size: 0.8rem;
	}
		#header .row-top img,
		#header .row-top input[type="image"],
		#accorion-mobile input[type="image"]
		{
			cursor: pointer;
			float: left;
			display: block;
			margin-top: 28px;
			margin-right: 10px;
			cursor: pointer;
			width: 16px;
			height: 16px;
		}
			#accorion-mobile input[type="image"]
			{
				float: none;
				margin-top: 0;
			}
		#header .row-top input[type="text"],
		#accorion-mobile input[type="text"]
		{
			float: left;
			width: 208px;
			margin-top: 20px;
			margin-bottom: 0;
			background: none;
			border: 0 none;
			border-bottom: 1px solid #fff;
			border-radius: 0;
			box-shadow: none;
			color: #fff;
			font-size: inherit;
			padding: 0;
			height: 1.6rem;
		}
			#accorion-mobile input[type="text"]
			{
				float: none;
				width: 100%;
				margin-top: 0;
			}
		#header .row-top p
		{
			margin-bottom: 0;
			line-height: 70px;
		}
		#header .row-top a
		{
			color: #fff;
		}
	#header .row-middle { padding: 20px 0; }
	#header hr
	{
		margin-top: 0;
		margin-bottom: 0;
		height: 1px; 
		background-color: #848484;
		background-image: none;
	}
	#header nav { overflow: auto; }
		#header nav button
		{
			float: left;
			display: block;
			padding: 6px 22px 15px 22px;
			line-height: 1.2;
			background: transparent url('images/nav_divider.png') no-repeat right center;
			border-radius: 0;
			cursor: pointer;
			text-align: left;
			text-transform: uppercase;
			/*font-size: 15px;*//*Shouldn't be needed*/
		}
			#header nav button.hover { background-color: #fff; }
			#header nav button:nth-child(1) { width: 200px; }
			#header nav button:nth-child(2) { width: 154px; }
			#header nav button:nth-child(3) { width: 163px; }
			#header nav button:nth-child(4) { width: 168px; }
			#header nav button:nth-child(5) { width: 169px; }
			#header nav button:nth-child(6) { width: 136px; background-image: none; }
			#header nav button strong { font-weight: 700; }
	.dropdown-pane
	{
		left: calc(50% - 500px) !important;
		width: 1000px;
		border-radius: 0;
		border-top: 0 none;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
		font-size:inherit;
	}
		#menu-dropdown-5,
		#menu-dropdown-6
		{
			width: 200px;
		}
		#menu-dropdown-5 { left: calc(50% + 184px) !important; }
		#menu-dropdown-6 { left: calc(50% + 292px) !important; }
		.dropdown-pane h4
		{
			text-transform: uppercase;
			color: #00355f;
			font-size: 1rem;
			font-weight: 600;
			line-height: 1.1;
		}
			.dropdown-pane h4 a { color: #00355f; }
		.dropdown-pane ul { line-height: 1.3; margin-bottom: 0.5rem; }
			.dropdown-pane .columns ul:last-of-type { margin-bottom: 0; }
				.dropdown-pane ul li { margin-bottom: 0.625rem; }
			
#hero
{
	position: relative;
	overflow: hidden;
	height: 355px;
	/*margin-bottom: 45px;*/
margin-bottom: 1rem;
}
	#hero div:before
	{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 355px;
		background-color: #15365e;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		-webkit-filter: blur(10px);
  		-moz-filter: blur(10px);
  		-o-filter: blur(10px);
  		-ms-filter: blur(10px);
  		filter: blur(10px);
	}
		#hero img
		{
			display: block;
			width: auto;
			max-height: 355px;
			margin: 0 auto;
		}
	
	.mission-statement img
	{
		max-width: 100%;
		height: auto;
		margin-top: 1.25rem;
		margin-bottom: 0;
	}
	.mission-statement h1 { display: none; }
	.mission-statement h2
	{
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
		color: #00355f;
		/* text-transform: uppercase; */
		/* text-align: center; */
		text-align: left;
		font-size: 1.4rem;
		font-weight: 600;
	}
	.mission-statement hr { margin-top: 0; }
	
	.bottom-widgets {font-size: 0.8rem;}
	.bottom-widgets h5
	{
		font-size: 1rem;
		font-weight: 600;
		text-transform: uppercase;
	}
	.bottom-widgets h5,
	.bottom-widgets p
	{
		color: #5699cc;
	}
	.bottom-widgets a { color: #02294a; }
	.bottom-widgets a:hover {color: #5699cc;}
	
	.article-highlights h4 
	{ 
		color: #b32317; 
		font-size: 1.2rem;
		font-weight: 600;
	}
	.article-highlights .button { text-transform: uppercase; }

.cta { margin-bottom: 2rem; }
.home .cta { margin-bottom: 0; }
.cta a
{
	float: left;
	margin-right: 0.375rem;
	height: auto;
}
.cta-3 a { width: 329px; }
.cta-4 a { width: 245px;}
.cta-5 a { width: 195px; }
	.cta a:last-child { margin-right: 0; }
	.cta img
	{
		display: block;
		width: 100%;
		height: auto;
	}

	.page-header img { display: block; }

	
	
.breadcrumbs { margin-top: 1rem; }


.article-highlights h3 { width: 60%; }


article ul
{
	margin-left: 2.25rem; /*Indent lists in body copy*/
}
article a
{
	border-bottom: 1px solid #b4e7f8;
	box-shadow: inset 0 -1px 0 #b4e7f8;
	color: inherit;
	-webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
	transition: background .15s cubic-bezier(.33,.66,.66,1);
}
	article a:hover
	{
		/*future styling if they like it*/
		background-color: #e0f6fd;
		border-bottom: 1px solid #5699cc;
		box-shadow: inset 0 -1px 0 #5699cc;
		color: inherit;
		-webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
		transition: background .15s cubic-bezier(.33,.66,.66,1);
	}
		/*Disable underline styles (above) on content buttons*/
		article .button, article .button:hover {
			outline: 0;
			border-bottom:none;
			box-shadow: none;
			-webkit-transition: none;
			transition: none;
		}

article img.alignright { float: right; margin: 0 0 1em 1em; }
article img.alignleft { float: left; margin: 0 1em 1em 0; }
article img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
article a img.alignright { float: right; margin:0 0 1em 1em; }
article a img.alignleft { float: left; margin:0 1em 1em 0; }
article a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.sidebar img.aligncenter,
.sidebar a img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.side-nav
{
	margin-bottom: 2rem;
	/* padding: 15px 15px 15px 25px; */
	/* border: 1px solid #00355f; */
	padding: 15px 0 15px 25px;
	border-left: 1px solid #e1e1e1;
}
	.side-nav ul
	{ 
		margin-bottom: 0; 
		margin-left: 0;
		list-style: none;
	}
		.side-nav ul li 
		{ 
			font-size: 0.8rem;
			font-weight: 600;
			margin-bottom: 0.3rem;
		}
			.side-nav a { position: relative; color: #5699cc; }
			
				.side-nav .current-cat a { color: #bd2218; }
			
			.side-nav ul li:last-child { margin-bottom: 0; }
			
			.side-nav ul .page_item_has_children .children { display: none; }
			
			.side-nav ul .current_page_item > .children,
			.side-nav ul .current_page_parent > .children,
			.side-nav ul .current_page_ancestor > .children
			{
				display: block;
			}
				.side-nav ul ul
				{ 
					margin-top: 0.4rem;
					margin-left: 1.25rem;
					margin-bottom: 0.6rem;
				}
					.side-nav ul a:before
					{
						content: '\203a';
						font-size: 1rem;
						position: absolute;
						top: -5px;
						left: -10px;
					}
		.side-nav .current_page_item > a,
		.side-nav .current_page_ancestor > a
		{
			color: #bd2218;
		}
			.side-nav .children .children a:before
			{
				content: '\2022';
				top: -4px;
			}

.side-ad img
{
	display: block;
	margin-bottom: 2rem;
}

.query-result { margin-bottom: 1.5rem; }
	.query-result a { color: #00355f; }
		.query-result img { border-radius: 50%; }

.orbit { /*margin-bottom: 1rem;*/ }
	.orbit-bullets
	{
		position: absolute;
		bottom: 10px;
		left: 25px;
		margin: 0;
	}
		.orbit-bullets button
		{
    		width: .75rem;
    		height: .75rem;
		}
.program-support
{
	margin-bottom: 1rem;
	padding: 1.250rem;
	background-color: #f4f4f4;
	border: 1px solid #d4e0ee;
}
	.program-support p { margin-bottom: 0; }
	.program-support .row:first-child .columns p
	{
		padding: 10px;
		font-weight: 600;
		font-size: 0.938rem;
	}
		.program-support .row:first-child .columns:first-child
		{
			color: #15365e;
			background-color: #fff;
		}
		.program-support .row:first-child .columns:first-child p { font-size: 1.313rem; }
		.program-support .row:first-child .columns:last-child
		{
			color: #fff;
			background-color: #b32317;
		}
		.program-support .row:first-child .columns p span
		{
			display: block;
			position: relative;
  			top: 50%;
  			-webkit-transform: translateY(-50%);
  			-ms-transform: translateY(-50%);
  			transform: translateY(-50%);
		}

#footer
{
	color: #fff;
	background-color: #00355f;
	font-size: 0.9rem;
	padding: 1rem 0;
}
	#footer h6
	{
		font-style: italic;
		text-transform: uppercase;
	}
	#footer a { color: #9dd4ff; }
	#footer span { color: #5699cc; }
	#footer img
	{
		display: block;
		margin-bottom: 1rem;
	}
	.footer-nav
	{
		margin-top: 1rem;
		margin-bottom: 2.5rem;
		color: #fff;
	}
		#footer .footer-nav a { color: #fff; }
	#social-media { width: 10rem; }
		#social-media li { float: left; }
			#social-media li a 
			{
				display: block;
				width: 2.5rem;
				height: 2.5rem;
				margin-bottom: 1.250rem;
			}
				#social-media li:nth-child(2) a,
				#social-media li:nth-child(5) a
				{
					margin: 0 1.250rem;
				}
				#social-media img
				{
					display: block;
					max-width: 100%;
   	 				height: auto;
				}

#footer-legal
{
	background-color: #02294a;
	color: #5699cc;
	font-size: 0.9rem;
}
	#footer-legal p { margin-top: 1rem; }
	#footer-legal a
	{
		color: #9dd4ff;
	}
	
/*Scholarship Search */
.scholarship-meta
{
	list-style-type: none;
	margin-left: 0;
	padding: 0;
/*	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;*/
	font-size:12px;
}
.scholarship-meta li
{
	/*display:inline-block;*/
	
	display:block;
	
}
.scholarship-meta li.scholarship-deadline{
	/*margin-left:20px;
	padding:0 20px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	float:right;*/
	border-top:1px solid #F2F2F2;
	border-bottom:1px solid #F2F2F2;
}
.scholarship-meta strong
{	
	width:5em;
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #F2F2F2;
	display:inline-block;
}

.home .bottom-widgets ul
{
	margin-left: 0;
	list-style-type: none;
}
	.home .bottom-widgets .widget_twitter li { margin-bottom: 1rem; }

#newsletterSignUp { width: 620px; }
	#newsletterSignUp .close-button { right: 2rem; }
	
#menu-mobile
{
	overflow: auto;
	line-height: 1;
	padding: 0 0.75rem;
	background-color: #4d85c5;
}

#accorion-mobile {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
	
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
	
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
#accorion-mobile.show {
	
    max-height: 1000px;
    overflow: hidden;
}

#accorion-mobile .accordion-title
{
	font-size: 0.813rem;
	text-transform: uppercase;
}
#accorion-mobile .accordion-content h4
{
	margin-bottom: 0.313rem;
	text-transform: uppercase;
	font-size: 0.938rem;
	font-weight: 600;
}
#accorion-mobile .accordion-content ul { margin-bottom: 0.625rem; }
	#accorion-mobile .accordion-content ul:last-child { margin-bottom: 0; }
	
#mobile-hamburger { padding: 0.75rem 0.75rem 0.563rem 0; }
.hamburger-box
{
	width: 20px;
	height: 15px;
}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before
	{
		width: 20px;
		height: 2px;
		border-radius: 0;
		background-color: #fff;
	}
	.hamburger-inner::after { bottom: -6px; }
	.hamburger-inner::before { top: -6px; }
	
.hamburger-label
{
	color: #fff;
	font-size: 0.938rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
	margin-top: -9px;
    vertical-align: middle;
    text-transform: uppercase;
}

.article-highlights .row { margin-bottom: 1rem; }
.article-highlights .row.column { margin-bottom: 0; }

#header-mission-statement
{
	position: relative;
	height: 5.250rem;
}
	#header-mission-statement p
	{
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		font-size: 0.938rem;
		font-style: italic;
		color: #999;
	}
	
.slp_results_container .results_wrapper
{
	margin: 1.250rem 0;
}
	
@media screen and (max-width: 63.9375em) /* 1023px */
{
	.logo-wrapper { text-align: center; }
	#header { background-color: #fff; }
	#header .row-top p { line-height: 34px; }
	#header .row-top .hide-for-large-only a { font-weight: bold; }
	#hero { height: auto; }
	.cta-4 a
	{
		width: calc(25% - 5px);
		margin: 0 3px;
	}
		.cta-4 a:nth-child(1) { margin-left: 0; }
		.cta-4 a:nth-child(4) { margin-right: 0; }
	.cta-3 a
	{
		width: calc(33.33% - 4px);
		margin: 0 3px;
	}
		.cta-3 a:nth-child(1) { margin-left: 0; }
		.cta-3 a:nth-child(3) { margin-right: 0; }
	.article-highlights h3.highlight, h1 { width: 100%; }
	article { margin-bottom: 0; }
	.row-top p.float-left { padding-left: 0.75rem; }
	.row-top p.float-right.hide-for-large a
	{
		display: inline-block;
		padding: 0 10px;
		background-color: #99c52b;
	}
	#header-mission-statement
	{
		overflow: auto;
		height: auto;
		padding: 0 10%;
	}
	#header-mission-statement p
	{
		position: relative;
		bottom: auto;
		right: auto;
		margin: 1.250rem auto 0 auto;
	}
}
@media screen and (max-width: 47.938rem) /* 767px */
{
	hr
	{
		height: 2px;
		background-color: #ccc;
		background-image: none;
	}
}
@media screen and (max-width: 39.938rem) /* 639px */
{
	.program-support { padding: 0.625rem; }
		.program-support .row:first-child .columns:first-child p
		{
			vertical-align: middle;
		}
			.program-support .row:first-child .columns p span
			{
				display: inline;
				position: static;
				top: auto;
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
			}
	.cta-4 a
	{
		width: calc(50% - 3px);
		margin: 0 3px 6px 3px;
	}
		.cta-4 a:nth-child(odd) { margin-left: 0; }
		.cta-4 a:nth-child(even) { margin-right: 0; }
		
	.small-collapse
	{
		/* Removed to fix color and extra space around small screen top-bar*/
		/*
		margin-bottom: 1.250rem;
		padding-right: 0;
		padding-left: 0;
		background-color: #efefef;
		border-top: 1px solid #dedada;
		border-bottom: 1px solid #dedada;*/
	}
		.small-collapse .side-nav
		{
			margin-bottom: 0;
		}
}
@media screen and (max-width: 29.938rem) /* 479px */
{
	.cta-4 a,
	.cta-3 a
	{
		width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 6px;
	}
	blockquote { padding-left: 1.250rem; }
	#accorion-mobile input[type="image"] { margin-right: 5px; }
}