/* 
Theme Name: John Davies Landscape
Theme URI: http://www.thewebmarketeers.co.uk
Description: This site was built using a combination of HTML 5, CSS 3, Javascript, JQuery and <a href="http://lesscss.org/">LESS</a> using responsive web design practises.  If you need any work doing or have any questions about it please email <a href="mailto:info@thewebmarketeers.co.uk">info@thewebmarketeers.co.uk</a>.  Thanks!
Author: The Web Marketeers
Author URI: http://www.thewebmarketeers.co.uk
Version: 1.2
*/

* {margin: 0; padding: 0;}

html, body {
	height: 100%;
	color: #333333;
	font-size: 13px;
	line-height: 22px;
	font-family:"Libre Baskerville", Times, serif;
	min-width: 960px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"gilda display", serif;
}

ul {list-style-type: none; margin: 0px; padding: 0px;}
a img {border: 0;}
.imgL {float: left; margin: 0 20px 5px 0;}
.imgR {float: right; margin: 0 0 5px 15px;}
.imgC {margin: 10px 0 20px 0;}
a:link {color: #333333; text-decoration: none;}
a:visited {text-decoration: none; color: #666666;}
p {margin-bottom: 15px;}
p a:link {text-decoration: none;}
.bullet li {list-style-type: disc; list-style-position: outside; margin: 0 0 15px 30px;}
table {border-collapse: collapse;}

/*Structure*/



input[type="text"], textarea {
	float:left;
	margin:0 0 12px;
	padding:4px;
	width:240px;
	font-family:"Times New Roman", Times, serif;
	color:#222;
}
div.wpcf7 {
	margin-top:-20px !important;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin-bottom: -50px;
	margin-top:100px;
	border-top:solid #000 1px;	
	padding-top:20px;
}
#placeholder {
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	position:relative !important;
	z-index:-1;
}
#placeholder img {
	width:100%;
}
.placeholder_off {
	display:none;
}
.flex-container {
	z-index:1;
}
#header {
	width: 960px;
	height: 70px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	position:inherit;
	float:left;
	width:34%;
}
#logo a {
	height:26px;
	width: 100%;
	display:block;
	background-repeat:no-repeat;
	overflow:hidden;
	background-position: 0 0;
	background-image:url("/wp-content/themes/johndavies/images/John_Davies.png");
	background-size:100%;
}

#nav_no_mob {
	float:right;
}
#mob {
	display:none;
}
#no_mob {
	display:block;
}
#nav_no_mob ul {
	float:right;
}
#nav_no_mob li {
	margin-right:11px;
	display:inline-block;
	width:auto;
}
#nav_no_mob li:last-child {
	margin-right:0px;
}
#nav_no_mob a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #000000 !important;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:12px;
}
#nav_no_mob a:hover {
	color: #999999;
}
#nav_no_mob li ul {
	display:none;
}
#nav_no_mob li:hover ul {
	display:block;
	top:40px;
	position:absolute;
	margin-left:-7px;
	padding-left:7px;
	z-index:99999;
}
#nav_no_mob li ul {
	width:150px;
	background-color:#FFF;
}
#nav_no_mob li ul li {
	width:150px;
	background-color:#FFF;
}
#nav_mob {
	display:none;
}

.content {
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#sidebar {float: left;width: 18%;}

#blogContent {width: 75%;float: right; padding-left: 30px;border-left: 1px solid #e0e0e0; margin-bottom: 10px;}

#blogContent ul {margin-bottom: 20px;}
#blogContent li {list-style-type:square;margin-left:50px;padding:0 0 15px}


#contentR {
	width: 680px;
	float: right;
}
#contentL {
	float: left;
	width: 180px;
}

#left_work {
	width:50%;
	float:left;
	position:inherit;
	display:inline-block;
}
#right_work {
	width:40%;
	float:left;
	position:inherit;
	padding:0 5%;
	display:inline-block;
	font-size:12px;
}
.attachment-work.wp-post-image {
  width: 100%;
  height:auto;
}
.push {height: 50px;clear: both;}

.footer {
    position: relative;
    display: table;
    width:100%;
    margin:20px 0 0;
    clear: both;
}
.footer ul.footerinfo{
	margin:0 auto;
	display:table;
}

