/* ==========================================================================
   State Line Veterinary Hospital — legacy site recreation
   All rules are scoped under .slvh-site so nothing leaks into, or gets
   overridden by, the active WordPress theme's global styles.
   ========================================================================== */

/* --- Breakout wrapper: makes the shortcode fill the full browser width
   and height regardless of how narrow the theme's content column is. --- */
.slvh-site {
	display: block;
	overflow-x: hidden;
	margin-top: 3px !important;
	margin-bottom: 0 !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100vh;
	background: #fff;
	padding: 0;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	color: #435057;
	font-size: 14px;
	line-height: 24px;
}

/* Force content-box everywhere inside — many themes set border-box
   globally, which throws off this fixed pixel-width legacy layout. */
.slvh-site,
.slvh-site * {
	box-sizing: content-box !important;
}

/* This site predates responsive design and is meant to stay that way:
   stop the theme's "responsive image" reset from shrinking fixed-width
   images, and stop theme link/heading/list styles from bleeding in. */
.slvh-site img {
	max-width: none !important;
	width: auto !important;
	height: auto !important;
	display: block;
	border: none;
}
.slvh-site ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.slvh-site a { text-decoration: none; }
.slvh-site h1, .slvh-site h2, .slvh-site h3 { text-transform: none; letter-spacing: normal; }

.slvh-site .surround {width: 787px; margin-left: auto !important; margin-right: auto !important; background: #943B4F; }

.slvh-site .top {padding: 55px 0 0 0; margin: 0 0 10px 0; width: 787px; height: 50px; background: url(../images/stateline.jpg) no-repeat top left; border-bottom: 3px solid #C3BBC5; }

.slvh-site .menu {background: #D4C8D2; width: 553px; padding: 0px; margin: 0 0 0 234px; }
.slvh-site .menu ul {list-style: none !important; margin: 0 !important; padding: 0 !important; }
.slvh-site .menu ul li {float: left; margin: 0; padding: 0; list-style: none; }
.slvh-site .menu ul a {border: solid 2px #D4C8D2; border-right: none; text-decoration: none; float: left; margin: 0; padding: 5px 7px 5px 8px; color: #434F56; font-size: 18px; font-family: "arial narrow", arial, sans-serif; }
.slvh-site .menu ul a:hover, .slvh-site .menu ul a.active {background: #943B4F; color: #D4C8D2; }

.slvh-site .container {width: 759px; margin: 0 0 0 15px; }
.slvh-site .content {background: #fff; padding: 10px 15px 10px 15px; width: 725px; border-left: solid 2px #42535B; border-right: solid 2px #42535B; }

.slvh-site .footer {width: 767px; height: 25px; margin: 10px 0 0 0; padding: 0px 10px 5px 10px; background: #42535B; color: #D4C8D2; border-top: solid 2px #D4C8D2; }
.slvh-site .footer a {color: #D4C8D2 !important; font-size: 11px; }
.slvh-site .footer p {margin: 5px 0 5px 0; color: #D4C8D2; }

.slvh-site .offsides {position: absolute; top: -999px; left: -999px; }

.slvh-site .cornerPic {float: right; margin: -93px 0 0 0; }

.slvh-site .mdMargB {margin-bottom: 15px !important; }
.slvh-site .mdMargR {margin-right: 15px; }
.slvh-site .mdMargL {margin-left: 15px; }
.slvh-site .lgMargB {margin-bottom: 20px !important; }

.slvh-site img.bord {border: solid 1px #42535B !important; }

.slvh-site hr {background: #fff; border: none; margin: 0 0 10px 0; border-bottom: solid 1px #42535B; }

.slvh-site p {margin: 0 0 10px 0; }

.slvh-site .caption {font-size: 12px; color: #000; }

.slvh-site ul.noned {list-style: none !important; margin: 0 0 0 15px !important; padding: 0; }

.slvh-site h1 {font-weight: bold; color: #42535B; font-size: 22px; font-style: italic; margin: 0 0 10px 0px; font-family: "arial narrow", arial, sans-serif; letter-spacing: 1px; }
.slvh-site h2 {font-weight: bold; font-size: 20px; margin: 0 0 7px 0; font-family: "arial narrow", arial, sans-serif; letter-spacing: 0px; }
.slvh-site h3 {font-weight: bold; font-size: 14px; margin: 0 0 0 0; letter-spacing: 0; }

.slvh-site .left {float: left; }
.slvh-site .right {float: right; }

.slvh-site .clear {clear: both; height: 0; line-height: 0; font-size: 0; display: block; }

.slvh-site .form {display: block; }

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

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

.slvh-site .petassure {width: 770px; text-align: right; font-size: 10px; color: #000; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px; margin-top: 5px; }
.slvh-site .petassure a {text-decoration: none; color: #061013 !important; letter-spacing: 1px; }
.slvh-site .petassure a:hover {text-decoration: underline; }