/*
	Theme Name: Chelsea Medical
	Description: Semantic, SEO Optimised, Custom Wordpress Theme for Chelsea Medical
	Author: #
	Author URI: #
	Version: 1.0
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
body {color:#4e9a4c; font:16px/26px 'Lato', Sans-Serif; }
:focus {outline:0}
a, a:visited {color:#93c41f; text-decoration: none;}
a:hover {color: #4e9a4c;}
img {max-width: 100%;}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1, h2, h3, h4, h5, h6 {margin: 5px 0 15px; line-height: normal; }
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {min-width: 1120px; overflow-x: hidden; }
.content {width: 1120px; margin: 0 auto; padding: 0 20px; }

/* Header */
#header {background: url(images/swirl.png) no-repeat center top; width: 100%; min-height: 229px; padding-top: 35px; position: relative; z-index: 101; padding-bottom: 66px; margin-bottom: -127px;}
#header #logo {float: left; margin-left: 40px; }
#header .content {position: relative; }
#header .hcontact {position: absolute; top: 0; right: 20px; }
#header .hcontact .phone {font-size: 22px; color: #eb458b; margin-right: 10px; }

/* Nav */
#nav {float: right; margin-top: 62px; font-family: 'Calibri', Calibri, Arial, Sans-Serif; }
#nav li {float:left; display:inline; margin-left: 34px; }
#nav li:first-child {margin-left: 0; }
#nav li a{color: #127d4d; font-weight: bold; text-decoration: none; margin: 0 2px 0 1px; font-size: 19px; line-height: normal; }
#nav li a:hover, #nav li.current-menu-item a, #nav li.current-page-item a {color: #e3007f; }
#nav li:nth-child(1) {margin-top: 77px; -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -ms-transform: rotate(-11deg); -o-transform: rotate(-11deg); transform: rotate(-11deg); }
#nav li:nth-child(2) {margin-top: 55px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); }
#nav li:nth-child(3) {margin-top: 31px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); }
#nav li:nth-child(4) {margin-top: 14px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); }
#nav li:nth-child(5) {margin-top: 4px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); }

/* Main */
#main {margin-top: 60px;}
.home #main {margin-top: 0;}

