/* CUSTOM STYLES FOR BOOVAL VET */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}

/* Layout/Misc */
	html {
		/*background-size: cover !important;
		background: #88d4fc url(images/bg/grass.jpg) bottom left fixed repeat-x !important;*/
		background: none !important;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		background: #88d4fc !important;
		position: relative;
	}
	
	#background {
		/*background: #88d4fc url(images/bg/grass.jpg) bottom left repeat-x !important;*/
		background: #88d4fc url(images/random/random.php) bottom center repeat-x !important;
	}
	
	#sky {
		background: url(images/bg/clouds.jpg) top center repeat-x !important;
	}
	
	#navigation_wrapper {background: url(images/boovalvet/nav-bg.png) center center repeat-x;}

	.two_third {width: 580px; padding-right: 30px;}

	#footer_wrapper, #copyright_wrapper {background: none !important;}
	#site-footer {background: url(images/boovalvet/footer-pattern.jpg) repeat;}
	
	.dog-icon,
	#fb-icon,
	.top-left-banner,	
	.btm-right-banner,
	.flex-control-nav li a {background: url(images/boovalvet/sprites.png) no-repeat;}
	
	::selection,
	::-moz-selection {
		background: #2d2e3b; 
		color: #6fb1af;
	}
	
	.clear {clear: both !important;}
	
/* Typography */

	h1,h2,h3,h4,h5,h6 {
		color:#333;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	}
	
	#intro h1 {
		color:#30953e !important; 
		text-transform:lowercase; 
		font-size:30px;
	}
	
	.page-id-18 h3, .page-id-143 h3 {padding-top: 12px;}
	.page-id-18 img.alignleft, .page-id-143 img.alignleft {margin: 5px 18px 20px 0;}
	
	#navigation, #header_info {font-family: "Century Gothic", Arial, Helvetica, sans-serif;}

/* Header */

	#header {
		padding: 45px 30px 30px 30px;
	}

	#header_wrapper {
		background:none !important;
		border:none !important;
		max-height: 157px;
	}
	
	#header_bar_inner {background:none !important; border: none !important;}
	#header_wrapper .rightside {background:none !important; border: none !important;}
	#header_tools {display: none;}
	
	#header_info {margin-top: 65px; text-align: right;}
	
	#header-number {
		font-size:18px;
		font-weight:bold;
		margin:0;
		color:#2e2f53;
		line-height: normal;
	}
	
	#header-address {
		font-size:14px;
		font-weight:normal;
		color:#2e2f53;
		line-height: normal;
	}

/* Navigation */

	#navigation_wrapper {
		z-index:11;
		box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.1);
		margin-left: -10px;
		width: 102%;
	}
			
	#navigation_wrapper:before {
		float:left;
		position:relative;
		content: "";
		border-width: 0 10px 10px 0;
		border-style: solid;
		border-color: transparent #07072b transparent transparent;
		display: block;
		width: 0;
		top:50px;
	}
	
	#navigation_wrapper:after {
		float:right;	
		position:relative;
		content: "";
		border-width: 0 0 10px 10px;
		border-style: solid;
		border-color: #07072b transparent transparent #07072b;
		display: block;
		width: 0;
	}

	.sf-menu li {font-size: 13px !important;}
	
	.sf-menu li.current-menu-item a, 
	.sf-menu li.current-page-parent a, 
	.sf-menu li.current-page-ancestor a, 
	.sf-menu li.current_page_parent a,
	.sf-menu li:hover a {color: #F2F3F5 !important;}
	
	.sf-menu li ul {
		background:#101323;
		margin-left:-20px;
	}
	
	.sf-menu li ul a {color:#cccccf;}
	
	#navigation iframe {
		float: right;
		margin-top: 15px;
	}
	
	#navigation select {
		background: none !important;
		border: none !important;
		color: #FFFFFF !important;
	}
	
	#navigation option {
		background: #07072b !important;
		border-color: #07072b !important;
		color: #FFFFFF !important;
		padding: 2px !important;
	}

/* Slider */

	.flexslider {
		z-index:9;
		margin:0 !important;
		box-shadow:0 0 10px 1px rgba(0,0,0,0.1);
	}

	.slides {
		background: #fafafa;
		padding: 10px;
		box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1);
	}
	
	.flexslider .slides img {box-shadow:inner 0 0 32px 0 rgba(0,0,0,0.6);}

	.flex-caption,
	.flex-direction-nav {display:none;}
	
	.flex-control-nav {bottom:20px;}
	
	.flex-control-nav li a {
		width:14px;
		height:14px;
	}
		
	.flex-control-nav li a:hover {background-position: -82px -67px !important;}
	
	.flex-control-nav li a.active {
		background-position: -82px -50px !important; 
		cursor: default;
	}
	
	.flex-control-nav li a {background-position: -82px -84px !important;}

