@charset "utf-8";

* { padding: 0; margin: 0; border: none; }
html { min-height: 100%; }
body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #58595b; font-size: 1em; }

p, .cannabis-container p {margin-bottom: 20px; line-height: 23px;}

h1 { font-size: 40px; color: #0098d2; margin-bottom: 15px; line-height: 45px;}
h2 { font-size: 33px; color: #fcb040; margin: 30px 0 6px; font-family: "Bree Serif"; }
h3 { font-size: 22px; color: #0098d2; margin: 51px 0 15px; line-height: 130%; font-family: "Bree Serif";}
h4 { font-size: 18px; color: #b4c93b; margin: 0 0 0; font-weight: normal;}
h5 { font-size: 16px; color: #fcb040; margin: -6px 0 -3px; font-weight: normal;}
a, a:hover { text-decoration: none;}

hr { margin: 40px 0; border: 1px solid #eee; }

/* ----------Start Mobile Navigation --------> */
.container { width: 100%; background-color: #0098d2; }
.toggleMenu { display:  none; padding: 6px 15px 10px; color: #FFFFFF; font-size: 20px; font-weight: bold; width: 100% }
.toggleMenu img { float: right; margin: 4px 30px 0 0; width: 28px; height: 20px; }
.nav { list-style: none; *zoom: 1; background: #20b1e8; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em; }
.nav a { padding: 10px 15px; color:#fff; }
.nav li { position: relative; }
.nav > li { float: left; border-top: 1px solid #0098d2; }
.nav > li > .parent { background-image: url("../img/downArrow.png");   background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; background: #5dc7f0;position: relative; z-index:100; border-top: 1px solid #0098d2; }
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62; }
.active { display: block; }
.nav > li { float: none; }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url("../img/downArrow.png"); 	background-repeat: no-repeat; background-position: 95% 50%;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }

/* End --------------------- End Responsive menu */

.container { display: none;}
#col1of2 a, #col1of1 a, #footer-sitemap a {color: #0098d2;}
#col1of2 a:hover, #col1of1 a:hover, #footer-sitemap a:hover {color: #fcb040;}
#footer-copyright a:hover {color: #A3A3B2;}
.footer-box .learn-more a, .footer-box2 .learn-more a, .footer-box-right .learn-more a, #sidebar-need-price a {color: #fff;}
.footer-box. .learn-more a:hover { color: #dae49d; }


#utility-wrapper, #logo-wrapper, #nav, #slider, #cta-wrapper, #footer-wrapper, #footer-logo, #footer-sitemap, #footer-copyright {font-size: 15px; margin: 0 auto; width: 990px; color: #6ac0e1;}

#utility-wrapper { text-align: right; margin: 2px auto 0; height: 25px; font-size: 13px; }
#utility-wrapper img { padding: 7px 0 0 2px; width: 11px; }
#utility-wrapper a, #utility-wrapper a:visited { color: #0098d2; }
#utility-wrapper a:hover { color: #fcb040; }




#logo-wrapper {height: 110px;}
#logo {width: 316px; float: left; }
#logo img {margin:5px 28px; width: 100%; }
#slogan {width: 300px; float: right; margin: 28px 1px 20px 10px; font-size: 26px; line-height: 32px; text-align: center; font-weight: 300; color: #fcbd42;font-style: italic;}
#mobile-banner { display: none; }





/* START ---------------- menu */
#nav { height: 39px; margin: 50px auto 0; text-align: center; text-transform: uppercase; font-size: 19px; }
#nav ul ul { display: none; }
#nav ul li:hover > ul { display: block; }
#nav ul { list-style: none; position: relative; display: inline-table; margin: 0;}
#nav ul:after { content: ""; clear: both; display: block; }

#nav ul li { float: left; padding-right: 40px; height: 39px; }
#nav > ul > li:first-child { float: left; }
#nav > ul > li:last-child { float: left; padding-right: 0; }

#nav ul li:hover ul { background: #f0f0f1; }
#nav ul li a { display: block; color: #0098d2; }
#nav ul li a:hover { color: #fcbd42; }
.no-hover { cursor: default; color: #0098d2; }

/* Level 2 */
#nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin: 0 0 0 -12px; z-index: 999;}
#nav ul ul li { float: none; border-bottom: 2px solid #fdbd42; position: relative; font-size: 15px; text-align: left; background: #faefdb;}
#nav ul ul li { padding: 0 33px 6px 6px; }
#nav ul ul li:first-child { float: none; }
#nav ul ul li:last-child { float: none; border-bottom: 0px solid;}
#nav ul ul li a { padding: 10px 10px; }	
/* End Level 2 */

#nav ul ul ul { position: absolute; left: 100%; top:0; }
/* End --------------------- End Full menu */



#slider-bg {background:#fdbd42 url('../img/slider-bg.gif') center; /* height: 410px; */ }

.transparent {color: #fff; opacity: 0.5; filter: alpha(opacity="50");  } /* Used in top-cta-row.html */

#orange-bar { height: 21px; background: #fcbd42; margin: 0 auto; }
#content-wrapper { margin: 0 auto; width: 990px; overflow: auto; color: #404041; background: #fff; }
.home #content-wrapper { padding-top: 20px; }

#col1of1 { margin: 30px 30px 30px 61px; width: 900px;  }
#col1of2, .sub #col1of2 { width: 100%; margin: 65px 0 30px; }
#col1of2 ul, #col1of1 ul { margin: 0 0 22px 43px; line-height: 21px; }

.larger-font {font-size: 20px; line-height: 25px; font-weight: 600;}

.contact-today {text-transform: uppercase; margin: 15px 17px 0; text-align: right; font-size: 15px;}
.contact-today a { color: #fff;}


.bio { border-radius: 7px; overflow: auto; }
.bio img { max-width: 160px; float: left; margin: 0 20px 20px 0;}
.bio h3 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 20px; color: #0098d2; margin: 0 0 2px 0; }

.gallery-title  { border-bottom: 1px solid #ccc; padding-bottom: 40px; min-height: 105px; }
.gallery-title h3 a { color: fcb070;}
.gallery-title a:hover { color: #0098d2; }
.gallery-title img { max-width: 160px; float: left; margin: 0 20px 20px 0; }
.gallery-title h3 { font-size: 26px; color: #fcb040; margin: 30px 0 6px 0; }
.see-gallery { font-size: 80%; float: right;}
#back-to-gallery { float: right; font-size: 15px;}

.thumb { max-width: 150px; max-height: 150px; border-radius: 6px;}
.gallery-table {width: 100%; }
.gallery-table td { width: 20%; text-align:center;}
.image-float-right { float: right; margin: 10px 0 30px 70px;  max-width: 400px; }
.image-float-left { float: left; margin: 10px 70px 30px 0; max-width: 400px; }
.image-full { max-width: 550px; height: auto; }

#testimonial {clear: both; margin: 0 76px 0 60px; padding: 50px 0 130px; font-size: 24px; font-weight: 300; color: #fff;}
#testimonial p {text-align: center; line-height: 31px; margin-bottom: 0;}
#testimonial-name {text-align: right; padding-right: 12px; line-height: 32px;}



.sub-footer { width: 100%; margin-top: 80px; overflow: auto; }
.map-row { width: 49%; float: left; border-right: 20px solid white; }
.map-row iframe { width: 100%; height: 520px; }
.sub-footer-right { width: 49%; float: right; }
.sub-newsletter { background-color: #6ac0e1; overflow: auto; height: 250px; }
.newsletter-content { width: 230px; padding: 20px 30px 30px 30px; }
	.newsletter-content h2, .hours-content h4 { font-size: 26px; color: #fff; font-weight: normal; margin-top: 0; font-family: "Bree Serif"; }
	.newsletter-content p { font-size: 16px; color: #fff;}

.sub-hours { background-color: #fcb040; height: 250px; margin-top: 20px; }
.hours-content { width: 260px; padding: 20px 30px 30px 30px;  }
.hours-content p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 10px;  }
.hours-content p:last-child { margin-bottom: 0; }


.cannabis-row { width: 100%; padding: 50px 0 70px; background-color: /*#b4c93b*/#718e54; margin-top: 20px; }
.cannabis-container { margin: 0 auto; width: 990px; overflow: auto; color: #404041; }
.cannabis-container h2, .cannabis-container h3, .cannabis-container p { color: #fff!important;  }
.cannabis-container h3 { font-weight: 300; margin-top: 11px; }
.cannabis-container h3 a { color: #b4c93b!important;  }
.cannabis-container h3 a:hover { color: #babda8!important;  }
.cannabis-container img { margin-top: 50px; }


.shop-row { width: 100%; padding: 50px 0 70px; background-color: #0098d2; margin-top: 20px; }
.shop-container, .vetster-container { margin: 0 auto; width: 990px; overflow: auto; color: #404041; }
.shop-container h2, .shop-container h3, .shop-container p, .shop-container ol, .vetster-container h2, .vetster-container h3, .vetster-container p { color: #fff!important;  }
.shop-container ol { margin-left: 20px; line-height: 23px;   }
.shop-container h3, .vetster-container h3 { font-weight: 300; margin-top: 11px; color: #fff; }
.shop-container h3 a, .shop-container li a { color: #a4e6ff!important;  }
.shop-container h3 a:hover, .shop-container li a:hover { color: #fff!important;  }
.shop-container img, .vetster-container img { margin-top: 50px; }


.vetster-row { width: 100%; padding: 50px 0 70px; background-color: #42389d; margin-top: 80px; }
.vetster-container h3 a { color: #ffa4fe!important;  }
.vetster-container h3 a:hover { color: #fff!important;  }

.announcements { background-color: #ff7e3f; padding: 10px 0;   }
.announcements-container { width: 90%; color: #fff; text-align: center; margin: 0 auto;  }









#footer { margin-top: 40px; /* z-index: -1; */ position:relative; clear: both; }
#footer-dog-cat {background: url('../img/puppy-kitten.jpg') no-repeat center -95px; margin-top: 0px;}
#footer-wrapper {padding-top: 65px; }


.footer-box { float: left; width: 26.5%; text-align: center; font-family: "Bree Serif"; color: #fff; border-radius: 10px; padding-bottom: 20px; margin-right: 23px; color: #fff; font-weight: normal; padding: 0 20px 20px; height: 300px; }
/* .footer-box4 { margin-right: 0; float: right;  } */

.footer-left {background: #b4c93b;}
.footer-middle {background: #6ac0e1;}
.footer-right {background: #fcb040;}
/* .footer-box4 {background: #b640fc;}  */

.footer-box img { margin-top: -9px;}

.footer-box h2 { font-size: 28px; margin-top: 0!important;   }
.footer-box h2 a { color: #fff!important; }
.footer-left .learn-more a:hover { color: #dae49d!important; }
.footer-middle .learn-more a:hover { color: #b5e0f0!important; }
.footer-right .learn-more a:hover { color: #fed8a0!important; }
/*  .footer-box4 .learn-more a:hover { color: #c39fd9!important; }  */



.footer-box p { margin-bottom: 5px!important; font-size: 18px!important;  }
.footer-box p a { color: #fff!important;  }
.footer-box .learn-more { text-align: right; font-size: 17px; }
.footer-box .learn-more a { color: #fff; }

 
#footer-logo-sitemap-copyright { width: 990px; margin: 160px auto 50px; clear: both; background-color: #fff; }
#footer-logo, #footer-sitemap, #footer-copyright {text-align: center;}

#footer-logo {height: 96px; margin-top: -111px; }
#footer-logo img {width: 227px; height: auto;}

#footer-sitemap {height: 20px; margin-bottom: 37px; font-weight: bold; padding-top: 2px; color: #0098d2;}
#footer-sitemap li {display: inline; list-style: none; padding: 0 10px; border-right: 2px solid #fec271;}
#footer-sitemap li:last-child {border-right: 0;}
#footer-sitemap a {color: #0098d2;}

#footer-copyright {height: 55px; font-size: 13px; color: #59595a; margin-bottom: 30px; }
#footer-copyright ul {display: block; margin-bottom: 14px;}
#footer-copyright li {display: inline; list-style: none; padding: 0 2px; }
#footer-copyright a {color: #59595a;}


















/* =============================================================================
   Media Queries for Responsive Design
   ========================================================================== */
	

@media (min-width:769px) and (max-width: 1024px) { /* portrait tablet) ------------ */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, .cannabis-container, .vetster-container {  width: 710px;  }

.container { display: none; }

h1 { font-size: 36px; }
p { font-size: 16px; }

#utility-wrapper { margin: 2px auto 0; }
#logo img { width: 260px; height: auto; margin: 17px 28px 0 0; border: 0px solid red; }
#nav ul li { padding-right: 26px; }
#nav { font-size: 17px; }

.slider-wrapper { width: 100%; margin: 0 auto; }

#col1of1, #col1of2, .sub #col1of2  { width: 100%; margin: 30px auto;  }
.sub h1 { margin-top: 40px;}
.sub #content-wrapper { padding-bottom: 50px;}
.image-float-right { margin: 10px 0 10px 30px;  max-width: 320px; }
.image-float-left { margin: 10px 30px 10px 0;  max-width: 320px; }



.map-row { width: 48%; }
.newsletter-content, .hours-content { width: 70%; }
.hours-content p { font-size: 13px; }

#footer-wrapper { padding-top: 35px; width: 90% }
.footer-box { width: 40.9%; float: left; display: inline; margin-bottom: 20px; height: 243px; }
.footer-box1
.footer-box1 h2, .footer-box2 h2, .footer-box3 h2 { font-size: 20px; line-height: 35px;  margin: 0 35px 5px 20px; }
.footer-box1 p, .footer-box2 p, .footer-box3 p { margin: 0 20px 1px; font-size: 15px; }	
#testimonial p, #testimonial-name  { font-size: 16px; line-height: 25px;  }
#footer-dog-cat { background-image: none; background-color: #0098d2;  }	
#testimonial { padding: 60px 0 30px; }
#footer-logo-sitemap-copyright { width: 100%; }	

}






@media (min-width:691px) and (max-width: 768px) { /* landscape mini tablet) ------- */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .cannabis-container, .vetster-container  { width: 600px;  }

#nav, .image-full { display: none; }

.toggleMenu { width: 95%; display: block; }
.toggleMenu img { margin: 5px 0 0; }
#logo { width: 225px; }
#logo img { height: auto; margin: 17px 28px 0 0 ; border: 0px solid aqua; }
.container { display: block; }
#slogan { font-size: 20px; line-height: 25px; width: 250px; margin: 25px 0 20px; }

h1 { font-size: 34px; }
p { font-size: 16px; }

#col1of1 { width: 100%; margin: 30px 0;  }
.image-float-right { margin: 10px 0 10px 30px;  max-width: 320px; }
.image-float-left { margin: 10px 30px 10px 0;  max-width: 320px; }

.map-row { width: 48%; }

#footer { height: inherit; }
#footer-wrapper { padding-top: 35px;  }
.footer-box1, .footer-box2, .footer-box3 { width: 185px; height: 286px; }
.footer-box1, .footer-box2 { margin-right: 20px; }
.footer-box1 img, .footer-box2 img, .footer-box-right img { width: 51px;} 
.footer-box1 h2, .footer-box2 h2, .footer-box3 h2 { font-size: 20px; line-height: 35px;  margin: 0 35px 5px 20px; }
.footer-box1 p, .footer-box2 p, .footer-box3 p { margin: 0 20px 1px; font-size: 15px; line-height: 20px; }	
#testimonial p, #testimonial-name  { font-size: 16px; line-height: 25px;  }
#footer-dog-cat { background-image: none; background-color: #0098d2;  }	
#testimonial { padding: 40px auto 50px; }
#footer-logo-sitemap-copyright { width: 100%; margin: 35px auto 50px; }
#footer-sitemap { font-size: 12px; }
#footer-logo { margin-top: 0; }

}







@media (min-width:481px) and (max-width: 690px) { /* portrait mini-tablet ) ------- */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .cannabis-container, .shop-container, .vetster-container  {  width: 410px;  }

#nav, .image-full, .footer-box1, .footer-box2, .footer-box-right, #footer, .tracy-image, #slider { display: none; }

h1 { font-size: 28px; margin-bottom: 0; line-height: 35px;} 
h2 { font-size: 25px; margin: 20px 0 5px; } 
h3 { font-size: 18px; }
p { font-size: 15px; line-height: 22px; }

.toggleMenu { width: 93%; }
.toggleMenu img { margin: 5px 0 0; }

.container { display: block; }

#slider-bg { height: 264px; }
#mobile-banner { display: block; margin: 0 auto; width: 350px; }
#mobile-banner img { width: 100%; }


.utility-wrapper { text-align: center; }
#logo-wrapper { height: 170px; }
#logo { width: 260px; margin: 20px auto 0; float: none; } 
#logo img {  height: auto; margin: 0 ; border: 0px solid fuchsia; }
#slogan { width: 100%; text-align: center; font-size: 20px; margin: 12px 1px 20px 10px;  }

#col1of1 { width: 100%; margin: 30px 0 60px;  }
#col1of2, .sub #col1of2 { margin: 30px 0; width: 100%; }
.image-float-right, .image-float-left, .gallery-title img  {  width: 100%; max-width: 100%; }

#back-to-gallery { font-size: 13px; margin-right: 10px; float: none; }

.sub-footer { overflow: inherit; }
.map-row, .sub-footer-right { width: 100%; margin: 20px auto 0; float: none; border: 0;}
.sub-newsletter, .sub-hours { height: inherit; }
.newsletter-content { width: 85%; text-align: center; padding: 40px 30px 30px; margin: 0 auto;}
.hours-content { width: 85%; text-align: center; padding: 30px 30px 30px; margin: 0 auto; }
.map-row iframe { height: 220px; }
.hours-content p { font-size: 13px; }

.cannabis-container img, .shop-container img { margin: 0 auto; width: 200px; }

#testimonial { margin: 0 20px; font-size: 22px; }
#testimonial p { line-height: 30px; }
#footer-sitemap {  height: 50px; line-height: 28px; }
#footer-copyright { font-size: 10px; }

}







@media (min-width:0) and (max-width: 480px) { /* landscape phone ) ------------ */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .vetster-container  {  width: 240px;  }

.cannabis-container, .shop-container { width: 90%!important; }

#nav, .image-full, .footer-box1, .footer-box2, .footer-box3, #footer, .tracy-image, #slider { display: none; }

h1 { font-size: 28px; margin-bottom: 0; line-height: 35px;} 
h2 { font-size: 25px; margin: 20px 0 5px; } 
h3 { font-size: 18px; }
h4, p { font-size: 15px; line-height: 22px; }


#utility-wrapper { text-align: center; }
.toggleMenu { width: 89%; }
.toggleMenu img { margin: 5px 0 0; }

.container { display: block; }

#logo-wrapper { height: 150px; }
#logo { width: 210px; margin: 35px auto 0; float: none; } 
#logo img {  height: auto; margin: 0 ; border: 0px solid blue; }
#slogan { width: 100%; text-align: center; font-size: 17px; margin: 12px 1px 20px 10px; line-height: 23px; }

#slider-bg { height: 181px; }
#mobile-banner { display: block; margin: 0 auto; width: 240px; }
#mobile-banner img { width: 240px; }

#col1of1 { width: 100%; margin: 30px 0 60px;  }
#col1of2, .sub #col1of2 { margin: 30px 0; width: 100%; }

#col1of2 h1 { font-size: 28px; line-height: 30px; margin-bottom: 20px; }
#col1of2 ul, #col1of1 ul { margin: 0 0 22px 25px;}
.image-float-right, .image-float-left, .gallery-title img { width: 100%; max-width: 100%; }
#back-to-gallery { font-size: 13px; margin-right: 10px; float: none; }

.bio img { width: 100%; max-width: 100%; }
.larger-font { font-size: 16px; line-height: 21px; }

.cannabis-container img, .shop-container img {  max-width: 180px!important; height: auto!important; margin: 0 auto; }

.sub-footer { overflow: inherit; }
.map-row, .sub-footer-right { width: 100%; margin: 20px auto 0; float: none; border: 0;}
.sub-newsletter, .sub-hours { height: inherit; }
.newsletter-content { width: 78%; text-align: center; padding: 40px 30px 30px; margin: 0 auto;}
.newsletter-content img { width: 100%; }
.hours-content { width: 78%; text-align: center; padding: 30px 30px 30px; margin: 0 auto; }
.map-row iframe { height: 220px; }
.hours-content p { font-size: 13px; }



#footer { height: 270px; }
#footer-dog-cat { background: margin-top: 0px; background-image: none; height: 590px; }
#footer-wrapper { padding-top: 0; height: 265px;  }
#testimonial { margin: 0 20px; font-size: 17px; padding-top: 30px; }
#testimonial p { line-height: 22px; }

#footer-logo-sitemap-copyright { margin: 30px auto 50px; }
#footer-logo { margin: 0 0 15px; height: 70px;}
#footer-sitemap {  height: 80px; line-height: 28px; }
}