/*	--------------------------------------------------
				BRIGHT & FRIENDLY THEME
	-------------------------------------------------- */

body { font: normal 13px/19px arial, sans-serif; }

a { font-weight: bold; }
a.more { padding-right: 10px; }

button,
.btn-submit { font-size: 15px; }

header .nav ul { font-size: 18px; }
header .nav ul a { text-transform: capitalize; }
header .nav li.tab { height: 45px; width: 16.66%; }
header .nav li a { display: block; height:45px; line-height: 45px; font-weight: normal; }
header .nav li a:hover { text-decoration: none; }

header .nav ul.links a.tab-link {
  border-radius: 6px 6px 0 0;
  max-width: 177px;
  margin-right: 1px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

header .nav ul.links li:first-child:nth-last-child(7),
header .nav ul.links li:first-child:nth-last-child(7) ~ li {
  width: 14.28%;
}

header .nav ul.links li:first-child:nth-last-child(8),
header .nav ul.links li:first-child:nth-last-child(8) ~ li {
  width: 12.50%;
}

header .nav ul.links li:first-child:nth-last-child(9),
header .nav ul.links li:first-child:nth-last-child(9) ~ li {
  width: 11.10%;
}

header .nav ul.links li:first-child:nth-last-child(10),
header .nav ul.links li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}

header #main-nav .sub-nav { width: 361px; /* overflow: hidden; */ border-width: 6px; border-style: solid; }
header #main-nav .sub-nav ul {  width: 362px; padding: 13px 0; }
header #main-nav .sub-nav li { float: left; width: 150px; padding: 0 15px; text-align: left; border-right: 1px dashed #35332E; }
header #main-nav .sub-nav li a { line-height: 24px; font-weight: bold; background:none; box-shadow: none;}

nav.box { display: block; margin: 15px 15px 15px 0; padding: 4px 0 3px; }
nav.box ol { float: right; }
nav.box li { float: left; padding: 0 4px; }
nav.box li.previous,
nav.box li.next { height: 22px; width: 22px; }
nav.box li.disabled { opacity: 0.5; }
nav.box li.previous a,
nav.box li.next a { display: block; height: 22px; width: 22px; }

div.main { width: 966px; padding: 16px 14px 2px; }
.welcome h1 { font-size: 26px; text-transform: capitalize; }
.welcome a { font-size: 11px; }
.welcome .welcome-msg { display: block; margin-bottom: 4px; padding: 0 20px 10px 20px; }
.contact { padding: 10px 20px; font-size: 11px; }
.welcome .virtual-tour-btn a { width: 144px; height: 52px; }
.welcome .notice { padding-left: 20px; max-height: 30px; overflow: hidden; }
.welcome .notice .article { margin-left: 10px; }
.welcome .appointment { margin-top: 4px; padding-top: 6px; }
.welcome .appointment a { width: 336px; }
.welcome .appointment a,
.welcome .virtual-tour-btn a { display: block; height: 52px; font: 18px/52px normal arial, sans-serif; text-align: center; }

.mod-grid.column-right { margin: 0; }
.column-right .appointment { margin-bottom: 16px; height:52px; width: 233px; }
.column-right .appointment a { display: block; height: 50px; width: 194px; padding: 0 10px 0 30px; font: 14px/52px normal arial, sans-serif; text-align: center; }

.main-content h1 { margin-bottom: 20px; font-size: 26px; line-height: 32px; }
.main-content h2 { font-size: 16px; }
.main-content h3 { font-size: 14px; }
.main-content p { margin-bottom: 1em; }
.main-content ul li { margin-bottom: 1em; }
.main-content ul li li, 
.main-content article li { border: 0; margin-bottom: auto; }
.main-content section { padding-bottom: 30px; }
.main-content nav ul li { margin-bottom: 0; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid { margin-top: 14px; }
.mod-grid .header { position: relative; height: 31px; margin: 3px 3px 0; overflow: hidden; }
.mod-grid .header h2 { padding-left: 16px; font-size: 20px; font-weight: 200; line-height: 31px; text-transform: capitalize; }
.mod-grid .header a.more { font-size: 11px; }
.mod-grid .module-body { margin: 4px 5px 6px; padding: 14px; overflow: hidden; }
.mod-grid li { padding: 3px 0; }
.mod-grid .small .module-body { height: 122px; }

/*	----- Module Specific Styling ----- */
.mod-online-store .header q { font-size: 14px; line-height: 34px; font-style: italic; }
.mod-online-store .header q:before { content: '"' }
.mod-online-store .header q:after { content: '"'; }
div.hproduct h3 .tag { padding: 2px 3px; }
div.hproduct .button { padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.mod-clinic-forms li { padding: 0; }
.mod-clinic-forms .content { margin-bottom: 4px; padding-bottom: 4px; }

.mod-our-staff .nav-background { height: 29px; }

.mod-grid .mod-pets li { padding: 0; border: 0; }
.mod-grid .mod-pets blockquote { font-size: 18px; line-height: 24px; }
.mod-grid .mod-pets cite { font-style: italic; }
.mod-pets .header a.more:before { content: ""; float: left; height: 16px; width: 20px; }
.mod-rows-3 div.pet { padding: 21px 0; }

.mod-grid .mod-offers .coupon { margin: -10px; padding: 10px; height: 115px; }
.mod-grid .mod-offers .coupon h3 { font-size: 18px; line-height: 24px; font-weight: bold; }

.mod-newsletter .module-body { font-weight: bold; }
.mod-newsletter form { margin-top: 5px; padding-top: 7px; }
.mod-newsletter input { margin-right: 3px; height: 29px; }
.mod-newsletter button { border: 0;  }

/*	-------------------------------------
			Page Specific Styles
	------------------------------------ */
.care-guides nav.animal-types a span { background: url('images/animals_sprite.png') 100px 100px no-repeat #768c0f; }
.care-guides nav.animal-types a span.canine { background-position: 11px -7px; }
.care-guides nav.animal-types a span.feline { background-position: -37px -7px; }
.care-guides nav.animal-types a span.equine { background-position: -94px -7px; }
.care-guides nav.animal-types a span.small-animal { background-position: -152px -7px; }
.care-guides nav.animal-types a span.exotic { background-position: -206px -7px; }

.services ol li { float: left; width: 311px; padding: 5px 10px; }
article.service img { display: block; float: left; margin: 0 19px 10px 0; }

.our-staff .clinic-intro .addl-info { width: 217px; }
.our-staff .staff dl { padding-left: 21px; }
.our-staff .staff dd { font-weight: bold; }

footer a { font-weight: normal; }

/* ----- Carousel Overrides ----- */
.mod-rows-3 .module-body .carouselWrapper { height: 473px; }