/* Content */
	#page_wrapper {background: #FFF;}
	
	/*.h1-title {text-transform:lowercase;}*/
	h1 {text-transform:lowercase;}
	.home h1 {font-size: 26px; padding-bottom: 8px;}
	
	#featured-article {
		float:left;
		width:100%;
		border:1px solid #e5e5e5;
		margin: 0 0 30px 0;
		padding-bottom:10px;
		background:#FFF;
		background-image: -moz-linear-gradient(top, #FFF, #f5f8f8);
		background-image: -ms-linear-gradient(top, #FFF, #f5f8f8);
		background-image: -o-linear-gradient(top, #FFF, #f5f8f8);
		background-image: -webkit-linear-gradient(top, #FFF, #f5f8f8);
		background-image: linear-gradient(top, #FFF, #f5f8f8);
		-moz-box-shadow:0 0 10px 1px #ddd;
		-webkit-box-shadow:0 0 10px 1px #ddd;
		box-shadow:0 0 10px 1px #ddd;
		behavior: url(http://boovalvet.staging.expresssites.com.au/PIE.htc);
	}

	/*#featured-left-banner {		
		background-position:-5px -107px;
		width:144px;
		height:60px;
	}
	
	#featured-right-banner {		
		float:right;
		background-position: -165px -5px;
		width:205px;
		height:156px;
	}*/
	
	#featured-article h2 a {
		font-size:28px;
		color:#278496;
		line-height:32px;
	}
	
	#featured-article h2 a:hover {color:#278496;}
	
	#featured-article h3 {
		margin-top:20px;
		text-transform:uppercase;
		font-size:14px;
		color:#56747a;
	}
	
	.ribbon {
		float:left;
		background:url(images/boovalvet/ribbon.png) no-repeat;
		width:60px;
		height:145px;
		display:block;
		margin: -5px 20px;
	}
	
	#page-content .widgets h3 {
		margin-top:20px;
		padding-bottom:8px;
		border-bottom:1px solid #e5e5e5;
		font-size:14px;
	}
	
	#page-content .textwidget p {
		background: url('images/boovalvet/clinic-logo.png') top left no-repeat; 
		padding-left: 12.9%; 
		width: 37%;
		float: left;
	}
	
	.dog-icon {
		margin:5px 20px 30px 0;
		float:left;
		background-position:-65px -4px;
		width:54px;
		height:34px;
	}
	
	.team-post {
		float: left;
		width: 100%;
		margin: 20px 0;
		clear: both;
	}
	
	#intro_wrapper, #wide_header_wrapper {
		background: #FFF url(images/boovalvet/leash.jpg) no-repeat center right !important;
		border-color: #e9e9e9;
	}
	
	.search-results #intro_wrapper {display: none;}
	
	#intro {padding: 30px 0; min-height: 75px;}
	
	/*
	#leash {
		background:url(images/boovalvet/leash.png) no-repeat;
		width:202px;
		height:118px;
		display:block;
		float:right;
		margin-top:10px;
	}
	*/
	
	#boxed_layout #wrapper {
		padding: 30px 30px 0;
		background: #FFFFFF url(images/boovalvet/content-bg.gif) top right repeat-y;
		/*background-size: 35.25%;*/
	}
	
	#boxed_layout.search-results #wrapper, #boxed_layout.page-template-page-fullwidth-php #wrapper {background-image: none;}
	
	/* Posts */
	.post {border-bottom: 1px solid #e9e9e9;}
	
	.post-header {
		border: none;
		margin-bottom: 0px;
		min-height: 50px;
		padding-bottom: 0px;
	}

	.posted-meta, .meta-date  {display: none;}	
	.excerpt_wrapper {padding-left: 0;}
	
	/* Newsletter */
	ul#newsletter li {
		background: url(images/boovalvet/vet-pdf.png) top left no-repeat;
		list-style: none;
		padding: 0 0 15px 40px;
	}
	
	ul#newsletter li h4 {line-height: normal;}
	
	.addtoany_list a.a2a_button_facebook_like {padding: 0 9px 0 0 !important;}

