/*
Theme Name: Life's Visions
Theme URI: http://www.lifesvisions.co.uk/
Author: Michael Woodward
Author URI: http://michaelwoodward.co.uk
Description: Life's Visions Theme
Version: 10000
*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

* { padding:0; margin:0; font-size:15px; line-height:18px; border:none; outline:none; font-family: 'PT Sans', sans-serif; box-sizing:border-box; }
.clear { clear:both; }
a { text-decoration:none; }
div#container { }
div.inner { max-width:1200px; width:100%; margin:auto }
li { list-style: none; }

hr { border-bottom:#70C1B3 1px dotted; margin:20px 0 20px 0; }
#page p { margin-bottom:20px; }
input, textarea { border:#70C1B3 1px solid; padding:5px; }
.wpcf7-captcha-captcha-214 { margin:0 !important; }

.contactForm { float:right; margin-left:30px; width:50%; }

div#container div#upper { height: 120px; background: #247BA0; }
div#container div#upper div.inner { }
div#container div#upper div.inner h1 { padding-top:40px; margin-left: 6%; color:#FFF; font-size:60px; width:450px; }
div#container div#upper div.inner h1 span { color:#92CBC1; font-size:18px; display:block; padding-top: 19px; }

.contact { float:right; margin-top:-80px; margin-right:6%; }
.contact li { background: url('http://www.lifesvisions.co.uk/wpcms/themes/blankslate/images/phoneicon.fw.png') 0 0 no-repeat; line-height:24px; padding-left:30px; color:#FFF; font-weight:bold; }
.contact li:nth-child(1) { margin-bottom: 5px; background:none; line-height:24px; padding-left:0; color:#FFF; font-weight:bold;  }
.contact li:nth-child(2) { margin-bottom:5px; }
div#container div#upper div.inner span.nav-btn { }
div#container div#upper div.inner div.clear { }

div#container div#header { height:40px; background:#70C1B3; color:#FFF; text-transform:capitalize; }
div#container div#header ul { height:40px; bottom:0; left:0; list-style:none; margin-left: 6%; }
div#container div#header ul li { display:inline; line-height:40px; }
div#container div#header ul li a { float:left; color:#FFF; font-size:15px; text-decoration:none; font-weight:bold; padding:12px 12px; border-right:#247BA0 1px solid; height:40px; }
div#container div#header ul li:first-child a { border-left:#247BA0 1px solid; }
div#container div#header ul li a:hover { background:#1E6786; }

div#container div#header { }
div#container div#header div.inner { }
div#container div#header div.inner h1 { }
div#container div#header div.inner h1 a { }
div#container div#header div.inner ul.nav { }

div#container div.clear { }
div#container div#content { position:relative; }
div#container div#content div#slideshow { margin-bottom:15px; }
div#container div#content div#slideshow img {  max-width:100%; }
div#container div#content #slogan { text-align:left; font-size:30px; width: 450px; line-height:30px ; position: absolute; top: 165px; left: 6%; color:#FFF; font-family: 'PT Sans Narrow', sans-serif; font-style:italic; text-shadow: 3px 3px 2px rgba(26, 47, 64, 1); }

div#container div#content div.button { background:#3F8CAC; color:#FFF; width: 115px; line-height:40px; text-transform: capitalize; text-align:center; position:absolute; bottom:0; right: 33%; }
div#container div#content div.button:hover { background:#70C1B3; }
div#container div#content h3 { color: #3F8CAC; text-align:center; width:100%; border-bottom: 2px solid #3F8CAC; font-size: 22px; line-height:40px; }
div#container div#content .block { padding-bottom:70px; position: relative; margin-top:5px; }
div#container div#content #page { height: auto !important; margin: 0 6%; }
div#container div#content #page h3 { margin-bottom: 15px; text-align:left; }
div#container div#content #page p { text-align:left !important; padding:0 !important; }
div#container div#content .block img { margin:20px 0; max-width:100%; border: solid 3px #DCE8F0; }
div#container div#content p { text-align:center; }

div#container div#content div#left { float:left; width:25%; margin-left: 6%; }
div#container div#content div#centre { float:left; width:25%; margin-left: 6%; }
div#container div#content div#right { float:left; width:25%; margin-left: 6%; margin-right: 6%; }

div#container div#footer a:hover { color:#1E6786;}
div#container div#footer { background:#69B6AB; margin-top: 40px; color:#FFF; line-height:20px; padding-bottom:25px; }
div#container div#footer a { color:#FFF; line-height:20px; }
div#container div#footer div.inner { }

div#container div#footer div.inner div.left { float:left; margin-left:6%; }
div#container div#footer div.inner div.left ul li:before { content: "\00BB"; color:#FFF; }
div#container div#footer div.inner div.left h3 { color:#FFF; font-size:17px; margin-top:30px; margin-bottom: 10px; }
div#container div#footer div.inner div.left a { padding-left: 10px;  }   

div#container div#footer div.inner div.centre { float:left; margin-left:13%; }
div#container div#footer div.inner div.centre h3 {color:#FFF; font-size:17px; margin-top:30px; margin-bottom: 10px; }
div#container div#footer div.inner div.centre ul.nav { }

div#container div#footer div.inner div.right { float:right; margin-right:6%; width:33%; }
div#container div#footer div.inner div.right iframe { float:right; margin-top: 33px; border: solid 2px #3F8CAC !important; }

div#container div#lower { height:46px; background:#2F82A5; }
div#container div#lower div.inner { }
div#container div#lower div.inner p { line-height:50px; color:#FFF; padding-left:6%; }



@media screen and (min-width: 710px) and (max-width: 950px) {
	div#container div#content div.button { right: 10px; }
	div#container div#content h3 { text-align:left; }
	div#container div#content .block { height: auto; }
	div#container div#content .block img { float:left; margin: 10px 10px 0 0 ; }
	div#container div#content p { text-align:left; clear:right; margin-top: 10px; padding-right: 10px; }
	div#container div#content div#left { width:100%; margin:0; margin-top: 20px; }
	div#container div#content div#centre { width:100%; margin:0; margin-top: 20px; }
	
	div#container div#content div#right { width:100%; margin:0; margin-top: 20px; }
	div#container div#footer div.inner div.right iframe { display:none; }
	div#container div#footer div.inner div.centre { float:right; margin-right:6%; }
}

@media screen and (max-width: 710px) {
	div#container div#content div p { padding: 0 10px;}
	div#container div#content div#left { width:100%; margin:0; margin-top: 10px; }
	div#container div#content div#centre { width:100%; margin:0; margin-top: 20px; }
	div#container div#content div#right { width:100%; margin:0; margin-top: 20px; }
	div#container div#content .block img { margin: 10px auto; display:block; padding: 0; }
	div#container div#content .block { height: auto; }
	div#container div#content div.button { margin:15px auto 0 auto; position:relative; right:auto; }
	div#container div#footer div.inner div.right img { display:none; }
	div#container div#footer div.inner div.centre { float:right; margin-right:6%; }
	.contact { display:none; }
}

@media screen and (max-width: 521px) {
	div#container div#upper div.inner { height:auto; } 
	div#container div#upper div.inner h1 { width:98%; margin-bottom: 10px; padding-top: 20px; font-size:40px; }
	div#container div#upper div.inner h1 span { font-size:12px; }
	div#container div#upper { height: 83px !important; overflow: hidden; }
	div#container div#content #slogan { width:94% !important; font-size:19px !important; top: 10px !important; line-height: 19px !important; margin-top:0 !important; }
	div#container div#footer div.inner div.centre { display:none; }
	div#container div#footer div.inner div.left {float:none; margin:0; text-align:center; padding-top:1px; } 
	div#container div#lower div.inner p { text-align:center; }
}

@media screen and (min-width: 1px) and (max-width: 1026px) {
	div#container div#upper div.inner h1 { margin-left: 3%;  }
	div#container div#header { height: auto; }
	div#container div#header ul li:first-child a { border-left:none; }
	div#container div#content #slogan { font-size:23px; width: 450px; line-height:30px ; position: absolute; top: 20px; left: 3%; margin-top:-5px; }
	div#container div#content .block { padding: 0 10px;}
	div#container div#content #page { margin: 0 3% !important; }
	div#container div#footer { margin-top: 45px; }
	div#container div#footer div.inner div.left h3 { margin-top:25px; }
	.nav {height: auto !important; width: 100%; margin: 0; text-align: center; display:none; position:relative !important; top:0 !important; background:#66B3FF; padding-top:0 !important;}
	.nav li { display:block !important; padding:0; margin:0; float:none !important; line-height: 40px;font-weight: bold;position:relative; }
	.nav li ul { display:none !important;  }
	span.nav-btn { display:block !important; margin:0; text-align:right; cursor:pointer; position:absolute; top:5px; right:5px; width:25px; height: 25px; background: url(images/bars.fw.png) 0 0 no-repeat; }
	.nav-btn:before {  padding:0 10px; clear:both;}
	.nav li a { display:block !important; float:none !important; width:100%;  }
	div#container div#header ul { background:#70C1B3; margin-left:0 !important;width:100% !important; }
	div#container div#header ul li a:hover { background:#247BA0; }
	#nav { }
	.nav-btn { position:absolute; top:20px; right:0; width:25px; }
	.contactForm { display:block; float:none; margin-left:0; width:100%; }
	.block iframe { display:block; width:100%; }
}