/***** CSS Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/***** HTML5 display-role reset for older browsers *****/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*************************/
html {font-size:62.5%;}
body {
    color:#393A43;
    font-size:16px;
    font-size:1.6em;
    font-weight:normal;
    font-family:'Open Sans', sans-serif;
    line-height:1;
    background:#FFFFFF;
}
body>iframe {display:none;} /* This kills the empty iframe from captcha that causes a white block at the bottom of the contact page. */
strong {font-weight:bold;}

/***** Default Links *****/
a, a:active, a:visited {color:#aa6bc3;text-decoration:none;}
a:hover {color:#383942;text-decoration:underline;}
.recaptchatable {background:#FFF;}
.recaptchatable a, .recaptchatable a:hover {color:#555 !important;} /*** CAPTCHA Links ***/
#recaptcha_response_field {border:1px solid #CCC !important;padding:5px !important;font-size:14px !important;font-size:1.4rem !important;}

/***** Default Lists *****/
ul.list {
    list-style:disc;
    margin:0;
    padding-left:20px;
}

/***** Default Container Classes *****/
.container {
    width:100%;
    position:relative;
    overflow:auto;
    background:#FFF;
}
header, .inner, footer {
    max-width:1200px;
    position:relative;
    margin:0 auto;
    overflow:auto;
}
header {
    display: flex;
    justify-content: space-between;	
}

/***** Default Headers *****/
h1, h2, h3 {
    display:block;
	color:#393A43;
    font-size:50px;
	font-size:5.0rem;
	line-height:1;
}
h1 {margin-bottom:40px;}
h2 {font-size:30px;font-size:3.0rem;margin-bottom:20px;}
h3 {font-size:22px;font-size:2.2rem;margin-bottom:20px;}

/***** Default Paragraphs *****/
p {line-height:1.7;margin-bottom:20px;}
.grayLine {margin:30px 0;border-top:1px solid #AAA;}
.center {text-align:center;}
.right {text-align:right;}
.white {color:#FFFFFF;}
.bold {font-weight:700;}
.noMargin {margin:0;}
.section.nestedSection {padding:0;}
.bgBlue {background:#393A43;}
.bgGold {background:#BEA7C7;}

/***** Header Section *****/
.header {height:200px;color:#393A43;background:url('/img/bgHeader.png') center 0 no-repeat #cdb1cb;}
header {overflow:visible;}
#logoDiv { display: flex;
    flex-direction: row;
    margin: 14px 5px; }
.logo {height:160px;padding:0 20px;}
.aaha {float:left;width:60px;margin-top:55px;}
.topLinks {float:right;font-weight:700;margin:20px 20px 0 0;}
.topLinks a {color:#393A43;}
.topLinks a:hover {color:#393A43;text-decoration:underline;}
.topContactInfo {float:right;clear:right;font-size:16px;font-size:1.6rem;font-weight:600;margin:30px 20px 0 0;}
.topContactInfo span {float:left;display:block;padding-left:25px;}
.number {    background: url(../img/icons.svg) 0 4px no-repeat;
    padding-left: 20px;}
.hours {margin-left:30px;background:url('/img/icons.svg') 0 -18px no-repeat;}
.socialMedia {float:right;margin:5px 20px 0 0;}
#facebookIcon {
    float:left;
    display:block;
    width:40px;
    height:40px;
    margin-right:10px;
	background:url('/img/facebook40.png');
}

/***** Navigation Menu *****/
nav {clear:both;overflow:visible;text-align:center;background:#FCFCF6;}
.nav {display:inline-block;overflow:visible;background:#FCFCF6;}
.nav li {display:inline-block;}
.nav li a {
    display:inline-block;
    font-size:18px;
	font-size:1.8rem;
	font-weight:700;
    padding:25px 20px;
}
.nav li a, .nav li a:active, .nav li a:visited {color:#393A43;text-decoration:none;}
.nav li a:hover, .nav li a.active {color:#aa6bc3;}
.nav li a.last {border:0;}
/***** Dropdown Menu *****/
ul {
	padding:0;
	margin:0;
	list-style: none;
}
.nav li {
	position:relative;
	padding:0;
	margin:0;
	border:0;
    z-index:9992;
}
.nav li ul {
	display:none;
	position:absolute;
	top:1em;
	left:10px;
	text-align:left;
}
.nav li > ul {
	top:auto;
	left:10px;
}
.nav li ul li {margin:0;background:#fff;}
.nav li:hover ul, .nav li.over ul {display:block;}

/***** Submenu Styles *****/
li.subMenu {background:url('/img/arrow.png') 95% 50% no-repeat;}
.subMenu li {width:180px;}
.nav li li a, .nav li li a:visited {
	display:block;
    font-size:16px;
	font-size:1.6rem;
    padding:10px 0;
    text-indent:15px;
	background:#FCFCF6;
    border-bottom:1px solid #555555;
}
.subMenu li a:link.lastSub {border:0;}
/**************************/
.mobileMenu li {width:100%;background:#ffffff;}
.mobileMenu a {display:block;color:#393A43;font-size:18px;font-size:1.8rem;font-weight:700;padding:15px 0 15px 10%;border-bottom:1px solid #CCCCCC;}
.mobileMenu a:hover {text-decoration:none;}
.mobileMenu ul ul {display:none;background:#FCFCF6;}
.mobileMenu li li {text-align:left;}
.mobileMenu li li a {font-size:16px;font-size:1.6rem;padding-left:15%;}

.emergencies {position:fixed;bottom:0;right:2%;z-index:9;}
.emergencies a {display:block;color:#FFFFFF;background:red;text-align:center;padding:10px 20px;}
.emergencies a:hover {background:#BEA7C7;text-decoration:none;}

/********** Slider ************/
.vegas-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
	width: 100%;
    max-width: 1200px;	
}

#vegasTextBox {
	padding: 30px 40px;
	background: rgba(255, 255, 255, 0.40);
}

#vegasSliderH1 {
    color: #272525;
    font-size: 3.5rem;
    flex-basis: 100%;
}	

#vegasSliderH2 {
    color: #272525;
    font-size: 7.8rem;
    flex-basis: 100%;
}	
#vegasButton {
	border: 2px solid #272525;
    padding: 15px 20px;
    margin-top: 10px;
    color: #272525;
	display: inline-block;
}

#vegasButton:hover {
	background: #272525;
	color: #ffffff;
}
#sliderBackground:hover {
	cursor: pointer;
}	
/***** Content *****/
.mobileMenuLink, .mobileMenu, .mobileOnly, .headerInterior_mobile {display:none;}
.headerInterior {display:block;font-size:0;}
.headerInterior img, .headerInterior_mobile img {width:100%;}
.contentPad {padding:60px 0;}
.about {background:#BEA7C7 url('/img/bwHeart.png') 90% 50% no-repeat;}
.about p {color:#393A43;font-size:26px;font-size:2.6rem;}
a.btnMeetVets, a.btnLearnMore {display:inline-block;color:#393A43;font-size:18px;font-size:1.8rem;font-weight:700;padding:20px 30px;margin-top:20px;background:transparent;border:3px solid #393A43;}
a.btnLearnMore {margin-top:40px;}
.btnMeetVets:hover, .btnLearnMore:hover {color:#FFFFFF;text-decoration:none;background:#393A43;}
.fb_iframe_widget {display:block !important;margin-top:30px;}
.services {background:url('/img/dog.png') 90% bottom no-repeat;}
.serviceList {font-size:30px;font-size:3rem;margin:0;padding:0;}
.serviceList li {padding:15px 0;}
.petPlan {color:#FFFFFF;background:#393A43 url('/img/backgroundLogo.png') 90% 70% no-repeat;background-size:21%;}
.petPlan p {font-size:28px;font-size:2.8rem;font-weight:700;}
.planList {font-size:22px;font-size:2.2rem;list-style:decimal;padding:0 0 0 35px;margin:0;}
.planList li {padding:10px 0;}
a.btnLearnMorePlan, a.btnLearnMorePlan:active, a.btnLearnMorePlan:visited {display:inline-block;color:#BEA7C7;font-size:18px;font-size:1.8rem;font-weight:700;text-decoration:none;margin-top:40px;padding:20px 30px;background:transparent;border:3px solid #BEA7C7;}
a.btnLearnMorePlan:hover {color:#393A43;background:#BEA7C7;border-color:#BEA7C7}
.homeIcons {font-size:18px;font-size:1.8rem;line-height:1.3;}
.iconCircle {margin-bottom:20px;max-width:90%;}
/*.homeIcon {float:left;width:290px;font-size:18px;font-size:1.7rem;margin-right:45px;padding-top:320px;text-align:center;}*/
.boardingIcon {background:url('/img/icons.svg') 0 -1px no-repeat;}
.ePetHealthIcon {background:url('/img/icons.svg') -335px -1px no-repeat;}
.homeDeliveryIcon {margin-right:0;background:url('/img/icons.svg') -670px -1px no-repeat;}
.iconText {display:block;margin-bottom:20px;}
.iconLink {display:block;width:120px;margin:0 auto;}

.pageTitle {font-size:40px;font-size:4.0rem;}
.servicesMenu {margin-bottom:50px;}
.servicesMenu a {font-size:18px;font-size:1.8rem;margin:0 5px;}
.servicesMenu a.active {color:#393A43;}

/***** Lists *****/
.arrowList, .wysiwyg ul {margin:0 0 20px 20px;padding-left:20px;list-style-image:url('/img/arrow.png');}
.arrowList li, .wysiwyg li {padding:5px 0;line-height:1.3;}
.viewAll {display:block;font-size:16px;font-size:1.6rem;margin-top:10px;}

/***** Home Columns *****/
.homeColumnList {border-top:1px solid #AAA;}
.homeColumnList li {float:left;}
.homeColumnNews {width:429px;padding-right:30px;border-right:1px solid #AAA;}
.homeColumnEvents {width:430px;padding-left:30px;}
.listDate {display:block;margin-top:5px;}
.titleDate {display:block;font-size:16px;font-size:1.6rem;margin-top:10px;}

/***** WYSIWYG Content *****/
.wysiwyg {min-height:300px;}
.wysiwyg h2 {font-size:24px;font-size:2.4rem;font-weight:700;}
.wysiwyg p {font-size:inherit;line-height:1.7;}
.wysiwyg p+ul {margin-top:-10px;}
.wysiwyg li+ul {list-style:circle;margin-bottom:0;}
.wysiwyg span {font-size:inherit !important;line-height:inherit !important;}
.imageRight {float:right;margin:0 0 30px 30px;}
.imageLeft {float:left;margin:0 30px 30px 0;}
.imageCenter {display:block;margin:30px auto;}
.videoDescription {margin:10px 0 50px;}
.wysiwyg hr.clearfix {/* uses hr as float clear in wysiwyg -P */}
.wysiwyg hr.clearfix {clear:both;visibility: hidden;height:0;margin:0;padding:0;border:0;} 


/***** News and Events *****/
.newsCopy, .eventDetails {min-height:300px;overflow:auto;}
.newsCopy h2, .eventDetails h2 {margin-bottom:10px;}
.newsImgContainer, .eventImgContainer {float:right;margin-left:30px;overflow:auto;}
.newsImgContainer img, .eventImgContainer img {float:right;clear:right;max-width:300px;margin-bottom:30px;}

/***** Photo Gallery *****/
.photoGalleryImages img {max-width:100%;}

/***** Staff *****/
.staffImage {float:left;margin:0 30px 30px 0;}
.staffCopy {min-height:270px;padding-bottom:30px;margin-bottom:50px;border-bottom:1px solid #CCCCCC;}
.staffCopy h3 {line-height:1.3;margin-bottom:0;}
.staffTitle {color:#04aefb;font-style:italic;font-size:18px;font-size:1.8rem;line-height:1.2;}
.staffContact {margin-bottom:10px;}
.noStaffPic {padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #aaaaaa;}

/***** Facebook Like Button *****/
#FacebookLikeButton {margin-top:20px;}

/***** Contact Section *****/
.contact {background:#FCFCF6;}
.contact h1 {font-size:42px;font-size:4.2rem;}
.contactInfo {font-size:16px;font-size:1.6rem;line-height:1.5;}
.contactInfo span {display:block;}
#map img {width:90%;margin-top:10px;}
#emergencyMap img {height:400px;width:100%;}

/***** Contact Form Table *****/
input, textarea {width:100%;color:#444444;font-size:16px;font-size:1.6rem;font-family:Arial;padding:15px 0;text-indent:10px;margin-bottom:10px;border:1px solid #CCCCCC;}
textarea {width:98%;padding-left:10px;text-indent:0;}
#recaptcha_response_field {color:#58595B;padding:5px;border:1px solid #DFDFDF !important;}
.recaptchatable {background:#FFFFFF;}
.recaptchatable a, .recaptchatable a:hover {color:#555555 !important;font-size:14px;font-size:1.4rem;} /*** CAPTCHA Links ***/
#recaptcha_response_field {font-size:14px !important;font-size:1.4rem !important;text-indent:0;padding:5px !important;border:1px solid #CCC !important;}
input.submitButton {
    color:#FFFFFF;
    width:auto;
	text-indent:0;
    padding:15px 25px;
    margin:10px 0 0;
    border:0;
	transistion: 0.3s;
    background:#393A43;
	-webkit-appearance:none; /* kills weird styling Apple does to the button on the phone. Dumb Apple. */
}
input.submitButton:hover {cursor:pointer;background:#BEA7C7;}

/***** Form Error Message *****/
#errorMessage, #successMessage {
    width:auto;
    color:#FFFFFF;
    line-height:24px;
    padding:20px;
    margin-bottom:20px;
    border:1px solid #CCC;
    background:#CC3333;
}
#successMessage {
    color:#58595B;
    padding-left:70px;
    background:#DFF2BF url("../img/greenCheck.png") no-repeat 10px 50%;
}
span.errorGeneral, span.errorLine {display:block;}
span.errorLine {text-indent:15px;}

/***** Footer *****/
.footer {color:#FFFFFF;line-height:2;padding:30px 0}
.footer a {color:#FFFFFF;}
.footer a:hover {color:#BEA7C7;text-decoration:none;}

#topButtons {
    font-weight: 700;
    text-align: right;
    margin-bottom: 20px;
    margin-top: -20px;
}

#topButtons a {
	background: #383942;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

#topButtonsMobile a {
	background: #383942;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}

#topButtonsMobile a.headerTelemedicine, #topButtons a.headerTelemedicine { 
	float: right;
}
#topButtons a:hover, #topButtonsMobile a:hover {
	text-decoration: none;
	background: #BEA7C7;	
}

#topButtonsMobile { display:none;}	

#headerContactUs {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
#headerContactUs a {
	transition: 0.3s;
}
	
#headerContactUs a:hover {
	opacity: 0.7;
}
a#petriageInfo {
	color: #000;
    background-color: #fff;
	border: 1px solid #ccc;
	padding:15px;
}
a#petriageInfo:hover { background:#BEA7C7;opacity: 0.7;}
.emergencies img { width:180px; display: block;margin-bottom:5px;}
.designedBy { font-size:14px;font-size:1.4rem;}

#topButtons a:first-child {
    margin-right: 10px;
}

.petriageHeader {
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
#petriageText { padding: 10px 16px;}
#petriageText a:link, #petriageText a:visited { color: #393A43 }
#petriageText a:hover { text-decoration: none;color: #000; }

.petriageHeader img { height: 40px;vertical-align:middle;}

.stickyHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

/* Back to top */
.backToTop:link, .backToTop:active, .backToTop:visited {float:right;display:none;position:fixed;bottom:5%;right:2%;color:color(display-p3 0.891 0.519 0.917);font-size:18px;font-size:1.8rem;padding:15px 10px 10px;text-align:center;-webkit-transition: background-color 0.2s ease-in-out;-moz-transition:background-color 0.5s ease-in-out;-o-transition:background-color 0.5s ease-in-out;transition:background-color 0.5s ease-in-out;z-index:999;width:40px;}
.backToTop:hover {opacity: 0.8;}