@charset "utf-8";
/* CSS Document */
/* Web Fonts from fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2014 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Brownfox
 * License URL: http://www.fontspring.com/licenses/brownfox/webfont
 */

@font-face 					{ font-family: 'geometria_lightlight';
						    src: url('fonts/Geometria-Light-webfont.eot');
						    src: url('fonts/Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'),
					        url('fonts/Geometria-Light-webfont.woff2') format('woff2'),
							url('fonts/Geometria-Light-webfont.woff') format('woff'),
							url('fonts/Geometria-Light-webfont.ttf') format('truetype'),
							url('fonts/Geometria-Light-webfont.svg#geometria_lightlight') format('svg');
							font-weight: normal;
							font-style: normal; }
							

/*text tyle */
h1, .h1, h2, .h2, h3, .h3 	{ margin-top: 0; }						
h2, h3, h4 					{ font-family: 'geometria_lightlight', sans-serif; font-weight: 300; font-size:20px; margin:0; padding-bottom:5px; }
h1							{ font-family: 'geometria_lightlight', sans-serif; font-weight: 400; font-size:26px; padding-top:15px; }
p, li 							{ font-family: 'geometria_lightlight', sans-serif; }

/*header Content  */
#Header 	{color:#fff;}
#logo_img	{}
#clinic-details	{text-align:right;}
@media (max-width: 767px)   {   #logo_img					{  text-align:center;}
                                #clinic-details				{  text-align:center;}
.imgLogo {margin: 0 auto;}
                            }
.vetName .name, .vetPhone a.phone, .vetAfterhours .afterhourPhone   {color:inherit; text-decoration:none;}
.vetPhone a.phone           {font-size: 24px;}
.vetAfterhours .afterhourPhone  	{ font-size: 16px; padding-left: 5px; font-weight: 300; }

/*page layout*/
.content p , .content li		{ line-height: 30px; font-size: 16px; }
.banner .container 			{ min-height: 150px; padding: 10px 20px 10px 20px;}
#banner-top				{ width:100%;}
.middle .container 		{ padding-bottom: 20px; }
.top .container 		{ padding: 0; }
#main-content			{ z-index:50;margin-top:-25px;padding-bottom:20px;padding-top:20px;overflow:hidden;	}
.bottom p 				{ font-size:11px;}
img,.imgLogo			{ max-width:100%;}
.imgLogo				{padding: 10px 0;}
.bottom .container  a	{ color: #666; }
.searchBox              { float: right; padding: 6px 25px; max-width: 280px;}
.searchBox input                  { height:45.3px;}
@media (max-width: 768px) {
    .searchBox {
        min-width: 100%;
        padding: 0;
    }
}

/*side bar*/
#clinic-hours-base			{ z-index:40; margin-top:-25px; padding:5px;padding-top:20px;}
#clinic-hours-box			{ z-index:60;padding-top:15px;padding-left:10px;padding-right:10px;padding-bottom:0;margin-bottom:20px;margin-top:-10px;margin-left:8px;margin-right:8px;overflow:hidden;}

@media (min-width: 768px) {
    #clinicDetailsH {display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;flex-wrap: wrap;line-height:normal;}
    #clinicDetailsH > [class*='col-'] { /*display: flex;*/flex-direction: column;}
}
#clinicDetailsH { padding: 5px 0 ;  }
    #clinicDetailsH h2 { margin:0;
    }
#clinicDetailsH .vertalignTable {display: table; height: 100%; width: 100%}
#clinicDetailsH .vertalignCell {vertical-align: middle; display: table-cell;}


/*----- Sub page layout ----*/
#contact-content			{ background-image:url(images/contactus-bg.jpg);background-repeat: no-repeat; background-position: right bottom; background-color:#fff;}
#subpage-content			{ padding-left:35px; padding-right:20px; padding-bottom:10px; padding-top:10px; }
#subpage-base-image			{ text-align:center;}
#photo						{ border-radius:1em; width:100px; height:100px; float:left; border:2px solid;margin-right:20px;}
#member-details				{ float:left;}
hr							{ clear:both;}
#contact-content			{ padding-left:25px; padding-bottom:25px;padding-top:25px;}

/*---------------Navigation styles ------------------*/

