/*
Theme Name: Osteopath West V2
Theme URI: http://www.brightcherry.co.uk
Description: Custom Osteopath Theme
Author: BrightCherry (www.brightcherry.co.uk)
Version: 2.0
*/

/* Global
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

ol, ul {
	list-style: none;
}

a{
	color:#009ab1;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a img {
	border: 0;
}

* {
	box-sizing: border-box;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

img,
iframe{
	display:block;
	max-width:100%;
}

p{
	font-size:15px;
	margin: 15px 0;
	line-height: 1.5em;	
}

h1,h2,h3,h4,h5{
	font-weight:normal;
	line-height:1.2em;
}

h1{
	font-size:32px;
	padding-bottom:10px;
}

h2{
	font-size:26px;
}

h3{
	font-size:20px;
}

h4{
	font-size:18px;
}

h5{
	font-size:16px;
	font-weight:bold;
}

.clear{
	width:100%;
	clear:both;
	height:0;
	display:block;
}

.clear.break{
	height:15px;
}


.black,
.post-content h5.black{
	color:#000;
}

/* =Structure
----------------------------------------------- */

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	background:#eee;
}


#wrapper{
	position:relative;
	width:100%;
	max-width:1120px;
	min-width:360px;	
	background:#fff;	
	margin: 0 auto;
}

.setwidth{
	padding:0 40px;
}

#main-content{
	padding:30px 50px;
	text-align:left;
}

#main-content .content-left{
	float:left;
	width:64%;
}

#sidebar{
	float:right;
	width:32%;
}

.btn,
input[type="submit"]{
	background-color:#009ab1;
	color:#fff;
	display:inline-block;
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
	padding:6px 15px;
	line-height:1em;
	border:2px solid #009ab1;
	border-radius:6px;
	text-align:center;
}

.btn:hover,
input[type="submit"]:hover,
button:hover{
	background:#fff;
	color:#009ab1;
	cursor:pointer;
}

.btn-orange,
.mc4wp-form .submit input[type="submit"],
.default-form .wpcf7-submit{
	background-color:#ff3b00;
	border-color:#ff3b00;
}

.btn-orange:hover,
.mc4wp-form .submit input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover{
	background-color: #b93008;
	color:#fff;
}

.btn.small{
	font-size:12px;
	padding:3px 6px;	
}

.featured-in{
	width:100%;
	text-align:center;
	padding:30px 0 0 0;
}

.featured-in h4{
	font-weight:700;
	font-size:17px;
	color:#009ab1;
	text-transform:uppercase;
}

.featured-in img{
	width:100%;
	max-width:100%;
	height:auto;
}

/* =Header
----------------------------------------------- */

#header{
	position:relative;
	padding:25px 0;
}

a.logo{
	position:relative;
	z-index:2;
	display:inline-block;
	float:left;
}

.header-contact{
	position:relative;
	z-index:2;
	float:right;
	text-align:right;
	color:#009ab1;
}

.header-contact .btn{
	margin-bottom:8px;
}

.header-contact h3{
	text-transform:uppercase;
	font-size:21px;
	margin-bottom:4px;
}


.header-contact h4{
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	display:block;
	padding-bottom:2px;
}

.header-contact ul.social-links{
	float:right;
	clear:both;
	padding-bottom:26px;
}

.header-contact ul.social-links li{
	display:inline-block;
	margin-left:6px;
}

.header-contact ul.social-links li a{
	display:block;
}

.header-contact ul.social-links li a img{
	height:30px;
	width:auto;
}

.header-contact ul.social-links li a img:hover{
	opacity: 0.8;
}	


.header-contact.table{
	display:table;
	width:auto;
	border-collapse: collapse;
	table-layout: fixed;		
}

.header-contact .table-cell{
	display:table-cell;
	vertical-align:top;
	text-align:right;
}

.header-contact .table-cell.email,
.header-contact .table-cell.call{
	padding-left:14px;
}


.header-contact .table-cell h3{
	text-transform:none;
	font-size:16px;
}


#navigation{
	position:absolute;
	right:0;
	top:0;
}

#navigation a.showhidemenu{
	display:none;
	font-size:32px;
	background:#009ab1;
	clear:both;
	padding:4px 10px 3px 10px;
	border-radius: 50%;	
	color:#fff;
	line-height:1.3em;
}

#navigation ul#nav{
	
}

#navigation ul#nav li{
	display:inline-block;
	margin-left:6px;
}

