﻿.menu-bar h1 { padding: 0; }
.btnrh .main-area h2 {
	margin-top: 1.25em;
	font-size: 1.25em;
	color: #005480;
}
.btnrh .main-area #contentBox:first-child {
	width: 88%;
	margin: 0;
}
.btnrh .page-main-content,
.btnrh .side-bar,
.btnrh .main-content-full { margin-top: 0; }
#contentBox > div > div[class*="ms-webpart-zone"] {
	position: relative;
	width: 113.9%;
	margin-right: -7%;
	margin-left: -7%;
}
#contentBox > div > div[class*="ms-webpart-zone"]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
}
#contentBox .banner img {
	display: block;
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btnrh .main-area #contentBox:first-child .dynamic.banner p {
	display: block;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	border: 2px solid #4db3d0;
	border-width: 1px 0 2px;
	font-weight: 700;
}
.action-btns-full,
.btnrh .sub-nav .root > li > .menu-item { display: none; }
.btnrh .main-area .page-content .page-main-content .action-btns-full a { background-color: transparent; }
.btnrh .action-btns {
	margin: 0 0 4em;
	text-align: center;
}
.action-btns:before,
.action-btns:after {
	content:"";
	display: block;
	height: 9px;
	background: transparent url('../images/grid-divider.png') repeat-x 0 0 ;
}
.action-btns:before { padding-bottom: 3em; }
.action-btns:after { display: none; }
.btnrh .page-main-content .action-btns a,
.btnrh .page-main-content .action-btns a:hover {
	position: relative;
	display: inline-block;
	margin-left: 4%;
	width: 30.6%;
	background-color: #4db3d0;
	-webkit-border-radius: .571em;
	-moz-border-radius: .571em;
	border-radius: .571em;
	vertical-align: top;
	color: #fff;
	letter-spacing: .5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
.action-btns a:before {
	content: attr(data-title);
	position: absolute;
	bottom: 2%;
	left: 0;
	padding: 0 11%;
	z-index: 0;
	text-decoration: none;
	color: #000;
	letter-spacing: .5px
}
.btnrh .page-main-content .action-btns a:hover { background-color: #71c2d9; }
.btnrh .page-main-content .action-btns a[href*="/hearingservices/"] { background-color: #fdb913; }
.btnrh .page-main-content .action-btns a[href*="/hearingservices/"]:hover { background-color: #fdc742; }
.btnrh .page-main-content .action-btns a[href*="/hearingservices/"] img { border-color: #fdb913 !important; /*OIiSS*/ }
.btnrh .page-main-content .action-btns a[href*="/patientServices/"] { background-color: #afbd21; }
.btnrh .page-main-content .action-btns a[href*="/patientServices/"]:hover { background-color: #bfca4d; }
.btnrh .page-main-content .action-btns a[href*="/patientServices/"] img { border-color: #afbd21 !important; /*OIiSS*/ }
.btnrh .action-btns img { max-width: 98%; }
.action-btns span {
	position: relative;
	display: inline-block;
	padding: 4% 11%;
	z-index: 1;
}
.btnrh .page-main-content .action-btns  a:first-child { margin-left: 0; }
.btnrh .article {
	padding: 1.786em 0;
	font-size: 1.143em;
}
.btnrh .page-main-content .article a {  color: #005480; }
.article .embed-container {
	max-width: 99%;
	margin: .357em 0 .929em;
	padding-bottom: 55.2%;
	border: 2px solid #005480;
}
.kc-icons li { display: inline-block; }
.kc-icons li { margin-left: 7%; }
.kc-icons li:first-child { margin-left: 0; }
.btnrh .side-bar {
	margin-top: 0;
	text-align: left;
}
.calendar {
	margin-bottom: 3em;
	padding: 0 5%;
}
.btnrh .calendar h2 {
	margin: 0 -5%;
	padding: 0 5% .35em;
	border-bottom: 3px solid #4db3d0;
	color: #333;
	font-weight: 400;
}
.career-donate {
	border: 1px solid #c9e8f1;
	border-width: 1px 0;
	text-align: center;
	font-weight: 700;
	font-size: 1.143em;
}
.career-donate img { display: none; }
.btnrh .career-donate a:hover,
.btnrh .career-donate a:active,
.btnrh .career-donate a:focus { background-color: transparent; }
.btnrh .side-bar .career-donate a {
	display: inline-block;
	width: 49.5%;
	padding: .75em 0;
	color: #005480;
	vertical-align: middle;
	border-left: 1px solid #c9e8f1;
}
.career-donate a span {
	display: inline-block;
	padding-right: 1.571em;
}
.btnrh .side-bar .career-donate a:first-child { border-left: 0; }
.main-area .knowledge-center li {
	margin: 2%;
	list-style: none;
	font-size: 1.071em;
}
.btnrh .main-area .button.cal-sm {
	position: relative;
	width: 60%;
	min-width: 10em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 3% 10%;
	font-size: 1.429em;
	font-weight: 400;
	color: #333;
	line-height: 1.2;
	text-align: right;
}
.button.cal-sm > span {
	display: block;
	width: 10.278em;
	margin: 0 auto;
}
.button.cal-sm span span {
	position: relative;
	display: block;
	font-size: 1.556em;
}
	.main-area .button.cal-sm span span:after {
		content: '';
		position: absolute;
		top: -.071em;
		left: 0;
		width: 59px;
		height: 52px;
		background: transparent url('../images/calendar-icon.png') no-repeat 0 0;
	}
	@media only screen and (min-width:34.375em) {
		.btnrh .page-main-content,
		.btnrh .side-bar {
			width: 100%;
		}
		.action-btns { display: none; }
		.action-btns-full { display: block; }
		.action-btns img { margin-bottom: 0; }
		.action-btns a {
			margin-left: 3%;
			width: 31.3%;
		}
	}
	@media only screen and (min-width:34.375em) and (max-width:46.875em), (min-width:64em) {
		.dynamic.banner span {
			width: 60%;
			margin: 0 auto;
		}
	}
	@media only screen and (min-width:46.875em) {
		.btnrh .main-area #contentBox:first-child {
			width: 100%;
			padding: 0;
			float: none;
		}
		.btnrh .page-main-content,
		.btnrh .side-bar {
			position: relative;
			width: 63.75%;
			margin-top: 1.923em;
		}
		.btnrh  .page-main-content { margin-right: 8%; }
		#contentBox > div > div[class*="ms-webpart-zone"] {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
		}
		#contentBox > div > div[class*="ms-webpart-zone"]:before { background: transparent; }
		.btnrh .sub-nav .root > li > .menu-item,
		.action-btns,
		.action-btns:after { display: block; }
		.action-btns-full,
		.action-btns:before { display: none; }
		.btnrh .action-btns {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			padding-top: 0;
			border: 0;
		}
		.action-btns:after {
			position: absolute;
			bottom: -5%;
			left: 0;
			right: 0;
		}
		.btnrh .article,
		.action-btns { padding: 6% 0; }
		.article {
			margin-top: 38%;
			width: 100%; 
			display: inline-block; /* width and display are to stop collapsing margin */
			border-bottom: 0;
		}
		.btnrh .side-bar { width: 28.25%; }
		.career-donate { border: 0; }
		
		.main-area .button.cal-sm { display: none; }
		.btnrh .side-bar .career-donate a {
			width: 87%;
			margin: 0 0 .45em;
			padding: 2% 6%;
			border: 1px solid #a6d9e7;
			-webkit-border-radius: .571em;
			-moz-border-radius: .571em;
			border-radius: .571em;
			font-weight: 400;
			text-decoration: none;
			text-align: left;
		}
		.btnrh .side-bar .career-donate a:first-child { border-left: 1px solid #a6d9e7; }
		.btnrh .career-donate a:hover,
		.btnrh .career-donate a:active,
		.btnrh .career-donate a:focus { background-color: #e0f2f7; }
		.career-donate a span { display: block; }
	}
	@media only screen and (max-width:46.86em) {
		.main-area .calendar { display: none; }
	}
	@media only screen and (min-width:49.5em) {
		.action-btns { display: none; }
		.action-btns-full { display: block; }
		.article {margin-top: 21%; }
	}	
	@media only screen and (min-width:55em) {
		.btnrh .article h2 { margin-top: 0; }
		.article .feat-vid {
			width: 60%;
			float: right;
			margin-left: 5%;
		}
		.btnrh .article .kc-icons { padding-left: 1em; }
		.kc-icons li {
			display: block;
			margin-left: 0;
		}
		.btnrh .kc-icons a:before { margin-right: 1em; }
	}