/* Sidebar */	
	.side-box, #sidebar .widgets {
		width:99%;
		/*width: 288px;*/
		float: left;
		position: relative;
		margin: 0 0 30px 0;
		padding: 0 !important;
		border: 1px solid #e5e5e5;
		background: #FFF !important;
		-moz-box-shadow: 0 0 10px 1px #ddd;
		-webkit-box-shadow: 0 0 10px 1px #ddd;
		box-shadow: 0 0 10px 1px #ddd;
		behavior: url(http://boovalvet.staging.expresssites.com.au/PIE.htc);
	}
	
	.side-box img {
		width: 100%;
		border-bottom:6px solid #d4d4d4;
	}
	
	.top-left-banner {
		background-position:-4px -4px;
		position: absolute;
		top: -2px;
		left: -2px;
		width:54px;
		height:39px;
		z-index: 10;
	}
	
	.btm-right-banner {
		position: absolute;
		bottom: -2px;
		right: -2px;
		background-position: -4px -50px;
		width:54px;
		height:39px;
		z-index: 10;
	}
	
	#sidebar h3, #sidebar .widgets h3 {
		padding: 0 0 7px 0 !important;
		margin: 15px 0 0 0 !important;
		color: #6bb376 !important;
	}
	
	#sidebar h3 a, #sidebar .widgets h3 a {color: #6bb376;}
	
	#sidebar h3.cotm-smaller-title {
		padding: 0 !important;
		margin: 0 0 30px 0 !important;
	}
	
	#sidebar .cotm-title {
		text-align:center;
		border:none !important;
		margin:20px 0 0 0 !important;
		padding: 0 !important;		
	}
	
	#sidebar .cotm-smaller-title,
	#sidebar .cotm-smaller-title a,
	#sidebar .cotm-smaller-title a:hover {
		margin:0;
		padding:0;
		color:#666;
		text-align:center;
		border:none !important;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;		
	}
	
	#sidebar #cotm-thumb {position: relative;}
	
	#sidebar #cotm-btn {
		/*float:right;
		margin-top:-42px;*/
		position: absolute;
		bottom: 11px;
		right: 0;
		z-index: 100;
	}
	
	.side-more-button,
	.side-more-button:hover {
		position:relative;
		color: white;
		background-color: #76A934;
		border: 1px solid #76A934;
		background-image: url('images/gradient-btn.png');
		background-position: 0 -7px;
		background-repeat: repeat-x;
		font-size: 13px;
		line-height: 14px;
		padding: 8px 16px 6px;
		cursor: pointer;
	}
	
	.side-more-button span {
		display: inline-block;
		cursor: pointer;
		padding-right: 20px;
		background: url('images/arrow-right.png') 100% 50% no-repeat;
	}
	
	.box {padding: 15px 27px 30px 27px;}
	.box p, #sidebar .textwidget p {margin: 20px 0;}
	
	#sidebar .textwidget p {
		background: url('images/boovalvet/clinic-logo.png') top left no-repeat; 
		padding-left: 58px; 
		font-size: 12px;
		line-height: 1.4em;
	}
	
	#sidebar .textwidget {padding: 0 27px 30px 27px !important;}
	#sidebar .widgets h3 {margin: 30px 27px 0 27px !important;}
	#sidebar .widgets ul {margin: 10px 27px 30px 15px !important; float: left;}
	
	#sidebar .widget_natural_recent_entries h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
	#sidebar .recent-posts {padding-left: 12px;}
	
/* Footer */
	#footer p {color: #a3a4aa !important;}
	#footer h3 {color:#6fb1af !important; border-color: #464652 !important;}
	
	#footer .widgets li {
		margin:0 0 12px 0;
		padding:0 0 12px 0 !important;
		background:none !important;
		border-bottom:1px solid #353642;
	}
	
	#footer .widgets li a {color:#a3a4aa !important; background: none !important;}
	
	#copyright_wrapper, #footer_wrapper {border:none !important;}
	
	/*#footer_nav li, #copyright hr {border-color: #3e3e4a;}*/
	#footer_nav {border-bottom: 1px solid #3e3e4a;}
	
	#copyright-text, #designby-text, #designby-text a {
		font-size:11px;
		color:#686972;
	}
	
	#fb-icon {
		float: right;
		right: 10px;
		position: relative;
		background-position: -123px -4px;
		width: 24px;
		height: 24px;
		display: inline-block;
	}

	#facebook-text {
		float: right;
		color:#6fb1af;
		font-size:14px;
	}
	
/* Widgets */

	/* Search */
	#sidebar #searchform {margin-bottom:20px;}
	
	#searchform label,
	#searchform input[type="submit"] {display: none;}
	
	#searchform input[type="text"] {
		width: 240px;
		padding: 6px 8px 6px 40px;		
		border:1px solid #e5e5e5;
		box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1);
		background: #FFF url(images/search-btn.png) no-repeat;
		color:#666;
	}
	
	.ie9 #searchform input[type="text"] {padding:6px 8px 10px 40px;}