#navigation ul#nav li a{
	display:block;
	text-transform:uppercase;
	font-size:15px;
	font-weight:700;	
	text-decoration:none;
	padding:180px 8px 10px 8px;
}

#navigation ul#nav li a:hover,
#navigation ul#nav li.current-menu-item a{
	background:#d5ecf2;
}

.banner{
	display:block;
	margin-top:30px;
}

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


/* =Footer
----------------------------------------------- */

.call-to-actions{
	text-align:center;
	width:100%;
	border-top:1px solid #009ab1;
	margin-top:20px;
	padding:40px 0;
	vertical-align:top;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
}

.call-to-actions a{
	display:block;
	width:100%;
	text-decoration:none;
	text-align:center;
	vertical-align:top;	
	padding:10px;
}

.call-to-actions a:hover{
	background:#d5ecf2;	
}

.call-to-actions a img{
	max-height:130px;
	width:auto;
	margin:0 auto;
}

.call-to-actions a span.title{
	display:block;
	font-size:17px;
	text-transform:uppercase;
	padding:20px 0 10px 0;
}

.call-to-actions a span.desc{
	color:#000;
	line-height:1.4em;
	font-size:15px;
}

#footer{
	position:relative;
	background:#d5ecf2;
	border-top:2px solid #009ab1;
	padding:30px;
}

#footer img.accreditations{
	position:absolute;
	right:40px;
	bottom:30px;
	width:400px;
	height:auto;
}

#footer .doctify-widget {
	position: relative;
	float: right;
	width: 150px;
}

.address{
	text-align:left;
	float:left;
}

.address p strong{
	font-size:15px;
	display:inline-block;
	clear:both;
	padding-bottom:5px;
}

.address p{
	font-size:14px;
	color:#009ab1;	
}

ul#location-nav li{
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
}

.copyright p{
	font-size:12px;
}


/* =Post Content
----------------------------------------------- */

.landing_page-template-default h1,
.landing_page-template-default #thankyou-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5{
	color:#009ab1;	
}

.post-content h2{
	padding:15px 0 0 0;
}

.post-content h3{
	padding:15px 0 0 0;
}

.post-content h4{
	padding:15px 0 0 0;
}

.post-content h4 + p,
.post-content h5 + p{
	margin-top:10px
}

.post-content h5{
	padding:15px 0 0 0;
}

h2.faq-title{
	padding-top:30px;
}

.post-content ul,
.post-content ol{
	font-size:15px;
	margin: 15px 20px 25px 20px;
	line-height: 1.5em;	
}

.post-content ul.noindent{
	margin-left:0;
}

.post-content ul{
	list-style-type:none;
  padding-left: 0;	
}

.post-content ol{
	list-style-type:decimal
}

.post-content ul li,
.post-content ol li{

}

.post-content ul li {
	position: relative;
	padding: 8px 0 0px 30px;
}

.post-content ul li::before {
  content: "\2022";
  color: #009ab1;
  font-size: 38px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}

blockquote{
  font-size: 16px;
  width:90%;
  margin:50px auto;  
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #009ab1 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#009ab1;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.testimonials-wrapper blockquote{
	padding-bottom:60px;
}

.testimonials-wrapper blockquote img{
	width:120px;
	height:auto;
	float:left;
	position:relative;
	left:-40px;
	top:20px;
	z-index:2;
	border:6px solid #fff;
	transform: rotate(-10deg);
  -webkit-box-shadow: 3px 3px 3px 1px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 3px 1px #999;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 3px 1px #999;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.testimonials-wrapper blockquote span{
	position:relative;
	left:-20px;
	padding-top:30px;
}



table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  margin:20px 0;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
}

table th {
  text-transform: uppercase;
  background:#009ab1;
  color:#fff;
}

table td {
	line-height:1.6em;
}	

table .centeralign{
	text-align:center;
}


/* =Sidebar
----------------------------------------------- */

#sidebar{
	padding-top:15px;
}

#sidebar h3{
	padding-bottom:5px;
	font-size:21px;
	margin-bottom:12px;
	color:#009ab1;
	text-align:center;
}

#sidebar .widget-area{
	border:3px solid #009ab1;	
	padding:14px;
}

.arpw-random-post a{
	display:block;
	padding:2px 10px 12px 10px;
	line-height:1.5em;
	text-decoration:none;
	border-bottom:1px solid #d5ecf2;
}

.arpw-random-post a:hover{
	text-decoration:underline;
}