/* Home Gall */
.home_gall{z-index: 2; margin: 20px auto 0; text-align: center; height: 281px; position: relative; max-width: 1211px; background: #fff; }
.home_gall .slide{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
.home_gall .slide.active{z-index:2;}
.home_gall img{z-index: 1; width: 100%; min-width: 100%; max-width: none; min-height: 100%; height: auto;}
.home_gall .slider-img {width: 42%; margin: 0 -5%; overflow: hidden; height: 100%; float: left; position: relative;}
.home_gall .slider-img.img_2 {z-index: 2; }
.home_gall .overlay{width: 1592px; height: 209px; position: absolute; bottom: -10px; left: 50%; margin-left: -791px; z-index: 100; background: url(images/slider-overlay.png) no-repeat center top; }

/* Home Content */
.home-content {padding-top: 20px; text-align: center; font-family: 'Lato', Sans-Serif; min-height: 437px; position: relative; }
.home-content p {font-size: 24px; font-weight: normal; color: #04864f; margin: 0 0 7px; }
.home-content h1 {font-size: 89px; margin: 0; color: #04864f; font-weight: 900; line-height: 100px; }
.home-content h4 {color: #93c41f; margin: 0; font-size: 27px; line-height: normal; font-weight: bold; }
.home-content p.large {font-size: 40px;line-height: 1.2em}

/* Circles */
.home-circles {text-indent: -99999px; text-align: left; position: absolute; background: transparent no-repeat center top; }
.home-circles span {}
#online-appointment {background: url(images/hand.png) no-repeat 0 0; width: 1238px; height: 368px; z-index: 1000; top: 57px; right: 100%; margin-right: -300px; background-size: 100%;}
#bulk-billing {background-image: url(images/bulk-billing.png); width: 268px; height: 271px; top: -37px; left: -105px; z-index: 999; }
#follow-facebook {background-image: url(images/facebook.png); width: 301px; height: 79px; z-index: 999; top: 233px; left: 60px; }
#home-phone {background-image: url(images/phone.png); width: 355px; height: 254px; right: -170px; top: -85px; z-index: 1000; background-size: 100%;}
#days365 {background-image: url(images/days365.png); width: 285px; height: 281px; z-index: 999; right: -110px; top: 86px; }

.contact {overflow: hidden; padding: 11px 0; margin: 0; font-size: 15px; line-height: 20px;}
.contact img {float: right; width: 350px; }
.gform_description {font-size:14px;font-style:italic;line-height:1.25em;display:block;margin-bottom:10px}

/* Content*/
#content {float:left;overflow:hidden;padding:0 0 20px;width:550px}

/* Post */
.post {width: 41%; float: left; padding-right: 5%; margin-bottom: 10px; padding-top: 95px; position: relative; }
.post.full-width {width: 100%; float: none; padding-right: 0; }
.post .post-icon {position: absolute; right: 5%; top: 20px; background: url(images/post-icon.png) no-repeat center top; width: 114px; height: 121px; }
.post h1 {font-size: 30px; }
.post p {margin: 0 0 15px; }
.post h1, .post h2 {margin: 0 0 10px; }
.post ul {list-style-type: disc; padding-left: 30px; list-style: disc;margin-bottom: 15px;}
.post ol {list-style:decimal;padding-left: 30px; list-style: disc;margin-bottom: 15px;}


/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {width: 54%; float: right; margin-top: 65px; margin-bottom: 20px;}
#sidebar.large-image {margin-top: -90px; margin-bottom: 0;}
#sidebar.large-image img {width: 100%; height: auto; }

#sidebar.sidebar-images {text-align: center;}
#sidebar.sidebar-images.three {
	margin-top: -40px;
	text-align: left;
}

#sidebar.sidebar-images.three img {
	padding-bottom: 5px;
	max-width: 400px;
}

/* Footer */
#footer {text-align: center; background: #c3c4c6; padding: 16px 0; color: #fff; }
#footer p {margin: 0; font-size: 13px; }
#footer a {color: #fff; }
#footer a:hover {text-decoration: underline; }
#footer .sep {margin: 0 8px; }

/* Buttons */
.button {border-radius: 17px; background: none; border: none; padding: 13px 22px; font-size: 17px; font-weight: bold; }
.button-pink {background: #ec008c; color: #fff !important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.26); }
.button-pink:hover {background: #d60280; }

/* Forms */
.gform_wrapper .gform_fields {list-style: none; padding: 0; }
.gform_wrapper .gfield {margin: 0 0 15px; }
.gform_wrapper .gfield_label {margin-bottom: 5px; display: block; font-size: 16px; font-weight: bold; line-height: normal; }
.gform_wrapper .ginput_container input, .gform_wrapper .ginput_container textarea {width: 100%; border: 1px solid #D6D6D6; background: #fff; color: #3f3f3f; font-size: 12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 10px 6px; line-height: 20px; -webkit-box-shadow: inset 0 1px 0 #e3e4e6, inset 0 0 3px #e3e4e6, 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #e3e4e6, inset 0 0 3px #e3e4e6, 0 1px 0 #fff; box-shadow: inset 0 1px 0 #e3e4e6, inset 0 0 3px #e3e4e6, 0 1px 0 #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gfield_error input[type="text"], .gfield_error textarea, .gfield_error input[type="text"], .gfield_error textarea {border: 1px solid #900000; -webkit-box-shadow: none; -moz-box-shadowshadow: none; box-: none; }
input[type=submit], button[type=submit] {border: none; background: #fd7eb0; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#ed5e96), to(#ff83b4)); background: -webkit-linear-gradient(top, #ed5e96, #ff83b4); background: -moz-linear-gradient(top, #ed5e96, #ff83b4); background: -o-linear-gradient(top, #ed5e96, #ff83b4); background: linear-gradient(top, #ed5e96, #ff83b4); -webkit-box-shadow: 0 3px 0 #ed5e96; -moz-box-shadow: 0 3px 0 #ed5e96; box-shadow: 0 3px 0 #ed5e96; padding: 10px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 2px #ce0c58; cursor: pointer; }
input[type=submit]:hover, button[type=submit]:hover {background: #ef6299; }
.gform_wrapper .validation_error {color: #fff; background: red; margin-bottom: 20px; padding: 5px 15px 8px; border-radius: 8px; }
.gform_wrapper .validation_message {display: none; }

/*  */
.clear {clear: both; }
.clearfix:before, .clearfix:after {content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after {clear: both; }
.clearfix {zoom: 1; }

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px;-moz-border-radius:3px;padding-top:4px;text-align:center;-webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*** =media
*********************************/

.nav-btn {display: none; width: 20px; height: 15px; padding: 6px 5px 3px; float: right; background: #000; margin-top: 66px; }
.nav-btn span {height: 2px; width: 100%; display: block; margin-top: 3px; background: #fff; }
.nav-btn span:first-child {margin-top: 0; }
@media only screen and (max-width: 1160px) {
	#page{min-width:300px;}
	#header #logo{margin-left:0}
	#header .hcontact{position:static;float:right;text-align:right;}
	#header .hcontact .button-pink{display:block;}
	#header .hcontact .phone{display:block;margin-bottom:10px;}
	#header{padding-top:10px}
	.content{max-width:1120px;width:auto;}
	#nav{margin-top:0;clear:right}
	#follow-facebook,
	#bulk-billing{left:0;position:static;float:left;}
	#days365,
	#home-phone{right:0;position:static;float:right}
	.home-content{overflow:hidden;}
	.home-content h4{margin:0 0 10px}
	#sidebar{width:45%}
	#sidebar.sidebar-images.three img,
	#sidebar img{max-width:100%;height:auto;display:block;margin:0 auto;}
	#google iframe{width:100%!important}
}

@media only screen and (max-width: 980px) {
	#logo img{width:272px}
	#header .hcontact .phone{font-size:18px;margin-bottom:4px;}
	#header{background-position:50% 100%;min-height:1px;margin-bottom:-85px;}
	#nav{margin:9px 0 5px}
	#header .hcontact .button-pink{font-size:15px;padding:7px 22px;}
	.home_gall .slider-img{height:auto}
	#header .hcontact .phone  a{color:#eb458b;}
	.home_gall .slider-img{width:43%;}
}
@media (min-width: 600px) {
	#nav {display: block !important; }
}

@media (max-width: 600px) {
	body {font-size: 16px; line-height: 22px; }
	#page {min-width: 100%; }
	.content {width: auto; }
	#header {background-position: center bottom; padding-top: 20px; min-height: 180px; }
	#header #logo {width: 250px; margin-left: 0; }
	.nav-btn {display: block; margin-top: 30px; }
	#nav {padding-top: 20px; padding-bottom: 90px; display: block; width: 100%; float: none; clear: both; margin: 0; }
	#nav li {display: block; float: none; margin: 0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
	.home-content {min-height: 	1px; }
	.home-content p {margin: 0; font-size: 20px; }
	.home-content h1 {font-size: 70px; line-height: 70px; margin-bottom: 8px; }
	.home-content h4 {font-size: 22px; }
	.home-circles {background-size: 100% auto; }
	#online-appointment {width: 658px; height: 174px; top: 307px; right: 100%; margin-right: -220px;}
	#bulk-billing {width: 158px; height: 160px; top: 223px; left: -25px; }
	#follow-facebook {width: 210px; height: 55px; top: 460px; left: 50%; margin-left: -60px;}
	#home-phone {width: 185px; height: 139px; right: -17px; top: 205px;}
	#days365 {width: 160px; height: 157px; right: -30px; top: 306px;}
	#sidebar {display:none;width: 100%; float: none; margin-bottom: 10px; }
	.post {width: 100%; float: none; margin-bottom: 20px; padding-right: 0; padding-top: 20px; }
	.post .post-icon {top:-61px;right:-15px; }
	#google iframe {
		width: 100%;
		max-height: 230px;
	}
	.contact img {
		max-width: 45%;
		width: 100%;
	}
	#header .hcontact{text-align:center}
	#header .hcontact .button-pink{font-size:11px;}
	#header #logo{float:none;display:block;margin:0 auto 5px;}
	#nav{padding-bottom:10px}
	#follow-facebook{margin:0;}
	#bulk-billing{width:67px;height:71px;}
	#follow-facebook{width:177px;float:right;}
	#days365{width:115px;float:left;height:113px;}
	#home-phone{width:148px;float:right;height:106px;margin-right:-20px}
	.home-content{min-height:1px;padding:0 0 20px}
	#header .hcontact{float:none;width:100%;}
	#header .hcontact:after{display:block;clear:both;content:'';}
	.home_gall{overflow:hidden;}
	.content{padding:0 10px}
	.page-id-8 #sidebar{display:block; margin-top: 0;}
		.page-id-8 .post .post-icon{display:none;}

}

@media (max-width: 480px) {
	.home-content h1 {font-size: 50px; line-height: 50px; margin-bottom: 5px; }
	.home-content h4 {font-size: 14px; }
	.home-content p {font-size: 14px; }
	.home_gall {height: 220px;}
	.home_gall .slider-img {display: none; }
	.home_gall .slider-img.img_2 {width: auto; display: block; }
	.home_gall img {min-height: 0; }
	.contact img {
		float: none;
		max-width: 250px;
		margin-bottom: 20px;
	}

	#online-appointment {
		margin-right: -170px;
	}

	#main {
		margin-top: 110px;
	}

	.home #main {margin-top: 0;}
}

@media (max-width: 380px) {
	#header {min-height: 130px; }
	#header #logo {width: 200px; }
	.nav-btn {margin-top: 20px; }
}

@media (max-width: 350px) {
	/*.home-content {min-height: 417px; }*/
	.home-content h1 {font-size: 40px; }
	.home_gall {height: 190px;}
	/*#online-appointment {width: 578px; height: 174px; top: 257px; right: 100%; margin-right: -110px; }
	#bulk-billing {width: 128px; height: 129px; top: 163px; left: -25px; }
	#follow-facebook {width: 190px; height: 50px; top: 370px; left: 50%; margin-left: -95px; }
	#home-phone {width: 115px; height: 108px; right: -17px; top: 135px; }
	#days365 {width: 130px; height: 127px; right: -18px; top: 216px; }*/
}

@media only screen and (min-width : 320px) and (max-width : 560px) {
	body {-webkit-text-size-adjust: none;}
}