.footer li {float: left;padding: 0 5px;}
.footer a, .footer li {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
.footer a:hover {color: #000000;}
.clear { clear: both }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
article {
	margin-bottom:24px;
}
.float {float: left;}
.ratioBG {
	background-image: url(../images/golden-ratio.jpg);
	background-repeat: no-repeat;
}
.twoColL {float: left;width: 49%;}
.twoColR {float: right;width: 49%;}


.listText,
#menu-work-categories{border-top: 1px solid #666;margin-bottom: 30px;}


.listText a,
#menu-work-categories a{display: block;border-bottom: 1px solid #666;font-size: 12px;line-height: 30px; font-family: Arial, Helvetica, sans-serif;}
.listText a:hover,
#menu-work-categories a:hover {color: #000000;background-color: #f2f2f2;}
.listText li,
#menu-work-categories li {display: inline;}
.listText a:visited,
#menu-work-categories a:visited {color: #000000;}

h1, h1 a {
	font-size: 38px;
	margin-bottom: 15px;
	line-height: 38px;
	letter-spacing: 1px;
	color: #000 !important;
	font-weight: normal;
}
h2, h2 a, h2 a:visited {
	font-size: 22px;
	color: #000 !important;
	line-height: 22px;
	padding: 15px 0 5px 0;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #000 !important;
	font-weight: normal;
}
.callout {
	font-size: 32px;
	float: left;
	line-height: 32px;
	padding-top: 0px;
	padding-right: 10px;ontact
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: italic;
	color: #454545;
}

	.textbox{
	width:80%;
	margin-right:auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}
.hide {display: none;}
#sidebar h3  {font-family: Arial; font-size: 11px; font-weight: bold; text-transform: uppercase;}

.entry {margin-bottom: 14px;}
.entry h3 {
	margin-bottom:9px;
}

.meta {text-align: right;}
.postmetadata {margin-bottom: 60px;}

/*Blog*/
.dateStamp {display: block; font-style: italic; color: #666; text-align: right; font-size: 14px; padding: 5px 0 0 0; text-transform: uppercase; border-top: solid 10px #e0e0e0; }

.archiveheaders {font-family: Arial; font-size: 12px; line-height: 12px; margin-bottom: 30px; text-transform: uppercase;}

.postmetadata, .postmetadata a {font-family: Arial; color: #333; font-size: 12px;}

.commentlist {font-family: Arial; color: #333; font-size: 12px; margin-left: 80px;}

.banner {margin-bottom: 30px;}

.searchinput {width: 175px; height: 20px; margin-bottom: 10px;}

.floatR {float: right; margin: 0 0 15px 15px;}
.alignnone {padding-top: 10px}

img.alignright {float:right; margin:0 0 5px 10px}
img.alignleft {float:left; margin:0 10px 5px 0}
img.aligncenter {display: block; margin: 0 auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin: 0 auto;}
.workcontainer {overflow: hidden;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #CCCCCC;}
.workcontainer li {font-family: Arial, Helvetica, sans-serif;display: inline;padding-right: 15px;font-size: 11px;text-transform: capitalize;font-weight: bold;}
.workcontainer p{padding: 0;margin: 0 0 20px;}
.gallerylink a {background: url(images/gallery-BG.jpg) no-repeat;font-family: Arial, Helvetica, sans-serif;background-position: right;font-weight: bold;line-height: 25px;padding-right: 25px;}
.workcontainer img,
.workcontainer iframe{float: left;margin-right: 50px;}
.workcontainer img {width: 100%;max-width: 100%;height: auto}
.workcontainer iframe{width:100%;max-width:100%;margin:0}
.workcontainer ul {padding: 15px 0;}
.gallerylink a:hover {color: #CCCCCC;}
.work-gallery h1 {padding-top: 30px}
.work-gallery p { width: 800px}

#secondary-slider .flex-direction-#nav_no_mob { display:none; }

#portfolio-filter li {
	display:inline-block;
	padding:10px;
}
#portfolio-filter a:active {
	color:#FFF;
	background-color:#000;
}
#portfolio-filter {
	font-family:Tahoma, Geneva, sans-serif;
	display:inline-block;
}
ul#portfolio-filter {
	width:100%;
	border-bottom:solid #CCC thin;
	margin-bottom:15px;
}
section > img, section > p > img,  section > a > img,  section > a > p > img {
	width:100%;
        Height:auto;
}
section img.imgR {
	width:50% !important;
}
#vision_img {
	margin-bottom:24px;
	width:100%;
}
.gallery {
	display:table !important;
	list-style:none;
	padding:0;
	margin:0 -5px 20px!important;
}
	.gallery .gallery-item {
		position:relative;
		float:left;
		max-width:100%!important;
		margin:5px;
		padding:5px;
		border:1px solid #A9A9A9;
		overflow:hidden;
	}
.gallery .gallery-item img{display:block;width:100%;max-width:100%;height:auto;float:none;margin:0}

#half_column {width:42%;padding:0 4%; float:left; position:inherit}

/* #nav_no_mob li a::after {
	content: " \2022";
	font-size: 9px;
	margin-left: 11px;
} */
#nav_no_mob li:last-child a::after, 
#nav_no_mob li li a::after {
	content: "";
	font-size: 9px;
	margin-left: 11px;
}
.home_text {
	width:70%;
	padding-right:2%;
	border-right:1px #868686 solid;
	margin-right:2px;
	position:inherit;
	float:left;
	margin-right:2%;
}
#home_entry {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 27px;
}
#home_sidebar {
	float:right;
	width:25%;
	position:inherit;
}
.textwidget input[type="text"] {
	width: 142px !important;
	margin-right: 10px;
}
.widgettitle {
	font-size:18px;
	color:#454545;
}
.widget {
	margin-bottom:23px;
}

