/* 
Theme Name: Tunbridge Ware
Author: Dan Ransome @ http://www.ransomedesign.co.uk/
Version: 1.0.0
Description: Responsive CSS and JS gallery, author profiles, custom user caps 
*/

/* Reset */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html { margin:0; padding:0; }
body { font-family:'Lora', Gill Sans, Arial, sans-serif; font-size:62.5%; color:#7c7c7c; background:url(slices/laf_background.jpg) repeat #fff;}

/* Broad Styles */
a { color:#5b604e; text-decoration:underline; }
a:hover { text-decoration:none; }
a img, a img:hover { border:none; }
a.tel { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { color:#5b604e; font-weight:normal; margin:0 0 20px 0;}
h1 { font-size:1.375em }
h2 { font-size:1.125em }
h3 { font-size:1em }
h4, h5, h6 { }
p { margin:0 0 1em 0; }
a img, a img:hover { border:none; }
img { display:block; }
.left { float:left; }
.right  { float:right; }
address { font-style:normal; }
form input { font-family:'Lora', Arial, sans-serif; font-size:100%; }
ul { margin-left:1.2em; }
input[type=search], input, textarea { -webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; }
.padding_top { padding-top:20px; }
.display_inline_block { display:inline-block; }

/* Liquid Layout Shells */
.outer { width:100%; }
.inner { margin:0 auto; padding:20px 30px; font-size:1.6em; max-width:960px;  }

/* Clearing Div Code */
.ie_clear { margin:0; padding:0; height:0; line-height:0; font-size:0; clear:both; }
.inner:before,.inner:after, .clear:before, .clear:after {  content: '\0020';  display: block;  overflow: hidden; visibility:hidden; width: 0;  height: 0;}
.inner:after, .clear:after {  clear: both;}
/*Older IE Versions*/
.inner, .clear { zoom: 1;}

/* WP Essentials */
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
img.alignleft, img.alignright, img.alignleft:hover, img.alignright:hover { border:3px solid #fff; border-radius:2px; }
img.alignleft { margin:0 20px 20px 0; }
img.alignright { margin:0 0 20px 20px; }

/* Header */
#header { background:#e1e7d3; border-bottom:1px solid #ccd2bd; }
#header p { margin:0; }
#header .right, #header .site_description, #header .logo { float:left; }
#header .logo { width:20%;  }
#header .logo img { width:100%; height:auto;  }
#header .site_description { color:#5b604e; vertical-align:top; width:47%; margin:0 3.5%; font-size:1.2em; text-align:center; }
#header .right { vertical-align:bottom; width:25%; }
#header .right a { text-decoration:none; }
#header .right a:hover { text-decoration:none; }
#header .right .widget:first-child { margin-bottom:5px; }

/* Nav */
.nav_search { position:relative; overflow:hidden; }
.nav_search form { border:1px solid #c4c4c4; border-radius:2px; -webkit-border-radius:2px; }
.nav_search form, .nav_search form input { margin:0; padding:0; }
.nav_search input#s { width:100%; height:1.2em; padding:.4em 0; text-indent:10px; border:none !important; background:#fff; border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; box-shadow:none !important; -webkit-appearance:none; -webkit-box-shadow:none !important; font-size:1em; display:block; }
.nav_search input#s:focus { background:#fff; outline:none; }
.nav_search input#searchsubmit { width:2em; height:2em; display:block; position:absolute; top:1px; right:1px; border:none; background:url(slices/search_icon_03.png) center center no-repeat #fff; background-size:60%; overflow:hidden; text-indent:-999px; text-transform:uppercase; cursor:pointer; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; }

#nav { }
#nav .inner { padding-bottom:0; padding-top:10px; }
#nav .inner nav { display:block; }
ul#primary { list-style:none; float:right; }
ul#primary li { float:left; }
ul#primary li a { display:block; color:#7c7c7c; padding:.75em 0; margin:0 0 0 1.875em; text-decoration:none; }
ul#primary li a:hover, ul#primary li.current-menu-item a { padding-bottom:.625em; border-bottom:2px solid #7c7c7c; }

/* Home / Index */
#cat_container .inner, #cat_container_posts .inner { padding-left:20px; padding-right:20px; max-width:980px;}
ul#cats { list-style:none; margin:0 0 0 0; padding:0; }
ul#cats li { width:22.959183%; padding:0 /*1.020408%*/; float:left; color:#666; margin:0 1.020408% 1% 1.020408%; display:block }
ul#cats li._1 { clear:left; }

ul#cats li h2 { text-align:center; margin:0 auto; padding:0.8em 1.6em; width:auto; }
body.home ul#cats li h2 { width:80%; }
ul#cats li h2 a { color:#5b604e; text-decoration:none; }

ul#cats .item_link { position:relative; }
ul#cats .item_link a.info_toggle { position:absolute; top:10px; right:0; display:table-cell; font-style:italic; width:2em; height:2em; text-align:center; vertical-align:bottom; background:#f5f5f5; line-height:2em; color:#afafaf; text-decoration:none; border:2px solid #fff; border-radius:2px; }
ul#cats .open_close a.button_active { color:#afafaf; background:#566B30; }

ul#cats li a { color:#666; }

h1.padding_left, padding_left { padding-left:10px; }
.inner_cat_shell, .inner_cat_shell div.img_frame { position:relative; box-shadow:0 0 1px 0 #e6e6e6; }
span.sold { font-family: 'Lora', Arial, sans-serif; position:absolute; top:2px; left:15px; display:block; padding:10px; padding-bottom:5px; color:#4f6227; background:#e1e7d3; z-index:99; border:1px solid #fff; }
span.large_sold { display:block; margin:0 0 1em 0; font-size:2em; color:#666; font-family:"Lora", Times, serif; font-style:italic; }

ul#cats ul.cat_overlay { list-style:none; margin:0; padding:0; width:100%; background: rgba(86, 107, 48, 0.9); position:absolute; top:0; left:0;  height:100%; }
span.border_padding { padding:10px; display:block; }
ul#cats ul.cat_overlay li { float:none; width:auto; margin:0; padding:0; }
ul#cats ul.cat_overlay li:first-child { margin-top:1em; }
ul#cats ul.cat_overlay li a { display:block; text-align:center; padding:.5em; color:#fff; text-decoration:none; }
ul#cats ul.cat_overlay li a:hover { text-decoration:underline; }

div.img_frame { border:3px solid #FFF; border-radius:2px; display:block; background:#fff; }
div.img_frame img { width:100%; height:auto; }

span.show_hide_button, a.dealer_scroll_button { display:block; padding:10px 15px; margin:0 0 1em 1em; background:#e1e7d3; color:#fff; float:right; border:1px solid #ccd2bd; border-radius:2px; }
a.dealer_scroll_button { display:inline-block; margin-left:40px; float:none; text-decoration:none; }
span.show_hide_button:hover { cursor:pointer; }
.show_hide { clear:both; }

/* UL in quarters */
ul.four { list-style:none; margin:0; padding:0; }
ul.four > li { width:23.4375%; float:left; margin-left:2.083%; } 
ul.four > li:first-child { margin-left:0; }

ul.four ul { list-style:none; margin:0; padding:0; }

/* Footer */

#footer .inner { padding-bottom:0; }
#footer { background:#e1e7d3; border-top:1px solid #ccd2bd; border-bottom:1px solid #ccd2bd; color:#5b5b5b;  }
#footer h3.widget_title { font-size:1.25em; }
#footer ul.four, #footer a, #footer h3 { color:#5b604e; }

span.footer_links { width:49%; display:inline-block; padding:10px 0 0 0; clear:left; }
span.footer_links img { max-width:80%; height:auto; display:block; margin:0 auto; }
/* overwrite above CSS for single column layout*/
span.footer_links { width:auto; display:block; padding:0 0 10px 0; clear:left; }
span.footer_links img { max-width:80%; height:auto; display:block; margin:0; }

/* Breadcrumb */
ul.breadcrumb { list-style: none; float:left; margin:0; }
ul.breadcrumb li { float: left; }
ul.breadcrumb li.no_link { font-size:1em; padding:.5em; padding-left:1.5em; line-height:1em; }
ul.breadcrumb li.last_item a:after { display:none; }
ul.breadcrumb li a { color:#7c7c7c; text-decoration: none; position: relative; display: block; font-size:1em; padding:.75em .6em .75em 1.1em; line-height:1em; }
ul.breadcrumb li:first-child a { padding-left:0; }
ul.breadcrumb li a:after { content:" "; display:block; height:1em; padding:.75em 0; width:.5em; background:url(slices/green_breadcrumb_arrow.png) right center no-repeat; background-size:contain;  position:absolute; left:99.5%; top:0; z-index:10; } 

ul.breadcrumb li:hover a {  }
ul.breadcrumb li:hover a:after { }

/* Sub Footer */
#sub_footer { background:#f0f0f0; border-bottom:10px solid #d6d6d6; color:#ababab; font-size:.875em; }
#sub_footer .inner { position:relative; z-index:10; }
#sub_footer .inner .ttt { width:38px; height:30px; background:url(slices/up_arrow.gif) top center no-repeat #d6d6d6; border-radius:2px 2px 0 0 ; position:absolute; bottom:-1px; left:50%; margin-left:-19px; border-top:1px solid #cecece; z-index:99; }
#sub_footer a { color:#ababab; }
#sub_footer p { margin:0; }

/* Single Content */
.single_content_column { float:right; padding:0 0 0 10%; width:50%; }
article h2 { color:#7c7c7c; }
.inline_block { display:inline-block; width:30%; border-radius:2px; border-top:1px solid #e6e6e6; }
.inline_block span:first-child { border-top:none; }
span.extra_info { display:block; padding:.675em; padding-left:0; border-top:1px solid #e6e6e6; color:#666; }
span.extra_info a { color:#666; }
h2.period, h2.origin { font-size:1em; padding:.675em; padding-left:0; border-top:1px solid #e6e6e6; color:#666; margin:0; }
span.dimensions { display:inline-block; width:33%; }
span.extra_info .wpcf7 { display:none; margin:0; padding:0; }
span.extra_info form { padding:1em 0 0 0; }
span.extra_info label { padding:0 0 0 2%; }
span.extra_info input, span.extra_info textarea { border:none; border:1px solid #d6d6d6; background:#fff; border-radius:2px; padding:2%; display:inline-block; max-width:94%; margin: 0; }
span.extra_info input[type=submit] { padding:2% 4%; }
span.email { background:#fff; padding:.675em; border:1px solid #d6d6d6 }
span.send_to_a_friend { margin-top:10px; }
span.posted_in { display:block; padding:.675em; }
span.posted_in a {  }

span.next_post, span.previous_post { float:left; width:20%; }
span.previous_post { float:right; }
span.next_post a, span.previous_post a { display:block; background:#fff; color:#666; border:1px solid #e6e6e6; border-radius:2px; padding:.625em; text-decoration:none; }
span.next_post a:hover, span.previous_post a:hover { text-decoration:underline; }
.double_post_nav_spacer { width:100%; margin:0; padding:0; height:10px; line-height:0; font-size:0; clear:both; }

/* Page */ 
#map { background:#fff; width:70%; height:15em; float:right; margin:0 0 1em 1em; padding:0; border-radius:2px; border:3px solid #fff; box-shadow:0 1px 3px 0 rgba(000, 000, 000, .18); position:relative; }
.author_map { float:none !important; width:auto !important; margin-left:0 !important; }

/* Gallery */
.gallery { width:65.625%; margin:0 0 2% 3.125%;/* 630, 30 */ float:right; }
div.gallery.portrait {}
div.gallery.landscape {}

span.img_shell, span.small_img_shell { display:block; border-radius:2px; padding:3px; background:#fff;  }
span.img_shell { box-shadow:0 1px 3px 0 rgba(000, 000, 000, .18); }
span.small_img_shell { display:inline-block; float:right; margin:0 0 1em 1em; }
span.featured_img { margin:0 0 3% 0; background:url(slices/ajax-loader.gif) center center no-repeat #fff; }

.gallery.portrait span.featured_img { width:47.619047%; float:left; }
.gallery.landscape span.featured_img { width:71.428571%; float:left; }

span.img_shell img, span.small_img_shell img { width:100%; height:auto; }

ul#gallery_thumbnails { list-style:none; margin:0; }
ul#gallery_thumbnails li { width:45%; height:auto; padding:0 0 5% 5%; float:left; display:block;  }
ul#gallery_thumbnails li img { width:100%; height:auto;  }

.gallery.portrait ul#gallery_thumbnails { width:47.619047%; float:right; }
.gallery.landscape ul#gallery_thumbnails { width:23.809523%; float:right; }
.gallery.landscape ul#gallery_thumbnails li { width:100%; padding:0 0 20px 0; }

/* Gallery Mobile Navigation */

.mobile_navigation { position:absolute; display:none; z-index:100; bottom:0; left:0; width:100%; height:40px; font-size:0; border-radius:0 0 2px 2px; overflow:hidden; background:rgba(255,255,255,.75); border-top:1px solid #fff;}
.mobile_navigation span.prev, .mobile_navigation span.next { display:inline-block; font-size:16px; width:50%; height:100%; float:left; text-align:center; line-height:40px; cursor:pointer; color:#666 }
.mobile_navigation span.next { float:right; box-shadow:1px 0 0 0 #fff inset; }

/* Widgets */
.widget_categories li a { text-decoration:none; display:block; margin-bottom:8px; }
.widget .wpcf7 { overflow:hidden; padding:1em 0 0 0; }
.widget .wpcf7 p { margin-bottom:5px; }
.widget .wpcf7 label { display:none; }
.widget .wpcf7 .wpcf7-form-control-wrap { display:block; }
.widget .wpcf7 input { border:1px solid #c4c4c4; border-radius:2px; background:none; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-indent:10px; padding:6px 0; width:100%; }
.widget .wpcf7 input:focus { outline:none; background:#f7f7f7; }
.widget .wpcf7 span.submit_spacer { display:inline-block; padding:0 0 0 80%; position:relative;}
.widget .wpcf7 input.wpcf7-submit { outline:none; background:#f7f7f7; color:#6f6f6f }
.widget .wpcf7 input.wpcf7-submit:active { background:#e7e7e7; }
input:focus { border:none; border-color:transparent; }
div.wpcf7 img.ajax-loader { position: relative; left: -70px; }
span.wpcf7-not-valid-tip { display:none !important; }
.widget .wpcf7 input.wpcf7-not-valid { border-color:red; }

.widget_recent_entries li, .widget_rd_recent_news li { margin-bottom:10px; }

footer .widget { margin-bottom:20px; }

.search_shell { display:block; position:relative; max-width:70%; overflow:visable; }
.search_shell input { width:100%; background:#fff; border:1px solid #c4c4c4; border-radius:2px; float:right;}
.search_shell #searchsubmit { width:auto; margin:0; }

#blog .search_shell { max-width:200px; }
#blog .search_shell input { max-width:200px; float:left; }


/* Blog */
#single article { margin-bottom:30px;  }
#blog article.no_top_border { border-top:none; }
#blog article { padding:1.875em 0; overflow:hidden; width:48%; }
#blog article span.small_img_shell { width:40%; height:auto; margin:0 0 1em 1em; }
#blog article.blog_post_1 { float:left; clear:both; }
#blog article.blog_post_2 { float:right; }

/* Overwrite for full width blog */
#blog article { width:100%; border-top:1px dashed #ccc; color:#7c7c7c;}
#blog article span.small_img_shell { width:auto; height:auto; margin:0 0 1em 1em; }
#blog article.blog_post_1, #blog article.blog_post_2 { float:none; }

/* Cookie Consent */
#catapult-cookie-bar { color:#5c5c5c; min-height: 30px;position: fixed;left: 0;bottom: 0;	z-index: 99999;background-color:#fff; background-color:rgba(255,255,255,.6); text-align:left;border-top: 1px solid #fff;	}
#catapult-cookie-bar a {color:#5c5c5c;}
button#catapultCookie {	margin:0 20px;line-height:20px;	background:#a7a7a7;	border:none;color:#fff;	padding:4px 12px;border-radius: 3px;cursor: pointer;font-size: 13px;font-weight: bold;}
.cookie_inner {	 }
			
/* Author Profile */
.pagination { text-align:center; padding:20px 0 0 0; }
.pagination a { display: inline-block; padding:8px; margin:0 2px 10px 2px; font-size: .8em; line-height: .8em; background: #fff;box-shadow:0 1px 3px 0 rgba(000, 000, 000, .18); border-radius: 2px; text-decoration: none; transition: all ease .25s; color: #666; }	
.pagination a.current_pagination_item { background: #989898; box-shadow: inset 0 1px 3px rgba(000,000,000,.1); color:#fff; }
.author_left { float:left; width:45%; }
.author_right { float:right; width:45%; }
.affiliate_logo_1, .affiliate_logo_2 { width:47%; display:inline-block !important; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:20px; }
.affiliate_logo_2 { margin-left:6%; }

.author_logo { max-width:100%; height:auto; }
		
/* Responsive CSS */
@media screen and (max-width: 60em){
ul#primary { float:left; margin:0; }
ul#primary > li:first-child a { margin-left:0; }
ul.breadcrumb { float:left; clear:both; }
#nav .nav_search { padding-bottom:10px; width:50% }
#nav .nav_search input#s { width:95%; float:right; }
#sub_footer .inner .left, #sub_footer .inner .right { float:none; }
#sub_footer .inner .left { margin-bottom:1em; }	
#sub_footer .ttt { left:auto !important; right:20px;  }
ul#cats li._1 { clear:none; }
.outer { overflow:hidden; }

}

@media screen and (max-width: 48.75em ){
.gallery { width:100%; margin:0 0 1em 0; float:none; position:relative; z-index:100; }
/*.gallery span.featured_img { margin:0 0 2% 0;  }
.gallery ul#gallery_thumbnails li { width:23.5%; padding:0 0 2% 2%; }
.gallery ul#gallery_thumbnails li:nth-of-type(4n+1){ padding-left:0; }*/
span.next_post, span.previous_post { width:30%; }
span.inline_block { display:block; width:auto; max-width:none; }
#map { width:100%; float:none; margin:0 auto; margin-bottom:1.875em; border:none; }
}

@media screen and (min-width: 38.0001em) and (max-width: 60em){
ul#cats li { width:31.3%; margin:0 1% 1% 1%; }
ul#cats li:nth-of-type(3n+1) { clear:left; }
#header .logo, #header .site_description, #header .right { width:31.1%; }
#header .site_description { margin:0 3.35%; }
}

@media screen and (max-width:38em){	
#nav .nav_search { width:100%; float:none; padding:0; margin-bottom:10px; }
#nav .nav_search input#s { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:auto; font-size:1.25em; line-height:1.25em; }
#nav .nav_search input#searchsubmit { width:2.25em; height:100%; }
ul.four { }
ul.four > li { width:46%; float:left; margin:0 2% !important; margin-bottom:200px; } 
ul.four > li:nth-of-type(2n+1) { clear:both }
ul.four > li:first-child { }
span.next_post, span.previous_post { width:45%; }
#sub_footer .inner { padding-bottom:60px; }
#sub_footer .ttt { left:50% !important; right:auto;  }
.author_left, .author_right { width:auto; float:none; }
#header .logo, #header .right { width:46%; }
#header .right { float:right; }
#header .site_description { display:none; }
}

@media screen and (min-width: 25.0001em) and (max-width: 38em){
body {   }
.outer {  }
.inner {  }
ul#cats li { width:46%; margin:0 2% 2% 2%; }
ul#cats li:nth-of-type(2n+1) { clear:left; }
}

@media screen and (max-width: 25em){
a.tel { text-decoration:underline !important }
	
.inner { width:90% !important; padding:20px 0 !important; }
ul#cats li { width:100%; padding:0 0 30px 0; clear:left; margin:0; }
ul.four > li { width:100%; float:none !important; margin:0 !important; padding-top:30px !important; padding-bottom:30px; border-top:1px dashed #aeaeae; }
ul.four > li:first-child { padding-top:0 !important; border-top:none !important; }
.gallery span.featured_img { margin:0 !important; width:auto !important; float:none; }
.gallery .gallery_thumbnails { display:none; }
.gallery .mobile_navigation { display:block; }
}