/* INCLUDES
********************/

/* GLOBAL
********************/
.cms img[width="310"] {
	width: 290px;
	margin: 0 auto 10px auto;
}
.cms img[height="182"] {
	height: 170px;
}

/* OBJECTS
********************/
.ico-list > li {
	margin: 0 0 26px 24px;
}
.ico-list > li:last-child {
	margin: 0 0 0 24px;
}
.ico-list > li a {
	padding: 6px 10px 6px 34px;
}
.ico-list > li a:before {
	width: 46px;
	height: 32px;
	padding: 7px 0;
	top: -9px;
	left: -25px;
	font: 30px/32px icons;
}
.overview > li,
.overview > li:nth-child(3n+1),
.overview > li:nth-child(2n+1) {
	clear: none;
	margin: 0 0 25px;
}
.overview > li:last-child {
	margin: 0;
}

/* LAYOUT
********************/
body {
	min-width: 320px;
}
header.main {
	width: 300px;
	padding: 0 10px 5px;
	min-height: 260px;
}
#clear-footer {
	display: none;
}
footer.main {
	height: auto;
	position: static;
	background:
		url(/wp-content/themes/hnhu/_common/images/bg-footer.png) no-repeat center top,
		linear-gradient(to top, #04bdb7 99px, #02e0d9 100px) no-repeat center bottom,
		#019893;
	background-size:
		auto,
		100% 100px;
}
footer.main > .content {
	width: 300px;
	height: auto;
	padding: 25px 10px 0;
}
#center {
	width: 300px;
	padding: 0 10px 35px;
	border: none;
}
#center-shadow {
	display: block;
	width: 380px;
	height: 200px;
	margin: 0 0 0 -190px;
}
@media all and (max-width: 400px) {
	#center-shadow {
		display: none;
	}
}
#center.cols {
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}
#center.cols > .col {
	width: 300px;
	margin: 0 -10px;
}
#center.cols > .col.sidebar,
#center.cols > .col.main {
	width: 300px;
	margin: 0 -10px;
	padding: 15px 10px;
	background: none;
	border: none;
}
#center.cols > .col.sidebar {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 2;
	order: 2;
}

/* HOMEPAGE */
.home header.main {
	height: 386px;
}
.home #center {
	width: 300px;
}
#center .cols > .col.home-overview,
#center .cols > .col.home-sidebar {
	float: none;
	width: 300px;
	margin: 0;
}

/* HEADER
********************/
#logo {
	margin: 26px 0 10px 0;
}
header.main .cta {
	clear: both;
	float: none;
	margin: 0 0 0 28px;
}
header.main .cta-social-media {
	margin: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}

.home header.main .cta-social-media {
		bottom: 25px;
}

