/*
Theme Name: Best Care Pet Hospital
Description: Custom Theme for BCPH
Author: Caliber Creative
Author URI: http://thinkcaliber.com/
Version: 1.0
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); /* font-family: 'Open Sans', sans-serif; */

/* GENERAL DECLARATIONS */
* {box-sizing:border-box;}
body, html {margin:0;padding:0;}
img {border:none;vertical-align:middle;}
.clear {clear:both;height:0 !important;margin:0 !important;padding:0 !important;line-height:normal !important;}
html {font-size:10px;}
.alignleft {float:left;}
.alignright {float:right;}
.rounded {border-radius:8px;}
/*p {margin:50px 0;}*/
hr {background:#9fdbeb;height:5px;border-radius:2px;border:none;margin-bottom:60px;}

::-webkit-input-placeholder {color: #a5dce9;}
:-moz-placeholder {color: #a5dce9;}
::-moz-placeholder {color: #a5dce9;}
:-ms-input-placeholder {color: #a5dce9;}

h1 {font-size:1.6em;margin:0 0 10px 0;font-weight:normal;}
h2 {font-size:1.3em;margin:0 0 10px 0;font-weight:normal;}
h3 {font-size:1.3em;margin:0 0 40px 0;font-weight:normal;}

a {color:#4ba3d5;text-decoration:none;}
a:hover {text-decoration:underline;}
h2 a {color:inherit;text-decoration:none;}

ul {list-style-image: url(img/bullet.png);}

body {
	position:relative;
	font-family: 'Open Sans', sans-serif;
	color:#00394f;
	font-size:2em;
	line-height:160%;
	background:url(img/back.jpg) top center repeat #e7f6fa;
}

.wrapper-outer {
	width:95%;
	max-width:1321px;
	margin:0 auto;
	box-shadow: 0px 0px 90px 0px rgba(0,0,0,0.25);
	background:white;
	position:relative;
}
.wrapper {}
.wrapper-inner {
	width:89%;
	margin-left:auto;
	margin-right:auto;
	padding:40px 0;
}
.wrapper-inner.big {width:96%;}
.wrapper-inner.small {width:75%;}

.margin {padding:60px 0;}
.margin-small {padding:30px 0;}

.btn {
	text-decoration:none !important;	
	background:#00394f;
	color:white;
	border:none;
	cursor:pointer;
	padding:14px 20px;
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	width:auto;
	max-width:none;
}
.btn:hover {background:#4ba3d5;}

.lightblue {background-color:#9fdbeb;}
.blue {background-color:#00394f;}
.yellow {background-color:#ffe9b1;}
.green {background-color:#dee7bc;}

.hero img {width:100%;height:auto;}

.center {margin-left:auto;margin-right:auto;}

/* HEADER */

/* MENU */
.wrapper.menu {padding-bottom:0;}
.header-nav, .header-nav ul {list-style:none;margin:0;padding:0;display:block;text-align:center;font-weight:bold;}
.header-nav > li {float:left;position:relative;text-transform:uppercase;}
.header-nav li a {display:block;line-height:64px;color:black;text-decoration:none;padding:0 30px;}
.header-nav li {position:relative;}
.header-nav > li:hover a {background:#003b52;color:white;}
.header-nav > li.menu-home a {padding:0 10px;margin:0 10px 0 0;}


/* submenu */
.header-nav {display:table;margin:0 auto;white-space:nowrap;}
.header-nav > li li a {line-height:50px;text-transform:none;}
.header-nav li ul {position:absolute;top:100%;z-index:2;min-width:100%;display:none;font-size:16px;font-weight:normal;background:#003b52;text-align:left;}
.header-nav ul a {color:white;}
.header-nav li ul ul {top:0;left:100%;}
.header-nav li:hover ul li:hover a:hover {color:#ffe090;}

.header-nav li:hover > ul {display:block;}

.header-nav li.current_page_ancestor > a,
	.header-nav li.current-menu-item > a {background:#003b52;color:white;}
.header-nav li ul li.current-menu-item > a {color:#ffe090 !important;}


/* mobile menu */
nav.mobile {position:absolute;top:0;left:-999px;background:#9fdbeb;border-radius:0 0 0px 0;min-height:100%;z-index:10;display:none;}
.mobile-nav, .mobile-nav ul {list-style:none;padding-left:0;margin:0;}
.mobile-nav a {display:block;width:100%;padding:10px 30px;text-decoration:none;color:black;}
.mobile-nav a:hover {color:white;background:#003b52;}
.mobile-nav > li ul a {padding-left:60px;}
.mobile-nav li.current-menu-item a {color:white;background:#003b52;}

.wrapper.footer {color:#4ba3d5;font-size:0.7em;text-align:center;line-height:normal;}
.wrapper.footer .wrapper-inner {position:relative;}
.wrapper.footer .scroll-up-arrow {
	position:absolute;
	right:0;
	width:40px;
	height:40px;
	background:url(img/scroll-up-arrow.png) center center no-repeat;
	background-size:contain;
}
.wrapper.footer .scroll-up-arrow:hover {background-image:url(img/scroll-up-arrow-hover.png);}

/* footer menu */
.footer-nav,.footer-nav ul {list-style:none;margin:0;padding:0;display:block;}
.footer-nav {margin:0 auto;width:70%;}
.footer-nav {text-transform:uppercase;line-height:normal;margin-top:10px;}
.footer-nav > li {margin:0;padding:0 12px;display:inline-block;position:relative;font-weight:bold;}
.footer-nav li a {color:inherit;text-decoration:none;}

/* submenu */
.footer-nav > li ul {position:absolute;top:100%;margin-top:8px;font-weight:normal;font-size:11px;}


.second {float:left;width:45%;margin:0 10% 0 0;}
.second:nth-of-type(2),.second:nth-of-type(4),.second:nth-of-type(6),.second:nth-of-type(8),.second:nth-of-type(10),.second:nth-of-type(12),.second:nth-of-type(14),
.second:nth-of-type(16),.second:nth-of-type(18),.second:nth-of-type(20),.second:nth-of-type(22),.second:nth-of-type(24),.second:nth-of-type(26),.second:nth-of-type(28),
.second:nth-of-type(30) {margin-right:0;}

.third {float:left;width:30%;margin:0 5% 0 0;}
.third:nth-of-type(3),.third:nth-of-type(6),.third:nth-of-type(9),.third:nth-of-type(12),.third:nth-of-type(15),.third:nth-of-type(18),.third:nth-of-type(21),
.third:nth-of-type(24),.third:nth-of-type(27),.third:nth-of-type(30),.third:nth-of-type(33),.third:nth-of-type(36),.third:nth-of-type(39),.third:nth-of-type(42),
.third:nth-of-type(45) {margin-right:0;}

.fourth {float:left;width:22.5%;margin:0 3.3333333% 0 0;}
.fourth.nomargin {width:25%;margin:0;}
.fourth:nth-of-type(4),.fourth:nth-of-type(8),.fourth:nth-of-type(12),.fourth:nth-of-type(16),.fourth:nth-of-type(20),.fourth:nth-of-type(24),.fourth:nth-of-type(28),
.fourth:nth-of-type(32),.fourth:nth-of-type(36),.fourth:nth-of-type(40),.fourth:nth-of-type(44),.fourth:nth-of-type(48),.fourth:nth-of-type(52),.fourth:nth-of-type(56),
.fourth:nth-of-type(60) {margin-right:0;}

.post {margin:60px 0;}
.post:first-of-type {margin-top:0;}
.post:last-of-type {margin-bottom:0;}

.post-categories {margin-top:8px;color:#6fa876;text-transform:uppercase;}
.post-categories div {display:inline-block;margin-right:20px;}
.post-categories a {color:inherit;}
.post-categories div:last-of-type {margin-right:0;}

/*
.post ul.expandable {margin-bottom:10px;}
.post ul.expandable ul {display:none;list-style:none;margin-left:0;padding-left:0;font-size:16px;}
*/

/* FORM defaults */
form {margin:0;padding:0;text-align:left;max-width:600px;}
input, textarea, select {
	color:black;
	background:white;
	border:1px solid #00394f;
	padding:14px 4%;
	font-size:16px;
	vertical-align:middle;
	font-family:inherit;
	width:100%;
	/*max-width:600px;*/
	margin-bottom:20px;
}

input[type=checkbox], input[type=radio] {width:auto;}
textarea {resize:vertical;height:260px;}
input[type=button], input[type=submit] {
	background:#00394f;
	color:white;
	border:none;
	cursor:pointer;
	padding:14px 20px;
	text-align:center;
	text-transform:uppercase;
	-webkit-appearance: none;
	width:auto;
	max-width:none;
}
input[type=button]:hover,input[type=submit]:hover {background:#4ba3d5;}

.wrapper.contact input, .wrapper.contact textarea {max-width:550px;}

/* gforms stuff */
.gform_wrapper ul {list-style:none;margin:0;padding:0;}
.gform_wrapper .gform_body > ul > li {margin:20px 0;}
.gform_wrapper .validation_error {color:red;font-size:12px;}
.gform_wrapper .validation_message {color:red;font-size:12px;margin-top:-20px;margin-bottom:20px;}
.gform_wrapper .gform_ajax_spinner {margin-left:10px;vertical-align:center;}
.gform_confirmation_message {max-width:600px;}
.gform_wrapper .gfield_required {color:red;margin-left:10px;}
img.ui-datepicker-trigger {display:none;}

.gform_wrapper .ginput_complex label {display:block;font-size:12px;}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select, .gform_wrapper .ginput_complex textarea {margin-bottom:0;}
.gform_wrapper .ginput_complex span {display:block;margin-bottom:20px;}

.gform_wrapper .ginput_complex span.ginput_left {float:left;width:48%;}
.gform_wrapper .ginput_complex span.ginput_right {float:right;width:48%;}

.gform_wrapper .ginput_complex span.name_first{float:left;width:30%;margin-right:5%;}
.gform_wrapper .ginput_complex span.name_middle {float:left;width:30%;}
.gform_wrapper .ginput_complex span.name_last {float:right;width:30%;}


.wrapper.search input {margin-bottom:0;}
.wrapper.search .wrapper-inner {padding:0;}
.wrapper.search, .wrapper.search * {font-size:14px;line-height:normal;}
.wrapper.search {padding-top:14px;padding-bottom:14px;}
.wrapper.search input[type=text] {
	border:none;
	background:inherit;
	font-size:inherit;
	padding:8px 15px;
	width:200px;
}
.wrapper.search input[type=submit] {
	background:url(img/magnify.png) center center no-repeat !important;
	background-size:contain !important;
	width:30px;
	height:25px;
	cursor:pointer;
	border-radius:0;
	padding:0;
}

.wrapper.contact .gform_wrapper label {display:none;}
.wrapper.contact .gform_wrapper .gform_body > ul > li {margin:0;}

iframe {max-width:100%;}

@media (max-width:1200px) {
	.header-nav {font-size:0.8em;}
	.header-nav li a {padding:0 20px;}
}
@media (max-width:1000px) {
	.header-nav li a {padding:0 10px;}
}
@media (max-width:950px) {
	.header-nav {font-size:0.7em;}
	.wrapper-inner {width:90% !important;}
	.wrapper.footer {text-align:left;}
}
@media (max-width:800px) {
	.header-nav {font-size:0.6em;}
	.header-nav li a {padding:0 6px;}
}
@media (max-width:700px) {
	html {font-size:9px;}
	.wrapper-outer {width:auto;}
	.wrapper.search {background:white;}
	.fifth {float:none;display:block;width:100%;margin:40px 0;}
	.fourth,.fourth.nomargin {float:none;display:block;width:100%;margin:40px 0;}
	.fourth.nomargin {margin:0;}
	.third {float:none;display:block;width:100%;margin:40px 0;}
	.wrapper-inner {width:93% !important;}
	
	/*mobile menu*/
	/*.wrapper-outer {overflow:hidden;}*/
	nav.desktop {display:none;}
	nav.mobile {display:block;}
	/*body {overflow-x:hidden;}*/
	
	.alignleft, .alignright, .mobileblock {width:100% !important;float:none;margin:40px 0 !important;padding-left:0 !important;padding-right:0 !important;position:relative !important;top:0 !important;left:0 !important;}
	.hideonmobile {display:none !important;}
	
	.gform_wrapper .ginput_complex span.ginput_left,
	.gform_wrapper .ginput_complex span.ginput_right,
	.gform_wrapper .ginput_complex span.name_first,
	.gform_wrapper .ginput_complex span.name_middle, 
	.gform_wrapper .ginput_complex span.name_last {float:none;width:100%;}
	
}