/* =Blog posts
----------------------------------------------- */

.post{
	padding:20px 0;
}

.post p{
	margin-top:10px;
}

.post h2 a{
	font-size:18px;
}

.meta{
	color:#009ab1;
	font-size:13px;
	margin:0;
}

h1 span.page-num{

}

.wp-pagenavi{
  margin:30px 0;
}

.wp-pagenavi a, 
.wp-pagenavi a:link,
.wp-pagenavi a:active,
.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi span.extend{
  float:left;
  padding: 6px 12px 6px 12px; 
  text-decoration: none;
  margin: 2px;
  border: 1px solid #009ab1;
  color: #fff;
  background-color: #FFFFFF;
}

.wp-pagenavi a, 
.wp-pagenavi a:link,
.wp-pagenavi span.pages{
  color:#009ab1;
}

.wp-pagenavi span.current{
  font-weight: bold;
  background-color: #009ab1;
}

.wp-pagenavi span.extend {
  background-color: #FFFFFF;
}

.wp-pagenavi a:hover {  
  border: 1px solid #009ab1;
  color: #fff;
  background-color: #009ab1;
}


/* =Accordion
----------------------------------------------- */

.accordion-wrapper{
	padding-top:10px;
}

.accordion-wrapper .accordion{
	padding:10px 0;
}

.accordion-wrapper h3{
	font-size:18px;
	line-height:1.4em;
}

.accordion-wrapper h3:hover,
.accordion-wrapper h3.active{
	color:#009ab1;
	cursor:pointer;
}

.accordion-wrapper h3 span.counter{
	display:inline-block;
	padding-right:10px;
	color:#009ab1;
	width:40px;
	text-align:left;
	vertical-align:top;
}

.accordion-wrapper h3 span.question{
	display:inline-block;
	overflow:auto;
	width:80%;
}

.accordion-content {
	display: none;	
	padding: 0 0 0 40px;
}

/* WP Image alignment
------------------------------------------------------------------*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 25px 15px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 15px 25px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #eee;	
	max-width: 96%;
	padding: 10px;
	margin-bottom:30px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #000;
	font-size: 14px;
	font-style:italic;
}
.wp-caption .wp-caption-text {
	padding: 0;
	position: relative;
}

img.size-full{
	height:auto !important;
	width:auto !important;
}


/* =Homepage videos
----------------------------------------------- */

.video-wrapper{
	margin:40px 0 0 0;
}

.video-wrapper h2.title{
	padding-bottom:20px;
}

.videos.grid.col-2{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

.responsive-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.responsive-video iframe, 
.responsive-video object, 
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.doctify-carousel{
	padding:30px 40px	
}



/* =Landing page
----------------------------------------------- */

.landing_page-template-default #header{
	padding-bottom:0;
}

.landing_page-template-default #main-content{
	padding-top:0;
}

.landing_page-template-default h1,
.landing_page-template-default #thankyou-content h1{
	text-align:center;
	max-width:700px;
	font-size:38px;
	margin:0 auto;
	padding-bottom:40px;
}

.bio-panel,
.video-panel,
.location-panel{
	display:table;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  vertical-align:top;
}

.video-panel .left{
	display:table-cell;
	width:60%;
	position:relative;
	vertical-align:top;
	background: #000;
}

.video-panel .left iframe{
	width:100%;
	padding:20px;
	height:400px;
}

.video-panel .right{
	display:table-cell;
	vertical-align:top;
	width:40%;
}

.location-panel {
	background:#eee;
	margin-bottom:80px;
}

.location-panel .left{
	display:table-cell;
	width:30%;
	position:relative;
	vertical-align:top;
	padding:30px;
}

.location-panel .right{
	display:table-cell;
	vertical-align:top;
	width:70%;
	padding:30px;
}

.location-panel .right iframe{
	width:100%;
  border: 5px solid #fff !important;	
}

.location-panel h3,
.location-panel h4,
.bio-panel h3,
.bio-panel h4{
	font-weight:700;
	color: #009ab1;
}

.location-panel .left  h4{
	padding-top:20px;
}

.landing_page-template-default .testimonials-wrapper blockquote{
	width:100%;
}


.bio-panel{
	margin:100px 0 50px 0;
}

.bio-panel .left{
	display:table-cell;
	width:40%;
	position:relative;
	vertical-align:top;
}


.bio-panel .right{
	display:table-cell;
	width:50%;
	position:relative;
	vertical-align:top;
	padding:30px;
}