header.main nav {
	width: 228px;
	height: auto;
	position: relative;
    border: 1px solid #036461;
}
header.main nav .btn.expand {
	display: block;
	padding: 0;
	position: relative;
	z-index: 120;
	background: none;
	border: none;
	border-radius: 5px 0 0;
	box-shadow: none;
	color: #fff;
	font: 26px/45px icons;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
}
header.main nav .btn.expand.active {
	background: #036461;
	box-shadow: none;
}
header.main nav .btn.expand:before {
	content: "m";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 0;
}
header.main nav .drop {
	display: none;
	width: 278px;
	padding: 10px;
	position: absolute;
	top: 44px;
	left: -1px;
	z-index: 110;
	background: #036461;
	border: 1px solid #036461;
	box-shadow: 0 0 10px #019893;
}
header.main nav .drop > ul.aux {
	position: static;
	height: auto;
	margin: 0;
	padding: 0;
	background: #00726f;
	border-top: 1px solid #04726e;
    border-right: 1px solid #04726e;
    border-bottom: 1px solid #036562;
    border-left: 1px solid #04726e;
}
header.main nav .drop > ul.aux > li {
	float: none;
	margin: 0;
}
header.main nav .drop > ul.aux > li a {
	display: block;
	padding: 5px 8px;
	font: 14px/18px OpenSans;
}
header.main nav .drop > ul.main {
	height: auto;
	margin: 0 0 8px;
	border: 1px solid #04726e;
	border-top: none;
}
header.main nav .drop > ul.main > li {
	float: none;
	border-top: 1px solid #036663;
	border-bottom: 1px solid #036562;
	overflow: hidden;
}
header.main nav .drop > ul.main > li:last-child {
	border-bottom: none;
}
header.main nav .drop > ul.main > li > a,
header.main nav .drop > ul.main > li:first-child > a,
header.main nav .drop > ul.main > li:last-child > a,
header.main nav .drop > ul.main > li.health-topics > a,
header.main nav .drop > ul.main > li.news > a,
header.main nav .drop > ul.main > li.alerts-advisories > a,
header.main nav .drop > ul.main > li.clinics-classes > a,
header.main nav .drop > ul.main > li.reports-studies > a,
header.main nav .drop > ul.main > li.about > a {
	width: auto;
	height: auto;
	padding: 6px 14px 6px 31px;
	background: #01857d;
	border-radius: 0;
	transition: background 0.2s;
}
header.main nav .drop > ul.main > li.subs.expanded {
	/* border-top: 1px solid transparent; */
    border-top: 1px solid #055d5a;
}
header.main nav .drop > ul.main > li:before {
	display: none;
}
header.main nav .drop > ul.main > li.subs:hover ul {
	left: 0;
}
header.main nav .drop > ul.main > li.subs > a:before {
	content: "+";
	display: inline-block;
	width: 31px;
	font: 18px/18px icons;
	position: absolute;
	left: 0;
	text-align: center;
}
header.main nav .drop > ul.main > li.subs.expanded > a {
	background: #036461;
}
header.main nav .drop > ul.main > li.subs.expanded > a:before {
	content: "-";
}
header.main nav .drop > ul.main > li.subs ul {
	display: block;
	max-height: 0;
	padding: 0;
	position: static;
	background: #034846;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-transition: max-height ease-in 0.2s;
	transition: max-height ease-in 0.2s;
}
header.main nav .drop > ul.main > li.subs.expanded ul {
	max-height: 520px;
}
header.main nav .drop > ul.main > li.subs ul > li {
	border: none;
}
header.main nav .drop > ul.main > li.subs ul > li > a,
header.main nav .drop > ul.main > li.subs ul > li:first-child > a,
header.main nav .drop > ul.main > li.subs ul > li:last-child > a {
	color: #fff;
	padding: 6px 40px;
}
header.main nav .drop .btn.close {
	display: block;
    background: #00726f;
    border: 1px solid #034846;
}
header.main nav .drop .btn.close:after {
	content: "X";
	display: inline-block;
	margin: 0 0 0 8px;
	font: 18px/18px icons;
}
#search.expand {
	height: 59px;
}
#search input[type="text"] {
	width: 165px;
	margin: 0 0 3px;
}
#search button {
	width: 63px;
	margin: 0 0 0 10px;
}
#search .filtering {
	position: absolute;
	bottom: 0px;
	padding-bottom:5px;
}

/* HOMEPAGE */
.home #search {
	height: 59px;
}

/* FOOTER
********************/
footer.main nav {
	display: none;
}
footer.main .office-locations,
footer.main .office-hours {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
footer.main .office-hours {
	margin: 0 0 25px;
}
footer.main .office-locations .verb {
	display: inline;
}
footer.main .office-locations ul > li,
footer.main .office-locations ul > li:nth-last-child(-n+2) {
	float: none;
	margin: 0 0 30px;
}
footer.main .office-locations ul > li {
	width: 100%;
}
footer.main .office-locations .adr,
footer.main .office-locations .call {
	width: 140px;
}
footer.main .office-locations .call {
	margin: 0 0 0 20px;
}
footer.main .legal {
	height: 74px;
}
footer.main .legal .copyright,
footer.main .legal .credits {
	float: none;
}
footer.main .legal .copyright {
	margin: 0 0 15px;
}

/* CENTER
********************/
/* sidebar */
#sidebar nav {
	display: none;
}
#sidebar .cta {
	margin: 0;
	padding: 15px 50px 15px 63px;
	position: relative;
}
#sidebar .cta h2 {
	padding: 0;
	position: static;
}
#sidebar .cta h2:before {
	top: 15px;
	left: 10px;
}

/* HOMEPAGE */
/* sidebar */
.home-news {
	width: 320px;
	margin: 0 -10px;
	border-radius: 0;
}

/* main column */
#promo {
	width: 320px;
	height: 543px;
	margin: 0 -10px 22px;
	border-radius: 0;
}
#promo .slides > li {
	width: 320px;
}
#promo .slides > li .img {
	height: 237px;
}
#promo .slides > li .content {
	width: 298px;
	height: 283px;
	padding: 10px;
	top: 237px;
	border-top: 1px solid #444;
}
#promo .paging {
	width: 100%;
	height: 30px;
	margin: 0;
	top: 197px;
	left: 0;
	text-align: center;
}
#promo .paging > li {
	margin: 0 0 0 12px;
}
#promo .paging > li a {
	width: 24px;
	height: 24px;
	border: 3px solid #1a6795;
}
.home-features {
	width: 320px;
	height: 146px;
	margin: 0 -10px 15px;
}
.home-features .slides > li {
	width: 288px;
	height: 114px;
	margin: 0;
	padding: 15px;
	border-radius: 0;
}
.home-features .controls {
	top: 62px;
}