.nav.navbar-nav li a 											{ color: #FFF; font-family: 'Lato', sans-serif; font-size:17px; font-weight:500;}
.nav.navbar-nav li a:hover 										{ color:#333030; background-color: transparent;}
/*.navbar-toggle 													{ color: #009b9b; font-size: 32px; margin: 3px; padding: 2px 5px; line-height: 32px; }*/
.navbar-toggle:hover 											{ background-color: #333030; }
.nav.navbar-nav 												{ margin: 0; }
.nav.navbar-nav li#navi1										{ background-color:#EE6C4F; border-top-left-radius:1em; padding-top:8px;}
.nav.navbar-nav li#navi2										{ background-color:#A772AC;	}
.nav.navbar-nav li#navi3										{ background-color:#4FBCCA;	}
.nav.navbar-nav li#navi4										{ background-color:#65C3A0;	}
.nav.navbar-nav li#navi5										{ background-color:#B6C94F;	}
.nav.navbar-nav li#navi6										{ background-color:#D1B262;	}
.nav.navbar-nav li#naviLast										{ background-color:#E6D5A8; }
.last, #naviLast												{ border-top-right-radius:1em;}
/*.nav.navbar-nav li#navi3.dropdown.open ul.dropdown-menu li a	{ background-color:#4FBCCA; }
.nav.navbar-nav li#navi3.dropdown.open a.dropdown-toggle		{ background-color:#4FBCCA; }
.nav.navbar-nav li#navi3.dropdown.open ul.dropdown-menu			{ background-color: transparent; padding:1px 0; }
.nav.navbar-nav li#navi3 ul.dropdown-menu li a:hover 			{ color:#333030;}





/*--------------- Slider ---------------------- */


.carousel-inner				{ line-height:0; }

/*---------end slider ------*/

/*----Social media top bar styles -----*/
#social-media-container12		{ padding-left:10px; padding-bottom:5px; padding-right:5px; padding-top:5px; border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-right-radius:1em; border-bottom-left-radius:1em; height:45px; width:300px; float:right; margin-bottom:10px; text-align:left; }
@media (max-width: 768px)   {   }



/*-----------------Bootstrap overrides----------------- 


.navbar-default .navbar-brand 		{ color: #FFF;}
.navbar.navbar-default				{ background-color:#333030;}/*--- background color for the navigation bar  --

.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333030; }/* background color for the menu icon in the mobile version 
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF;}
.navbar-nav li a:hover 				{ color:#333030; background-color: red; }
.navbar-toggle 						{ color: #fff; font-size: 32px; margin-right: 25px; padding: 2px 5px; line-height: 32px; margin-top:10px; }
.navbar 							{ border: 1px solid transparent; margin-bottom: 0;}






/*======= bootstrap menu overrides =======*/
.navbar                                 { min-height: 15px;margin-bottom:0;}
.navbar-nav 						    { margin: 0; }
.navbar-nav .open .dropdown-menu        { background-color:inherit;}
.navbar-default .navbar-nav li a 	    { color: #FFF; font-family: 'Lato', sans-serif; font-size:12px; font-weight:500; }
.navbar-default                         { background:transparent; border:0px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.navbar.navbar-default				    { border:0;}
@media (max-width: 768px)               {.navbar-default {background: url(images/menu-bg.jpg) no-repeat 50% 0;}}
.caret                                  {color:inherit;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus                                 { color:#fff;}
.navbar-default .navbar-nav > li > a                                                                                                    { color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus                                                  {color:#fff; background-color:inherit;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus   {color:inherit;background-color:inherit;}
.dropdown-menu, .highlighted                                                                                                            {background-color:inherit;}
.dropdown-menu > li > a                                                                                                                 {color:#fff;}
.nav > li                                                                                                                               { }
.navbar-default .navbar-collapse, .navbar-default .navbar-form                                                                          {border:0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus                                                              { background-color:#d61a19;}
.navbar-default .navbar-toggle .icon-bar            {background-color:#fff;}
.navbar-collapse 					                { padding-left:0; padding-right:0;}
.responsiveNav, .level1.nav.navbar-nav.static       { float:none !important;}/*Used to remove asp.net style*/

/* ------Media Query ----------*/

@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.nav.navbar-nav li#navi1 	{ border-top-left-radius:0em; }
.last					 	{ border-top-right-radius:0em;	}
.nav.navbar-nav>li>a	 	{ margin-bottom:0;	}
#clinic-hours-base		 	{ margin-top:5px; } 
#contact-content			{ background-image:	none;}
}

/*justified nav fix */
@media (min-width: 767px) {
.navbar .navbar-inner      			{ padding: 0;}
.navbar .nav               			{ margin: 0;display: table;width: 100%;}
.navbar .nav > li          			{ display: table-cell;width: auto;float: none;}
.navbar .nav > li > a      			{ font-weight: bold;text-align: center;}
.navbar .nav > li:first-child a 	{ border-left: 0;border-radius: 3px 0 0 3px;}
.navbar .nav > li:last-child a    	{ border-right: 0;border-radius: 0 3px 3px 0;}
 .navbar .nav > li > ul { width: 100%;}
a.level2.dynamic {text-overflow: ellipsis; overflow: hidden;}
}