/* ==========================================================================
   Call Ahead Veterinary - legacy site recreation
   Scoped under .cav-legacy-site so it can't leak into / be overridden by
   the active WordPress theme's global styles.
   Adapted from the original brooklyncallaheadvet.com stylesheet.
   ========================================================================== */

/* Full-bleed page wrapper: breaks out of the theme's content column so the
   legacy design fills the entire browser width, and stretches to the full
   viewport height so there's no gray/blank gap below short pages. */
.cav-fullbleed {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	min-height: 100vh;
	background: #f9f9f9;
	box-sizing: border-box;
}

.cav-legacy-site {
	margin: 5px 0;
	padding: 0;
	font-family: "trebuchet ms", arial;
	font-size: 14px;
	min-height: 100vh;
	box-sizing: border-box;
}

.cav-legacy-site * {
	box-sizing: content-box;
}

.cav-legacy-site .surround {width: 950px; margin-left: auto; margin-right: auto; border: solid 2px #f5f5f5; background: #fff; }

.cav-legacy-site .top {background: url(../images/call-ahead-veterinary.jpg) no-repeat; height: 193px; width: 950px; }

.cav-legacy-site .menu {padding-top: 155px; }
	.cav-legacy-site .menu ul {margin: 0 0 0 15px; padding: 0; list-style: none; }
	.cav-legacy-site .menu li {float: left; color: #010000; font-size: 18px; margin-right: 20px; font-family: arial; }
	.cav-legacy-site .menu a {color: #010000; text-decoration: none; font-size: 18px; font-family: arial; }
	.cav-legacy-site .menu a:hover,
	.cav-legacy-site .menu a.active {color: #fff; }

.cav-legacy-site .container {width: 950px; float: left; }

.cav-legacy-site .content {padding: 10px 0px 0px 0px; width: 950px; }

.cav-legacy-site .leftCol {width: 321px; margin-right: 15px; float: left; }

.cav-legacy-site .copy {padding: 10px 10px 0 10px; width: 594px; float: left; }

.cav-legacy-site .footer {background: url(../images/footer.jpg) top repeat-x; text-align: right; width: 920px; color: #000; font-size: 12px; margin: 0 auto 0 auto; padding: 10px 5px 10px 5px; }
.cav-legacy-site .footer a {color: #000; text-decoration: none; }
.cav-legacy-site .footer a:hover {text-decoration: underline; }

.cav-legacy-site table {margin: 0 0 10px 20px; border-collapse: collapse; }
	.cav-legacy-site td {border: solid 1px; width: 270px; padding: 3px; }
	.cav-legacy-site td.label {width: 150px; }

.cav-legacy-site ul.list {list-style-image: url(../images/bullet.jpg); }

.cav-legacy-site h1 {font-size: 22px; color: #3B2322; height: 33px; font-family: "trebuchet ms", arial; font-weight: bold; letter-spacing: 1px; padding: 0px 0 5px 0; margin: 0 0 3px 0; }
	.cav-legacy-site h1 span {position: absolute; top:-9999px; left: -9999px; }
.cav-legacy-site h2 {color: #40272A; font-weight: normal; font-size: 18px; font-style: normal; margin: 5px 0 5px 0px; padding: 0; }
.cav-legacy-site h3 {font-size: 16px; font-style: normal; margin: 0 0 3px 0px; padding: 0; color: #3E2626; }

.cav-legacy-site .indent {margin-left: 20px; }

.cav-legacy-site p {margin-top: 0; }

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

.cav-legacy-site .note {font-size: 11px; color: #666; padding: 3px 0 0 3px; height: 7px; }

.cav-legacy-site hr {background: #fff; border: none; border-bottom: solid 1px #742520; margin: 0 0 10px 0; height: 1px; }

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

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

.cav-legacy-site textarea.contact {width: 300px; }

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

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

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

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

.cav-legacy-site .smMargB {margin-bottom: 5px; }

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

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

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

.cav-legacy-site img {border: none; max-width: none; height: auto; }

.cav-legacy-site .bord {border: solid 1px #000; padding: 4px; background: #F2F2F2; }

/* Directions page map */
.cav-legacy-site .cav-map-wrap {margin: 0 0 10px 0; }
.cav-legacy-site .cav-map-wrap small a {color: #0000FF; }

/* Gravity Forms sit inside the same copy column but keep their own
   styling rather than fighting the legacy input/label rules above. */
.cav-legacy-site .cav-gform-wrap {width: 594px; }
.cav-legacy-site .cav-gform-wrap label,
.cav-legacy-site .cav-gform-wrap input,
.cav-legacy-site .cav-gform-wrap textarea {
	display: revert;
	width: auto;
	float: none;
	text-align: left;
	margin: revert;
	padding: revert;
}