.wpcf7-text,
.wpcf7-email,
.wpcf7-textarea,
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"]{
	display:block;
	padding:10px 8px;
	font-size:16px;
	width:100%;
	margin-bottom:15px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
}

.wpcf7-textarea{
	margin-top:8px;
}


.mc4wp-form .submit input[type="submit"],
.wpcf7 input[type="submit"]{
	width:100%;
	font-weight:bold;	
	background:#e95723;
	display:block;
	text-align:center;
	padding:15px;
	border:1px solid #fff;
	margin-top:20px;
	white-space: normal;
	line-height: 1.3em;	
}


.mc4wp-form .submit input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover{
	background-color: #b93008;
	color:#fff;
}

.wpcf7-list-item {
	position:relative;
	margin: 0 !important;
}

.wpcf7-list-item input[type=checkbox]{
	position: absolute;
	left: 0;
	margin: 0;
	top:1px;
}

.wpcf7-list-item-label {
	padding-left: 22px;
	color: #fff;
	line-height: 1.4em;
	overflow: auto;
	display: block;
}

.wpcf7-not-valid-tip{
	display: inline-block !important;
	padding-left: 0;
	color: #f9ff00 !important;
	font-weight: bold !important;
	position: relative;
	bottom: 10px;	
}

div.wpcf7-response-output{
	margin: 0 !important;
	border: 0 !important;
	padding: 10px 25px !important;
	position: relative;
	bottom: 10px;
	background: #007699;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size:14px;
	line-height:1.4em;
}

div.wpcf7-validation-errors{
	background:#990000 !important;
	color:#fff;
}

div.wpcf7-mail-sent-ok {
	background:#81b7bf !important;
	color:#fff;
}


.default-form form,
.mc4wp-form{
	background-color:#009ab1;
	padding:20px;
}

.default-form.light-scheme form{
	background-color:#fff;
}

.default-form h2,
.default-form h3{
	color:#fff !important;
	text-align:center;
	padding:10px 0;
}


.default-form p{
	font-size:17px;
	color:#fff;
	line-height:1.4em;
	padding:10px 0;
}

.default-form.light-scheme h2,
.default-form.light-scheme h3,
.default-form.light-scheme p,
.default-form.light-scheme .wpcf7-list-item-label{
	color:#000 !important;
}


.default-form.light-scheme .wpcf7-not-valid-tip{
	color:red !important;
}

.mc4wp-form .title{
	display:block;
	text-align:center;
}

.mc4wp-form .title h3{
	padding-top:0;
	color:#fff !important;
	font-size:21px;
}

.mc4wp-form .title h4{
	color:#fff !important;
	font-size:16px;
	padding:3px 0 12px 0;
}


.mc4wp-form .mc4wp-response{
	color:#fff;
	font-weight:bold;
	margin:0 0;
}

.mc4wp-form .mc4wp-response p{
	margin-bottom:0;
}

.footer-signup .title{
	padding-top:10px;
}

.footer-signup .mc4wp-form-fields .field{
	display: inline-block;
	margin-right: 5px;
}

.footer-signup .mc4wp-form .submit{
	display: inline-block;
	margin-left:10px;
}

.footer-signup .mc4wp-form .submit input[type="submit"] {
	padding-top:10px;
	padding-bottom:10px;
}


.fearured-download{
	margin-top:50px;
	background-color:#d5ecf2;
	padding:30px;

}	

.fearured-download .default-form.light-scheme form{
	width:100%;
	max-width:780px;
	margin:0 auto;
	border-radius:20px;	
	padding:25px
}

.fearured-download img{
	width:100%;
	height:auto;
	margin:20px 0;
}

.wpcf7 form div.visible-only-if-sent {
  display: none;
}
 
.wpcf7 form.sent div.visible-only-if-sent {
  display: block;
	text-align: center;
	border: 2px solid #e05515;
	padding: 20px;
	font-size:19px;
	margin-bottom:40px;
}


#sidebar .download-c2a {
	background-color: #d5ecf2;
	padding: 26px;
	border-radius: 12px;
  text-align: center;
}

#sidebar .download-c2a h2 {
	font-size: 21px;
	font-weight: 700;
}

#sidebar .download-c2a img{
	margin:20px 0;
	width:100%;
	height:auto;
}

#sidebar .download-c2a .btn{
	font-weight: bold;
	display: block;
	text-align: center;
	white-space: normal;
	line-height: 1.3em;
	font-size:15px;
}