/* ==========================================================================
   Hepler Animal Hospital - legacy site recreation
   Scoped under .hah-legacy-site to avoid bleeding into the WP theme/admin.
   Original design is fixed-width (820px) and intentionally NOT responsive.
   ========================================================================== */

/* Full-bleed outer wrapper: makes the teal background fill the entire
   browser viewport (width + height) instead of being trapped inside the
   theme's content column. */
.hah-legacy-site {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100vh !important;
	box-sizing: border-box !important;
	background: url(images/background.jpg) repeat-x #59747B !important;
	font-family: arial !important;
	font-size: 14px !important;
	line-height: 160% !important;
}

.hah-legacy-site .surround {width: 820px; margin-left: auto; margin-right: auto; }

.hah-legacy-site .top {height: 150px; width: 820px; background: url(images/header.jpg) no-repeat; }

.hah-legacy-site .menu {
	margin: 0 0 10px 50px;
}

.hah-legacy-site .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.hah-legacy-site .menu ul li {
	float: left;
	margin-left: 3px;
}

.hah-legacy-site .menu ul li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 20px 15px 0 15px;
	border-right: solid 1px #fff;
	text-decoration: none;
}

.hah-legacy-site .menu ul li a.last {
	border: none;
}

.hah-legacy-site .menu ul li a:hover {
	background: url(images/menu-paw.jpg) top center no-repeat;
}

.hah-legacy-site .container {
	margin: 0 auto;
	width: 730px;
	background: #fff;
	padding: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.hah-legacy-site #leftcol {
	width: 120px;
	float: left;
}

.hah-legacy-site .content {
	background: url(images/content-back.jpg) top left repeat-y;
	width: 570px;
	float: left;
	padding-left: 40px;
}

.hah-legacy-site #maincol {
	min-height: 400px;
	background: url(images/paw-back.jpg) bottom right no-repeat;
}

.hah-legacy-site .footer {
	width: 812px;
	margin: 0 auto;
	background: url(images/shadow.jpg) top center no-repeat;
	padding: 10px 0 30px 0;
	font-size: 12px;
	line-height: 120%;
}

.hah-legacy-site #footer-content {
	width: 750px;
	margin: 0 auto;
	color: #FFFFFF;
}

.hah-legacy-site #footer-content a {
	color: #fff;
	text-decoration: none;
}

.hah-legacy-site #footer-content a:hover {
	text-decoration: underline;
}

.hah-legacy-site ul {
	margin-top: 0;
	padding: 0 0 0 25px;
}

.hah-legacy-site h1 {
	font-size: 22px;
	color: #BB5E09;
	margin: 0 0 10px 0;
	padding: 0;
}

.hah-legacy-site h2 {color: #51686F; font-size: 16px; font-style: normal; font-weight: bold; margin: 0; margin-bottom: 2px; padding: 0; }
.hah-legacy-site h3 {font-size: 16px; color: #536871; font-style: normal; margin: 15px 0 3px 0px; padding: 0; font-weight: bold; }
.hah-legacy-site h4 {font-size: 14px; color: #536871; font-style: normal; margin: 15px 0 0px 0px; padding: 0; font-weight: bold; }

.hah-legacy-site ul.services {list-style: none; margin: 0; padding: 0; }
.hah-legacy-site ul.services li {margin-bottom: 8px; }
.hah-legacy-site ul.services a {font-size: 16px; color: #536871; font-weight: bold; text-decoration: none; }
.hah-legacy-site ul.services a:hover {text-decoration: underline; }

.hah-legacy-site p {margin: 0 0 8px 0; }

.hah-legacy-site .small {font-size: 12px; }

.hah-legacy-site i {font-style: normal; }
.hah-legacy-site .italic {font-style: italic; }

.hah-legacy-site .note {font-size: 12px; color: #aaa; }

.hah-legacy-site a {color: #3169B4; }
.hah-legacy-site a:hover {text-decoration: none; }

.hah-legacy-site table {border-collapse: collapse; margin-bottom: 10px; }
.hah-legacy-site table td {padding: 2px 15px 2px 0; vertical-align: top; }

.hah-legacy-site label, .hah-legacy-site input {display: block; margin: 0px 5px 5px 0; padding: 0; }
.hah-legacy-site label {width: 170px; float: left; text-align: right; }
.hah-legacy-site input {margin: 0 0 3px 0; padding: 0; }
.hah-legacy-site input.wide {width: 300px; }
.hah-legacy-site input.med {width: 200px; }
.hah-legacy-site input.small {width: 100px; }

.hah-legacy-site select {float: left; margin-right: 3px; margin-bottom: 3px; }

.hah-legacy-site .offsides {position: absolute; top: -1000px; left: -1000px; }

.hah-legacy-site .mdMargR {margin-right: 10px; }
.hah-legacy-site .mdMargL {margin-left: 10px; }

.hah-legacy-site .lgMargL {margin-left: 20px; }
.hah-legacy-site .xlgMargL {margin-left: 170px; }

.hah-legacy-site .mdMargB {margin-bottom: 10px; }
.hah-legacy-site .lgMargB {margin-bottom: 20px; }

.hah-legacy-site .left {float: left; }
.hah-legacy-site .right {float: right; }

.hah-legacy-site .alignright {
	float: right;
	margin: 0 0 12px 12px;
}

.hah-legacy-site .alignleft {
	float: left;
	margin: 0 12px 12px 0;
}

.hah-legacy-site .clear {clear: both; }

.hah-legacy-site img {border: none; }

.hah-legacy-site .bord {border: solid 1px #aaa; padding: 3px; background: #F4F5F7; }