/* Air Quality Report */
#air-quality-report #current-air-quality {
	margin-bottom: 20px;
}

/* Dead Bird Reporting */
.notice.bird-notice {
	width: auto;
}
.found-dead-bird {
	width: auto;
}
.found-dead-bird > li .body {
	float: left;
	width: 202px;
}

/* Beaches */
#beaches .beach-thumb {
	float: none;
	margin-left: 0px;
	width: 290px;
	height: 202px;
}

/* Contact Form */
#sidebar .location-list > li .thb.map {
	float: left;
	border: 0px;
	padding:0px;
	margin-right:10px;
}
#gform_1 .gform_fields > li.gfield input,
#gform_1 .gform_fields > li.gfield textarea {
	width: 288px;
}

/* Reports and Studies */
#reports-and-studies .reports {
	width: 100%;
}
#reports-and-studies .manuals-plans .content {
	width: 190px;
}

/* Reports and Studies - Plans */
#plans > li .content {
	width: 100%;
	margin-top: 10px;
}

/* Reports and Studies - Manuals */
#manual-type-list .manual-list > li .content {
	width: 100%;
	margin-top: 10px;
}

/* Reports and Studies - Toolkits */
#toolkits > li .content {
	width: 100%;
	margin-top: 10px;
}

/* About Us - Subpage*/
.about-columns .content-column {
	width: 379px;
}
.about-columns .image-column {
	display: none;
}

/* Immunization Reporting */
#immunization-reporting input[type="text"] { width: 288px; }
#immunization-reporting .form-fields > li.school-type select,
#immunization-reporting .form-fields > li.school select { width: 300px; }
#immunization-reporting .form-fields > li.date-of-birth .birth-date-items > li.date-of-birth-year select { width: 300px; }
#immunization-reporting .form-fields > li.date-of-birth .birth-date-items > li.date-of-birth-month select { width: 300px; }
#immunization-reporting .form-fields > li.gender #one_student_gender { clear: both; }
#immunization-reporting .form-fields.immunizations > li .year select,
#immunization-reporting .form-fields.immunizations > li .month select {
	width: 300px;
}

/* Tick Reports */
.tick-report table.full-size { display: none; }
.tick-report table.mobile { display: block }
.tick-report table {

}
.tick-report table tbody th {padding:5px;}
.tick-report table tbody th.recommendation {
	width: 99px;
	word-wrap: break-word;
}
.tick-report table tbody th.test-result {
	width: 100px;
}
.tick-report table tbody th.post-result-recommendation {
	width: 97px;
}
.tick-report table tbody .heading {margin-bottom:10px;}
.tick-report table tbody .heading h3 {
	color: #078e89;
	margin-bottom: 0px;
}

/* Car Seat Clinics */
#car-seat-clinic-search { margin-bottom: 20px; }
#car-seat-clinics table.full-size{display:none;}
#car-seat-clinics table.mobile{
	display:block;
	padding: 0px;
}
#car-seat-clinics table.mobile td {
	width: 276px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #d6d6d6;
}
#car-seat-clinics table.mobile td p {
	margin-bottom: 5px;
}
#car-seat-clinics table.mobile td h3 {
	color: #078e89;
}
#car-seat-clinics table.mobile td dl dt {
	font-weight: bold;
	width: 70px;
	float: left;
}
#car-seat-clinics table.mobile td dl dd {
	width: 206px;
	float: left;
}


/* Food Handler Course */
.food-handler-course table.full-size { display:none; }
.food-handler-course table.mobile { display:block; }
.food-handler-course .mobile-wrapper {
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 1px;
	margin-bottom: 20px;
}
.food-handler-course table.mobile {
	border: 0px;
	margin-bottom: 0px;
}
.food-handler-course table.mobile td {
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px solid #cccccc;
}
.food-handler-course table.mobile tr:last-child td { border-bottom: 0px }
.food-handler-course table.mobile td .location-name strong {
	color: #078e89;
}

.food-handler-course table.mobile td dl dt {
	font-weight: bold;
	width: 70px;
	float: left;
}
.food-handler-course table.mobile td dl dd {
	width: 206px;
	float: left;
}
/* Board of Health */
#board-of-health .board-info {
	float: none;
	width: auto;
	margin-left: 0px;
}
#board-of-health .board-info img {
	width: 290px;
	height: 196px;
}

/* Events */
.tribe-events-calendar { display: none; }
#tribe-events-bar {
	display: none;
}