/* Sitemaps & Handouts */
ol.sitemap li, #page-content ol li {border-bottom: 1px dotted #CCC; padding: 10px 0;}
#page-content ul li {background: url(images/boovalvet/bullet.png) top left no-repeat; list-style: none; padding-left: 22px;}
	
/* Responsive Design */

	/* Tablet (Portrait), Design for a width of 768px */
	@media (min-width: 768px) and (max-width: 1023px) {
		#boxed_layout #wrapper {background-image: none !important;}
		#header_info {float:right !important; margin-top: 66px;}
		#header-address {font-size: 13px !important;}
		#header-number {font-size: 16px !important;}
		#navigation_wrapper {width: 102.7%;}
		.sf-menu li {font-size:11px !important;}
		.slides li {margin:0 !important;padding:0 !important;line-height:0 !important;}
		#searchform input[type="text"] {width: 160px;}
		.two_third {width: 450px; padding: 0;}
		/*.side-box, #sidebar .widgets {width: 210px !important;}*/
	}
		
	/* Mobile */
	@media (max-width: 767px) {
		#boxed_layout #wrapper {background-image: none !important;}
		#boxed_layout #wrapper {padding: 20px 20px 0;}
		#header {padding:10px 0 25px 0;}	
		#navigation_wrapper {width: 100%; margin-left:0;}
		.ribbon,
		#leash,
		#intro p,
		#navigation_wrapper::before,
		#navigation_wrapper::after {display:none;}
		#featured-article {width: 95%;padding: 0px 0 10px 20px; margin-bottom: 25px;}
		#navigation {width: 95.2%;}
		#navigation iframe {display: none;}
		/*.side-box, #sidebar .widgets {width: 160px !important;}*/
		#header_bar_wrapper {display: block;}
		#header-address {display: none;}
		#header_info {margin-top: 85px; padding: 0 15px;}
		#header-number {font-size: 16px;}
	}
	
	/* Mobile (Landscape), Design for a width of 480px */
	@media (min-width: 480px) and (max-width: 767px) {
		#boxed_layout #wrapper {background-image: none !important;}	
		#boxed_layout.home #wrapper {padding: 25px 0 15px 0;}
		#boxed_layout #wrapper {padding: 0;}
		#navigation_wrapper {width: 100%; margin-left:0;}
		#navigation iframe {display: none;}
		#sidebar #searchform {display: none;}
		.two_third {width: 400px; padding: 0;}	
		#page-content .textwidget p {padding-left: 14%; width: 75%;}
		#featured-article {margin: 0 0 20px 0; padding: 0 10px 10px 10px; width: 94%;}
		#intro_wrapper {border: none;}
		#intro {padding: 20px 0; min-height: inherit;}
		h1, .home h1, #intro h1, #featured-article h2 a {font-size: 20px; line-height: 1.4em;}	
		.slides {padding: 0;}
		/*.side-box, #sidebar .widgets {width: 100% !important;}*/
		#intro_wrapper {background-image: none !important;}
	}	
	
	/* Mobile (Portrait), Design for a width of 320px */
	@media (max-width: 479px) {
		#background, #sky, #boxed_layout #wrapper {background-image: none !important;}
		#boxed_layout.home #wrapper {padding: 15px 0 15px 0;}
		#boxed_layout #wrapper {padding: 0;}
		#background {background-color: #FFF !important;}	
		#navigation_wrapper {width: 100%; margin-left:0;}
		#navigation iframe {display: none;}
		#sidebar #searchform {display: none;}
		.two_third {width: 250px; padding: 0;}
		#page-content .textwidget p {padding-left: 0; width: 100%; background-image: none !important;}	
		#featured-article {margin: 0 0 15px 0; padding: 0 10px 10px 10px; width: 90%;}
		#intro_wrapper {border: none;}
		#intro {padding: 15px 0; min-height: inherit;}
		h1, .home h1, #intro h1, #featured-article h2 a {font-size: 18px; line-height: 1.4em;}	
		.slides {padding: 0;}
		/*.side-box, #sidebar .widgets {width: 100% !important;}*/
		#intro_wrapper {background-image: none !important;}
		#header {padding:10px 0 20px 0;}
		#header_info {text-align: center; margin-top: 60px;}
		#header-number {font-size: 14px;  margin-right: 20px;}
	}