dgre {
	float:left;
	margin:0;
	padding:4px;
}
button.css3button, input[type="submit"] {
	font-family: "Times New Roman", serif;
	font-size: 16px;
	color: #3f3f3f;
	padding: 4px 12px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e9e9e9 46%,
		#dcdcdc 52%,
		#dcdcdc 55%,
		#cfcfcf);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.46, #e9e9e9),
		color-stop(0.52, #dcdcdc),
		color-stop(0.55, #dcdcdc),
		to(#cfcfcf));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #b9b9b9;
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 1px 1px 1px rgba(250,250,250,0.6);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 1px 1px 1px rgba(250,250,250,0.6);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 1px 1px 1px rgba(250,250,250,0.6);
	text-shadow:
		0px 1px 1px rgba(255,255,255,0.5),
		0px 1px 1px rgba(173,002,173,0);
	margin-bottom:10px;
	width:100%;
}
.advanced_recent_posts_widget img {
	padding-bottom:7px;
	padding-top:4px
}
.advanced_recent_posts_widget {
	font-size:12px;
}
.advanced_recent_posts_widget .more-link {
	display: inline;
	font-weight: bold;
	color: #000;
}
button.css3button:hover, input[type="submit"]:hover {
	padding: 3px 11px;
	border: 2px solid #b9b9b9;
	background: -moz-linear-gradient(
		top,
		#f2f2f2 0%,
		#dedede 46%,
		#d1d1d1 52%,
		#d1d1d1 55%,
		#c2c2c2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f2f2f2),
		color-stop(0.46, #dedede),
		color-stop(0.52, #d1d1d1),
		color-stop(0.55, #d1d1d1),
		to(#c2c2c2));
}
button.css3button:active, input[type="submit"]:active {
	border: 2px solid #999999;
	background: -moz-linear-gradient(
		top,
		#f2f2f2 0%,
		#d1d1d1 46%,
		#bdbdbd 52%,
		#bdbdbd 55%,
		#b3b3b3);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f2f2f2),
		color-stop(0.46, #d1d1d1),
		color-stop(0.52, #bdbdbd),
		color-stop(0.55, #bdbdbd),
		to(#b3b3b3));
}
#no-margin {
	margin:0;
}
#contact_form {
	width:250px;
}
.advanced_recent_posts_widget img {
	width:100% !important;
}
.flexslider {
border: 0px none !important;
border-radius: 0px !important;
}

#text-4 {
	display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 30px;
}

img.john-davies-image {
    float: right;
    margin: 0 0 5px 10px;
    width:auto !important;
    height:auto !important;
}

.footer .socialmedia_widget {
    position: static;
    right: 20;
    bottom: -5px;
}
    .footer .socialmedia_widget > div {
	    clear: both;
		display: table;
		width: auto;
		margin: 20px auto;
    }
    .footer .socialmedia_widget a {
        float: left;
        display: block;
        background: #ccc;
        border:1px solid #ccc;
        border-radius: 100%;
        margin: 0 0 0 15px;
    }
    .footer .socialmedia_widget a:hover{
    	background:#fff
    }

        .footer .socialmedia_widget a .fa {
            width: 20px;
            padding: 10px 6px;
            display: block;
            text-align: center;
        }

.fa-houzz:before {
    content: "\f0e1";
}
.addthis_32x32_style{margin:15px 0;clear:both !important}
.addthis_32x32_style > a .at-icon-wrapper {
    background: #ccc !important;
    color: #000 !important;
}

.addthis_32x32_style > a .at-icon-wrapper .at-icon {
    fill: #666666 !important;
}

.addthis_32x32_style > a:hover .at-icon-wrapper .at-icon {
    fill: #000 !important;
}

@media screen and (min-width:860px) {
	#inner-content{margin-bottom:100px}
	.footer {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background:#fff;
		margin:0;
	    padding:10px 0;
	    z-index: 50;
	}
	.footer ul.footerinfo{
		margin:10px 0;
		float:left
	}
	.footer .socialmedia_widget {
		float:right;
	}
		.footer .socialmedia_widget > div {
		    display: block;
		    width: 100%;
		    margin: 0;
	    }
}
@media screen and (max-width: 640px) and (min-width: 421px){
	.gallery .gallery-item img{padding:0 !important}
}
@media screen and (max-width: 420px) and (min-width: 1px){
	.gallery .gallery-item
	.gallery .gallery-item{width:90%}
	.gallery .gallery-item img{padding:0 !important}
}