/******************************************************************
Theme Name: Spruce
Theme URI: 
Description: A custom wordpress theme designed and developed by Terrace Partners and McKinleyBrown & Bradley
Author: Terrace Partners and McKinleyBrown & Bradley
Author URI:
Version: 1.3
******************************************************************/




/* ---------------------------------------------------------------------------------------------------------- 
01 Mixins & Constants ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/********************* CLEARFIXIN' *********************/
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/********************* TOOLS *********************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/********************* & Fix *********************/
span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.alert { margin: 10px; padding: 5px 18px; border: 1px solid; }
.alert-help { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #e8dc59; background: #ebe16f; }
.alert-info { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #bfe4f4; background: #d5edf8; }
.alert-error { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #f8cdce; background: #fbe3e4; }
.alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #deeaae; background: #e6efc2; }

.clear { clear: both; }

hr {
	clear: both;
	display: block;
	height: 0;
	border-bottom: 1px solid #dcd9ce;
	border-top: 0px solid #dcd9ce;
	border-left: 0px solid #dcd9ce;
	border-right: 0px solid #dcd9ce;
	padding-top: 30px;
	margin-bottom: 30px;
}

hr.space {
	clear: both;
	display: block;
	height: 0;
	border-bottom: 0px solid #dcd9ce;
	border-top: 0px solid #dcd9ce;
	border-left: 0px solid #dcd9ce;
	border-right: 0px solid #dcd9ce;
	padding-top: 5px;
	margin-bottom: 5px;
}

::selection {
background: #b4f2b8;
color: #000;
text-shadow: none;
}

body p, body pre {
	margin: 0 0 1.5em 0;
}


/* ---------------------------------------------------------------------------------------------------------- 
02 Base Size (Mobile Devices/iPhone) ------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {
	font-family: "hypatia-sans-pro", sans-serif;
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: #494544;
	background: #6598a6;
	padding-bottom: 100px;
}

#container, .container {
	display: block;
	background: #fefefe;
	margin: 0 auto;
	width: 100%;
}

#logo { display: block; margin: 20px 0 5px 0; }

#logo img { 
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
}

header.header {
	background: url(library/images/header-bk.png) left bottom repeat-x #fff;
}

/******************** MOBILE GRID ***********************/

.onecol, .grid1, .twocol, .grid2, .threecol, .grid3, .fourcol, .grid4, 
.fivecol, .grid5, .sixcol, .grid6, .sevencol, .grid7, .eightcol, .grid8, 
.ninecol, .grid9, .tencol, .grid10, .elevencol, .grid11, .twelvecol, .grid12 { 
	width: 100%; padding: 20px;
}

/* Fixes Grids inside of Grids */
.twelvecol .onecol, .twelvecol .grid1, .grid12 .onecol, .grid12 .grid1, 
.twelvecol .twocol, .twelvecol .grid2, .grid12 .twocol, .grid12 .grid2, 
.twelvecol .threecol, .twelvecol .grid3, .grid12 .threecol, .grid12 .grid3, 
.twelvecol .fourcol, .twelvecol .grid4, .grid12 .fourcol, .grid12 .grid4, 
.twelvecol .fivecol, .twelvecol .grid5, .grid12 .fivecol, .grid12 .grid5, 
.twelvecol .sixcol, .twelvecol .grid6, .grid12 .sixcol, .grid12 .grid6, 
.twelvecol .sevencol, .twelvecol .grid7, .grid12 .sevencol, .grid12 .grid7, 
.twelvecol .eightcol, .twelvecol .grid8, .grid12 .eightcol, .grid12 .grid8, 
.twelvecol .ninecol, .twelvecol .grid9, .grid12 .ninecol, .grid12 .grid9, 
.twelvecol .tencol, .twelvecol .grid10, .grid12 .tencol, .grid12 .grid10, 
.twelvecol .elevencol, .twelvecol .grid11, .grid12 .elevencol, .grid12 .grid11, 
.twelvecol .twelvecol, .twelvecol .grid12, .grid12 .twelvecol, .grid12 .grid12,
.eightcol .onecol, .eightcol .grid1, .eightcol .twocol, .eightcol .grid2, 
.eightcol .threecol, .eightcol .grid3, .eightcol .fourcol, .eightcol .grid4, 
.eightcol .fivecol, .eightcol .grid5, .eightcol .sixcol, .eightcol .grid6, 
.eightcol .sevencol, .eightcol .grid7, .eightcol .eightcol, .eightcol .grid8, 
.eightcol .ninecol, .eightcol .grid9, .eightcol .tencol, .eightcol .grid10, 
.eightcol .elevencol, .eightcol .grid11, .eightcol .twelvecol, .eightcol .grid12,
.sevencol .onecol, .sevencol .grid1, .sevencol .twocol, .sevencol .grid2, 
.sevencol .threecol, .sevencol .grid3, .sevencol .fourcol, .sevencol .grid4, 
.sevencol .fivecol, .sevencol .grid5, .sevencol .sixcol, .sevencol .grid6, 
.sevencol .sevencol, .sevencol .grid7, .sevencol .eightcol, .sevencol .grid8, 
.sevencol .ninecol, .sevencol .grid9, .sevencol .tencol, .sevencol .grid10, 
.sevencol .elevencol, .sevencol .grid11, .sevencol .twelvecol, .sevencol .grid12,
.sixcol .onecol, .sixcol .grid1, .sixcol .twocol, .sixcol .grid2, 
.sixcol .threecol, .sixcol .grid3, .sixcol .fourcol, .sixcol .grid4, 
.sixcol .fivecol, .sixcol .grid5, .sixcol .sixcol, .sixcol .grid6, 
.sixcol .sevencol, .sixcol .grid7, .sixcol .eightcol, .sixcol .grid8, 
.sixcol .ninecol, .sixcol .grid9, .sixcol .tencol, .sixcol .grid10, 
.sixcol .elevencol, .sixcol .grid11, .sixcol .twelvecol, .sixcol .grid12 { 
	padding: 5px 0px;
}

/********************* LAYOUT STYLES *********************/

.wrap { width: 92%; margin: 0 auto; }


/********************* BLOG LAYOUT ***********************/

.blog #main { margin-top: 20px; }

div.featured-blog-img {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	margin-bottom: 20px;
}

div.featured-blog-img img {
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
}

div.author-avatar { display: block; float: left; margin: 8px 10px 0 0; }

.datecard {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	font-family: "hypatia-sans-pro", sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 14px 12px;
	margin: 0 10px 10px 0;
	min-width: 75px;
	display: block;
	float: left;
	text-align: center;
	background: #7388C4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
	text-transform: uppercase;
}

.datecard span {
	font-size: 2.4em;
	font-family: "hypatia-sans-pro", sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	text-align: center;
	text-transform: none;
}

.blognav {
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	border-top: 1px solid #dcd9ce;
	border-bottom: 1px solid #dcd9ce;
	padding: 8px 0;
	margin-bottom: 30px;
}

.blognav .prev { display: block; float: left; }
.blognav .next { display: block; float: right; }

.post-featured-img {
	display: block;
	width: 100%;
	float: none;
	margin: 0 0 30px 0;
}

.post-featured-img img {
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
}

ul.author-posts { margin: 0; list-style: none; font-size: .8em; }
ul.author-posts li { border-bottom: 1px solid #f1f1f1; clear: both; }
.homecol2 ul.author-posts li img { margin-top: 5px!important; }
ul.author-posts a span { color: #f65e46; text-transform: uppercase; font-weight: 600; }
ul.author-posts a { color: #5a311e; }
ul.author-posts a:hover { color: #7388C4; }
ul.author-posts div p { margin: 0 0 .2em 0; }

p.tags { 
	color: #999;
	font-size: .6em;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase; letter-spacing: 1px;
	margin-top: 15px;
	padding-top: 12px;
	border-top: 1px dotted #dcd9ce;
}

p.tags a { color: #888; }
p.tags a:hover { color: #7388C4; }

ul.recent-posts li {
	border-bottom: 1px solid #dcd9ce; clear: both; padding-bottom: 8px; margin-bottom: 12px;
}

ul.recent-posts-img { clear: both; }
ul.recent-posts-img li {
	width: 46%; margin: 1%; padding: 0; display: inline-block; float: left;
}

/********************* Instagram Feed on Blog *********/

.resp-tab-content a[rel="sInstRecentMediaWid[instagram]"],
.resp-tab-content a[rel="sIntSelfFeed[instagram]"],
.widget_instagram_recent_media a,
.widget_instagram_self_feed a {
	display: inline-block; width: 25%;
}

.resp-tab-content a[rel="sInstRecentMediaWid[instagram]"] img.front-photo,
.resp-tab-content a[rel="sIntSelfFeed[instagram]"] img.front-photo,
.widget_instagram_recent_media a img,
.widget_instagram_self_feed a img {
	padding: 0; margin: 0; border: 0px solid #333; border-radius: 0; 
	-webkit-box-shadow: 0 0 0 0 #000; -moz-box-shadow: 0 0 0 0 #000; box-shadow: 0 0 0 0 #000;
}

.resp-tab-content-active h2 { display: none; visibility: hidden; }

div#demoTab { background: #696268; }
ul.resp-tabs-list li.resp-tab-item { 
	background: #696268; color: #fff; font-size: 25px; 
	border-left: 1px solid #fff; padding: 3px 3px 3px 8px!important;
	width: 25%;
	text-align: center;	
}
ul.resp-tabs-list li.resp-tab-item span { font-size: 16px; }
ul.resp-tabs-list li.resp-tab-active { background: #f6f6f6; color: #696268; border-color: #f6f6f6; }
div.resp-tabs-container { background: #f6f6f6; border-color: #f6f6f6; }
div.resp-tab-content { border-color: #f6f6f6; }

.resp-tab-content .fbf_facebook_page_widget li h4 { text-transform: none; font-weight: 400; margin: 1em 0; }
.resp-tab-content .fbf_facebook_page_widget li h4 a { color: #696268; }
.resp-tab-content .fbf_facebook_page_widget li h4 a:hover { color: #7388C4; }

.resp-tab-content ul.kebo-tweets li.ktweet { font-size: 14px; font-weight: 400; }
.resp-tab-content ul.kebo-tweets li.ktweet a { color: #696268; }
.resp-tab-content ul.kebo-tweets li.ktweet a:hover { color: #7388C4; }

.homecol2 h2.resp-accordion { font-family: "hypatia-sans-pro", sans-serif; font-size: 24px; }


/********************* Facebook Feed on Blog *********/

body .fbf_facebook_page_widget li {
	border-bottom: 1px solid #dcd9ce;
	padding: 0px;
}

body .facebook_page-avatar img {
	padding: 0px;
	margin: 9px 12px 5px 0;
}

body .fbf_facebook_page_widget li a img {
	display: none; visibility: hidden;
}

/********************* DIY BLOG ***********************/

div.diy-logo { width: 55%; margin: 0; clear: both; }

h3.diy-title { margin-top: 0; }
a h3.diy-title { color: #7388C4; }
a h3.diy-title:hover { color: #78B97A; }

ul.diy-upholstery { margin-top: 0; }
ul.diy-upholstery hr:first-of-type { border-bottom: 0px solid #333; margin-bottom: -15px; padding-top: 0px; }


/********************* LINK STYLES *********************/

a, a:visited { color: #78B97A; text-decoration: none; }

a:hover, a:visited:hover, a:focus, a:visited:focus { color: #7388C4; }

a:link, a:visited:link {
/*	this highlights links on iPhones/iPads.
	so it basically works like the :hover selector
	for mobile devices. */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a.btn {	display: block; width: 100%; margin: 10px 0; }

a.btn span {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	padding: 10px 16px;
	margin: 0 10px 10px 0;
	display: block;
	float: right;
	text-align: center;
	background: #7388C4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
	text-transform: uppercase;
	-webkit-border-radius: 2;
	border-radius: 2;
}

a.btn span:hover { background: #333; }

/******************* H1, H2, H3, H4, H5 STYLES ***********************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 600;
  text-transform: uppercase;
}

/* removing text decoration from all headline links */

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 {
	color: #7388C4;
	font-size: 2.4em;
	line-height: 1.333em;
	/*font-weight: 300;*/
	font-family: 'Satisfy', cursive;
	font-weight: 400;
	text-transform: none;
}

h1.blog-title { color: #7388C4; font-size: 2.2em; text-transform: none; }
h1.blog-title a { color: #7388C4; }
h1.blog-title a:hover { color: #78B97A; }

h2, .h2 {
	color: #78B97A;
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: 0.375em;
	font-weight: 400;
	font-family: 'Satisfy', cursive;
	text-transform: none;
}

h3, .h3 { color: #7388C4; font-size: 1.25em; line-height: 1.2; text-transform: none; font-weight: 400; }
h4, .h4 { color: #F65E46; font-size: 1.0em; font-weight: 700; }
h5, .h5 { color: #F65E46; font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

.page-template-page-map-php h5 {
	margin: 8px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #dcd9ce;	
}

/********************* HEADER SYTLES *********************/

h1.page-title { color: #7388C4; margin-bottom: 15px; }
h1.page-title a { color: #7388C4; }
h1.page-title a:hover { color: #78B97A; }

h1.title {
	display: block;
	text-align: center;
	width: auto;
	margin: 1.12em auto .67em auto;
}

h1.title span {
	background: #fff;
	padding: 0 2.2%;
}

h1.title::before {
	content: " ";
	display: block;
	width: 100%;
	border-bottom: 1px solid #dcd9ce;
	height: 1px;
	margin-bottom: -30px;
}

h2.page-subhead { margin-top: 0px; }

.intro {
	font-size: 1.1em; line-height: 2.0;
}

h2.classdate { color: #7388C4; font-size: 2em; line-height: 1.1em; font-weight: 300; }
h2.classdate span { color: #143957; 
	font-family: "hypatia-sans-pro", sans-serif; text-transform: none; font-size: .65em; font-weight: 600; 
}


/********************* CUSTOM BOOK SALE HEADER SYTLES *********************/

header.header .grid5 { background: #fff url(library/images/header-bk.jpg) no-repeat left top; }
header.header .grid5 .widget { margin: 10px 0 0 0; }
header.header .headerbook { display: block; float: left; width: 40%; margin: 0 2% 0 5%; max-height: 164px; overflow: hidden; }
header.header .headerbook img { width: auto; max-width: 100%; height: auto; }
header.header .headerbooktext { display: block; float: left; width: 41%; margin: 10px 0 0 0; color: #3f454d; }
header.header h3.headercallout { font-size: 24px; font-weight: 400; color: #3f454d; line-height: 25px; margin: 0; }
header.header h3.headercallout span { font-size: 40px; }
header.header span.orange { font-weight: 600; color: #f47d67; }
header.header span.headerprice { font-weight: 600; color: #2486c6; }
header.header p { margin: 0 0 5px 0; line-height: 1.3; }


/********************* NAVIGATION STYLES *********************/

.top-nav {
	margin-top: 0;
	position: relative;
	width: 100%;
}

.nav {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
	background-color: #6A9FAE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6A9FAE', endColorstr='#3f5f67'); /* Old IE */
	background-image: linear-gradient(bottom, #3f5f67 0%, #6A9FAE 46%);
	background-image: -o-linear-gradient(bottom, #3f5f67 0%, #6A9FAE 46%);
	background-image: -moz-linear-gradient(bottom, #3f5f67 0%, #6A9FAE 46%);
	background-image: -webkit-linear-gradient(bottom, #3f5f67 0%, #6A9FAE 46%);
	background-image: -ms-linear-gradient(bottom, #3f5f67 0%, #6A9FAE 46%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #3f5f67),
		color-stop(0.46, #6A9FAE)
	);
}

.nav li {
  float: left;
  position: relative;
  border-right: 1px solid #5D8F9D;
  width: 12%;
}

.nav li:last-of-type {
  min-width: 16%;
  border-right: 0px solid #5D8F9D;
}

.nav li a {
  color: #FFF;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0px;
  border-right: 1px solid #8BB4C0;
  display: block;
  text-decoration: none;
  padding: 6px 0;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  width: 100%;
}

.nav li a:last-of-type {
  border-right: 0px solid #8BB4C0;
}

/******************** CUSTOM HOME PAGE *************************/

.homecol1 .widget, .homecol2 .widget, .homecol3 .widget { margin: 0; }
.homecol2 #text-29 { margin-top: 5px; }
.entry-content .homecol1 img, .entry-content .homecol2 img, .entry-content .homecol3 img { 
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
	margin: 0; 
}

.slidewtext .caption { padding: 30px; }

.home .wrap { width: 100%; margin: 0 auto; }
.home #main { width: 100%; padding: 0; }
.homecol2, .homecol3 { padding: 20px; }

/************* SIMPLE SOCIAL BUTTONS STYLES *******************/

body div.simplesocialbutton.ssb-button-twitter { margin-left: 33px; }


/******************** SIDEBAR STYLES *************************/

#searchform input[type="text"] {
  -webkit-appearance: none;
  display: block; width: 100%;
  border: 2px solid #84AEB9;
  padding: 5px 6px 5px 25px;
  font-size: 11px;
  font-family: "hypatia-sans-pro", sans-serif;
  text-transform: uppercase;
  margin-top: 10px;
}

#searchform input[type="submit"] {
  -webkit-appearance: none;
  display: block; float: left;
  min-width: 20px;
  height: 20px;
  margin: -23px 0 0 5px;
  padding: 0;
  border: 0px solid #bbb;
  background: url(library/images/search-bk.png) left center no-repeat transparent;
}

.widgettitle {
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 0;
}

.single #sidebar1 .widget .social,
.blog #sidebar1 .widget .social,
.single-post #sidebar1 .widget .social { font-size: 1.8em; }
.single #sidebar1 .widget .social span,
.blog #sidebar1 .widget .social span,
.single-post #sidebar1 .widget .social span { font-style: italic; font-weight: 300; padding-right: 10px; }
.single #sidebar1 .widget .social a,
.blog #sidebar1 .widget .social a,
.single-post #sidebar1 .widget .social a { color: #7388C4; }
.single #sidebar1 .widget .social a:hover,
.blog #sidebar1 .widget .social a:hover,
.single-post #sidebar1 .widget .social a:hover { color: #78B97A; }
.single #sidebar1 .with_frm_style .form-field,
.blog #sidebar1 .with_frm_style .form-field,
.single-post #sidebar1 .with_frm_style .form-field { margin-bottom: 10px; }
.single #sidebar1 .with_frm_style .frm_submit input[type="submit"],
.blog #sidebar1 .with_frm_style .frm_submit input[type="submit"],
.single-post #sidebar1 .with_frm_style .frm_submit input[type="submit"] { font-family: hypatia-sans-pro, sans-serif; }


  /******************** WOOCOMMERCE CUSTOMS *******************/
  
  /*main shop page*/

  body.page-template-page-fullwidth-php ul.products li.product,
  body.page-template-page-shoppage-php ul.products li.product,
  body ul.products li.product { width: 100%; overflow: hidden; }
  
  body.page-template-page-fullwidth-php ul.products li.product h3,
  body.page-template-page-shoppage-php ul.products li.product h3,
  body.woocommerce ul.products li.product h3 { color: #494544; text-transform: none; font-size: 1.2em; font-weight: 400; }
  
  body.page-template-page-fullwidth-php ul.products li.product span.price,
  body.page-template-page-shoppage-php ul.products li.product span.price,
  body.woocommerce ul.products li.product span.price { font-weight: 600; }
  
  body.page-template-page-fullwidth-php span.price ins,
  body.page-template-page-fullwidth-php p.price ins,
  body.page-template-page-shoppage-php span.price ins,
  body.page-template-page-shoppage-php p.price ins,
  body.woocommerce span.price ins,
  body.woocommerce p.price ins { text-decoration: none; }
  
  body.page-template-page-fullwidth-php ul.products li.product a img,
  body.page-template-page-shoppage-php ul.products li.product a img,
  body.woocommerce ul.products li.product a img { padding: 0; margin-bottom: 0; }
  
  body.page-template-page-fullwidth-php ul.products li.product a img,
  body.page-template-page-shoppage-php ul.products li.product a img,
  body.woocommerce ul.products li.product a img,
  body.woocommerce-page ul.products li.product a img,
  body.single-product #content #main div.product div.images img {
	box-shadow: none;
  	-webkit-border-radiuswebkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
  	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
  	-webkit-transition: all ease-in-out .2s;
  	-moz-transition: all ease-in-out .2s;
  	-o-transition: all ease-in-out .2s;
  	transition: all ease-in-out .2s;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product a:hover img,
  body.page-template-page-shoppage-php ul.products li.product a:hover img, 
  body.woocommerce ul.products li.product a:hover img, 
  body.woocommerce-page ul.products li.product a:hover img,
  body.single-product #content #main div.product div.images img:hover {
  	box-shadow: 0 1px 20px rgba(0,0,0,0.22);
  	-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.22);
  	-moz-box-shadow: 0 1px 20px rgba(0,0,0,0.22);
  }
  
  body.woocommerce .widget_price_filter .ui-slider .ui-slider-range, body.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
  	box-shadow: inset 0 0 0 1px rgba(25, 131, 202, 0.4);
  	-webkit-box-shadow: inset 0 0 0 1px rgba(25, 131, 202, 0.4);
  	-moz-box-shadow: inset 0 0 0 1px rgba(25, 131, 202, 0.4);
  }
  
  body.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, body.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
	  border: 1px solid #54ADE6;
  }
  
  body.page-template-page-fullwidth-php #sidebar1 ul.product-categories,
  body.page-template-page-shoppage-php #sidebar1 ul.product-categories,
  body.woocommerce #sidebar1 ul.product-categories {
  	margin-top: 0;
  }
  
  body.page-template-page-fullwidth-php #sidebar1 ul.product-categories li,
  body.page-template-page-shoppage-php #sidebar1 ul.product-categories li,
  body.woocommerce #sidebar1 ul.product-categories li {
  	padding: 0;
  	margin: 0;
  	border-bottom: 1px solid #dcd9ce;
  }
  
  body.page-template-page-fullwidth-php #sidebar1 ul.product-categories li a,
  body.page-template-page-shoppage-php #sidebar1 ul.product-categories li a,
  body.woocommerce #sidebar1 ul.product-categories li a {
  	color: #494544;
  	background: #fff;
  	width: 100%;
  	padding: .6em 0;
  	display: block;
  }
  
  body.page-template-page-fullwidth-php #sidebar1 ul.product-categories li a:hover,
  body.page-template-page-shoppage-php #sidebar1 ul.product-categories li a:hover,
  body.woocommerce #sidebar1 ul.product-categories li a:hover {
  	color: #7388C4;
  	background: #fefefe;
  }
  
  body.page-template-page-fullwidth-php span.onsale,
  body.page-template-page-shoppage-php span.onsale,
  body.woocommerce span.onsale, body.woocommerce-page span.onsale {
  	padding: 2px 6px!important;
  	font-size: .75em;
  	font-weight: 700;
  	text-transform: uppercase;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	background: #97a6d3;
  	background: -webkit-gradient(linear,left top,left bottom,from(#97a6d3),to(#97a6d3));
  	background: -webkit-linear-gradient(#97a6d3,#97a6d3);
  	background: -moz-linear-gradient(center top,#97a6d3 0%,#97a6d3 100%);
  	background: -moz-gradient(center top,#97a6d3 0%,#97a6d3 100%);
  	text-shadow: 0 -1px 0 #97a6d3;
  	color: #ffffff;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  	margin: 0!important;
  	min-height: 10px!important;
  	line-height: 21px;
  }
  
  body.single-product span.onsale {

  }
  
  body.page-template-page-fullwidth-php ul.products li.product .wc-new-badge,
  body.page-template-page-shoppage-php ul.products li.product .wc-new-badge,
  body.woocommerce ul.products li.product .wc-new-badge {
  	background: #97a6d3;
  	position: absolute;
  	bottom: 0; right: 0;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product .shop-item-caption,
  body.page-template-page-shoppage-php ul.products li.product .shop-item-caption,
  body.woocommerce ul.products li.product .shop-item-caption {
  	position: absolute;
  	top: 0;
  	left: 0;
  	padding: 20px;
  	color: #fff;
  	background: rgba(99, 152, 167, 0.95);
  	width: 100%;
  	min-height: 600px;
  	opacity: 0;
  	text-align: center;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption,
  body.woocommerce ul.products li.product:hover .shop-item-caption {
  	opacity: 1;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product .shop-item-caption .shop-item-button,
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption span.from,
  body.page-template-page-shoppage-php ul.products li.product .shop-item-caption .shop-item-button,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption span.from,
  body.woocommerce ul.products li.product .shop-item-caption .shop-item-button,
  body.woocommerce ul.products li.product:hover .shop-item-caption span.from {
  	display: none; visibility: hidden;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption h3,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption h3,
  body.woocommerce ul.products li.product:hover .shop-item-caption h3 { font-weight: 400; line-height: 20px; font-size: 18px; }
  
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption span.price,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption span.price,
  body.woocommerce ul.products li.product:hover .shop-item-caption span.price {
  	font-weight: 400; line-height: 20px; font-size: 18px;
  }
  
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption h3,
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption span.price,
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption span.from,
  body.page-template-page-fullwidth-php ul.products li.product:hover .shop-item-caption span.amount,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption h3,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption span.price,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption span.from,
  body.page-template-page-shoppage-php ul.products li.product:hover .shop-item-caption span.amount,
  body.woocommerce ul.products li.product:hover .shop-item-caption h3,
  body.woocommerce ul.products li.product:hover .shop-item-caption span.price,
  body.woocommerce ul.products li.product:hover .shop-item-caption span.from,
  body.woocommerce ul.products li.product:hover .shop-item-caption span.amount {
  	color: #FFF;
  	font-family: "hypatia-sans-pro", sans-serif;
  }
  
  
  /*woo buttons*/
  
  body.woocommerce a.button, 
  body.woocommerce button.button, 
  body.woocommerce input.button, 
  body.woocommerce #respond input#submit, 
  body.woocommerce #content input.button, 
  body.woocommerce-page a.button, 
  body.woocommerce-page button.button, 
  body.woocommerce-page input.button, 
  body.woocommerce-page #respond input#submit, 
  body.woocommerce-page #content input.button,
  body.woocommerce a.button.alt,
  body.woocommerce button.button.alt,
  body.woocommerce input.button.alt,
  body.woocommerce #respond input#submit.alt,
  body.woocommerce #content input.button.alt,
  body.woocommerce-page a.button.alt,
  body.woocommerce-page button.button.alt,
  body.woocommerce-page input.button.alt,
  body.woocommerce-page #respond input#submit.alt,
  body.woocommerce-page #content input.button.alt {
  	font-size: 100%;
  	margin: 0 0 5px 0;
  	line-height: 1em;
  	cursor: pointer;
  	position: relative;
  	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	text-decoration: none;
  	overflow: visible;
  	padding: .6em 1.416em;
  	text-decoration: none;
  	font-weight: 400;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	left: auto;
  	text-shadow: 0 1px 0 #76CC65;
  	color: #FFF;
  	border: 1px solid #76CC65;
  	background: #76CC65;
  	background: -webkit-gradient(linear,left top,left bottom,from(#76CC65),to(#76CC65));
  	background: -webkit-linear-gradient(#76CC65, #76CC65);
  	background: -moz-linear-gradient(center top, #76CC65 0%, #76CC65 100%);
  	background: -moz-gradient(center top, #76CC65 0%, #76CC65 100%);
  	white-space: nowrap;
  	display: inline-block;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  }
  
  body.woocommerce a.button:hover, 
  body.woocommerce button.button:hover, 
  body.woocommerce input.button:hover, 
  body.woocommerce #respond input#submit:hover, 
  body.woocommerce #content input.button:hover, 
  body.woocommerce-page a.button:hover, 
  body.woocommerce-page button.button:hover, 
  body.woocommerce-page input.button:hover, 
  body.woocommerce-page #respond input#submit:hover, 
  body.woocommerce-page #content input.button:hover,
  body.woocommerce a.button.alt:hover,
  body.woocommerce button.button.alt:hover,
  body.woocommerce input.button.alt:hover,
  body.woocommerce #respond input#submit.alt:hover,
  body.woocommerce #content input.button.alt:hover,
  body.woocommerce-page a.button.alt:hover,
  body.woocommerce-page button.button.alt:hover,
  body.woocommerce-page input.button.alt:hover,
  body.woocommerce-page #respond input#submit.alt:hover,
  body.woocommerce-page #content input.button.alt:hover {
  	font-size: 100%;
  	margin: 0 0 5px 0;
  	line-height: 1em;
  	cursor: pointer;
  	position: relative;
  	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	text-decoration: none;
  	overflow: visible;
  	padding: .6em 1.416em;
  	text-decoration: none;
  	font-weight: 400;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	left: auto;
  	text-shadow: 0 1px 0 #7388C4;
  	color: #FFF;
  	border: 1px solid #7388C4;
  	background: #7388C4;
  	background: -webkit-gradient(linear,left top,left bottom,from(#7388C4),to(#7388C4));
  	background: -webkit-linear-gradient(#7388C4, #7388C4);
  	background: -moz-linear-gradient(center top, #7388C4 0%, #7388C4 100%);
  	background: -moz-gradient(center top, #7388C4 0%, #7388C4 100%);
  	white-space: nowrap;
  	display: inline-block;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  }
  
  body.woocommerce .quantity, 
  body.woocommerce #content .quantity, 
  body.woocommerce-page .quantity, 
  body.woocommerce-page #content .quantity { width: 64px; }
  
  /*individual product page*/
  
  body.single-product #main { margin-top: 70px; }
  
  body.single-product #content #main div.product div.images { width: 100%; float: none; }
  
  body.single-product #content #main div.product div.summary { width: 100%; float: none; padding-right: 0px; }
  
  body.single-product #content #main div.product h1.product_title { 
  	color: #494544;	text-transform: none; font-size: 2.3em; margin-bottom: 5px;
  }
  
  body.single-product #content #main div.product p.price { 
  	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	font-size: 2.3em; font-weight: 600; margin-bottom: 5px; 
  }
  
  body.single-product #content #main .related ul.products li.product { width: 100%; }
  
  body.woocommerce .quantity input.qty, 
  body.woocommerce #content .quantity input.qty, 
  body.woocommerce-page .quantity input.qty, 
  body.woocommerce-page #content .quantity input.qty {
  	height: 36px;
  	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	background: #75CD5C;
  	border-color: #75CD5C;
  	box-shadow: none;
  	color: #fff;
  	box-shadow: none;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  body.woocommerce .quantity .plus, 
  body.woocommerce .quantity .minus, 
  body.woocommerce #content .quantity .plus, 
  body.woocommerce #content .quantity .minus, 
  body.woocommerce-page .quantity .plus, 
  body.woocommerce-page .quantity .minus, 
  body.woocommerce-page #content .quantity .plus, 
  body.woocommerce-page #content .quantity .minus {
  	height: 18px;
  	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  	font-size: 15px;
  	background: #75CD5C;
  	border-color: #75CD5C;
  	box-shadow: none;
  	color: #fff;
  	box-shadow: none;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  body.woocommerce .quantity .plus:hover, 
  body.woocommerce .quantity .minus:hover, 
  body.woocommerce #content .quantity .plus:hover, 
  body.woocommerce #content .quantity .minus:hover, 
  body.woocommerce-page .quantity .plus:hover, 
  body.woocommerce-page .quantity .minus:hover, 
  body.woocommerce-page #content .quantity .plus:hover, 
  body.woocommerce-page #content .quantity .minus:hover {
  	background: #7388C4;
  }
  
  body.woocommerce div.product .woocommerce-tabs ul.tabs, 
  body.woocommerce #content div.product .woocommerce-tabs ul.tabs, 
  body.woocommerce-page div.product .woocommerce-tabs ul.tabs, 
  body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
	  margin: 0;
  }
  
  body.woocommerce div.product .woocommerce-tabs ul.tabs li, 
  body.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
  body.woocommerce-page div.product .woocommerce-tabs ul.tabs li, 
  body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
  	background: #fff;
    border-bottom-color: #e5e5e5;
  }
  
  body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
  body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, 
  body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, 
  body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
  	background: #f8f8f8;
    border-bottom-color: #f8f8f8;
  }
  
  body.woocommerce div.product .woocommerce-tabs .panel, 
  body.woocommerce #content div.product .woocommerce-tabs .panel, 
  body.woocommerce-page div.product .woocommerce-tabs .panel, 
  body.woocommerce-page #content div.product .woocommerce-tabs .panel {
	margin: 0 0 2em;
  	padding: 30px;
  	background: #f8f8f8;
  	border-bottom: 1px solid #e5e5e5;
  	border-left: 1px solid #e5e5e5;
  	border-right: 1px solid #e5e5e5;
  }
  
  body.woocommerce div.product .woocommerce-tabs .panel h2, 
  body.woocommerce #content div.product .woocommerce-tabs .panel h2, 
  body.woocommerce-page div.product .woocommerce-tabs .panel h2, 
  body.woocommerce-page #content div.product .woocommerce-tabs .panel h2 {
  	margin: 0;
  }
  
/*shopping cart items*/

  body.woocommerce .woocommerce-message { border-top: 0px solid #fff; }
  
  body.woocommerce woocommerce-message, body.woocommerce woocommerce-error, body.woocommerce woocommerce-info {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fefefe;
  background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#fefefe));
  background: -webkit-linear-gradient(#fefefe,#fefefe);
  background: -moz-linear-gradient(center top,#fefefe 0%,#fefefe 100%);
  background: -moz-gradient(center top,#fefefe 0%,#fefefe 100%);
  color: #494544;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.05), inset 0 0 30px rgba(0,0,0,0.015), inset 0 0 0 #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.05), inset 0 0 30px rgba(0,0,0,0.015), inset 0 0 0 #fff, 0 0 3px rgba(0,0,0,0.2);
  }
  
  body.woocommerce .woocommerce-message::before, 
  body.woocommerce .woocommerce-error::before, 
  body.woocommerce .woocommerce-info::before {
  	background-color: #82CCF4!important;
  }
  
  .sidebar .widget_shopping_cart {
  	background: #fcfcfc url('library/images/shoping_cart_small.png') no-repeat right 5px;
  	border-bottom: 1px solid #143957;
  	border-top: 1px solid #143957;
  	padding: 5px 0;
  }
  
  #main form.cart {
  	background: #fcfcfc url('library/images/shoping_cart.png') no-repeat right center;
  	border-bottom: 1px solid #143957;
  	border-top: 1px solid #143957;
  	padding: 20px 0;
  }


/********************* ISOTOPE GALLERY *****************************/

body .isotopeMenu { text-align: center; }
body .isotopeMenu > li > a { -webkit-border-radius: 2px; border-radius: 2px; font-weight: 400; font-size: 14px; }

body .rx_isotope_beacon { display: none; visibility: hidden; }
body .isotopeItemOverlay { background: rgba(51, 51, 51, 0.3)!important; }

	/* Removing Menu on Past Media Page */
body.page-id-410 ul.isotopeMenu { display: none; visibility: hidden; }


/********************* BEFORE AFTER GALLERY ************************/

body .wpw-ba-viewer { min-width: 100%; }


/********************* POSTS & CONTENT STYLES *********************/

.home #content { padding-bottom: 0; min-height: 50px; }

#content { padding-bottom: 50px; min-height: 450px; }

.home article { margin-top: 10px; }

article { margin-top: 20px; }

article ul, article ol {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
}

article ul.lined li {
	border-bottom: 1px solid #dcd9ce;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.byline {
  color: #999;
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 .6em 0;
  width: auto; /* for ie 8 */
  max-width: 100%;
  height: auto;
}
.sidebar img {
  width: auto; /* for ie 8 */
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.entry-content .wp-caption { width: auto!important; }
.wp-caption {
  display: block;
  background: transparent;
  padding: 0;
  margin: 0 0 50px 0;
}
.wp-caption img {
  margin: 0;
  width: auto; /* for ie 8 */
  max-width: 100%;
  height: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 10px;
  text-align: left;
}

.wp-caption p.wp-caption-text::before {
	display: block;
	float: left;
	padding-right: 5px;
	content:'\2191';
	color: #7489C5;
}

.wp-caption.aligncenter img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .6em;
}

.wp-caption.aligncenter p.wp-caption-text::before {
	display: inline-block;
	float: none;
}

.wp-caption.aligncenter p.wp-caption-text {
	text-align: center;
}

/****************** PAGE NAVI STYLES *****************/
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }

.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover,
.bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.bones_page_navi li.bpn-current a {
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/******************* COMMENT STYLES **********************/

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
}

/***************** COMMENT FORM STYLES *****************/
.respond-form {
  margin: 1.5em 0;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 10px 12px;
  background: #fefefe;
  line-height: 1.5em;
  border-color: #dfe5eb;
  border-width: 2px;
  border-style: solid;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  outline: none;

}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
  border-color: #7388C4;
  outline: none;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  background-color: #fefefe;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: #F65E46;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 100%;
  height: 150px;
  margin: 20px 0;
}

#comment-form-title {
  margin: 0 0 1.1em;
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
  margin: 0 20px 1.1em;
}

#commentform input[type=submit]  {
	width: auto;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	height: auto;
	text-align: center;
	background: #7388C4;
	border-width: 1px;
	border-color: #7388C4;
	border-style: solid;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	padding: 10px 16px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-shadow: 1px 2px 3px #FFFFFF;
	-webkit-box-shadow: 1px 2px 3px #FFFFFF;
	box-shadow: 1px 2px 3px #FFFFFF;
}

#commentform .alert {
	margin: 20px 0;
	border: 1px solid #dcd9ce;
}

/********************* FOOTER STYLES *********************/
.footer {
  clear: both;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #FFF;
  background: url(library/images/footer-bk.png) left top repeat-x #6598a6;
  margin-top: 10px;
  padding-top: 0;
}

.footer a { color: #000; }
.footer a:hover { color: #fff; }

.footer .widget { margin-top: 0; }

.footer .widgettitle {
	color: #fff;
	padding-top: 18px;
	margin-top: 0;
	border-bottom: 0px solid #dcd9ce;
	margin-bottom: 0px;
}

.footer .social a {
	font-size: 1.8em;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	padding: 10px 7% 5px 0;
	display: block; float: left;
}

.footer .social a:last-of-type { padding-right: 0; }
.footer .social a:hover { color: #000; }

.footer .footercontact { clear: both; }
.footer .footercontact span { color: #000; }
.footer .footercontact a { color: #FFF; }
.footer .footercontact a:hover { color: #000; }

.footer .with_frm_style input[type="text"],
.footer .with_frm_style input[type="email"] {
	font-size: 11px;
	padding: 7px 12px;
	border-color: #84AEB9;
}

.footer .with_frm_style .form-field { margin: 10px 0; }

.footer .with_frm_style .frm_submit input[type="submit"] {
	font-size: 11px;
	background: #507A86;
	border-color: #507A86;
	padding: 8px 16px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#507A86', endColorstr='#507A86');
	background: -webkit-gradient(linear, left top, left bottom, from(#507A86), to(#507A86));
	background: -moz-linear-gradient(top, #507A86, #507A86);
	-moz-box-shadow: 1px 2px 3px #6398A7;
	-webkit-box-shadow: 1px 2px 3px #6398A7;
	box-shadow: 1px 2px 3px #6398A7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6398A7')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6398A7');
}


/********************** MAPPRESS ************************/

#google-map .mapp-layout { margin: 0!important; padding: 0!important; }

body .mapp-ib { 
	color: #fff; background-color: #507A86; border: 1px solid #507A86; text-shadow: 0 0 0 #43707D; 
	font-weight: 600; padding: 10px 20px;
	-moz-box-shadow: 5px 5px 5px rgba(136, 136, 136, 0.35);
	-webkit-box-shadow: 5px 5px 5px rgba(136, 136, 136, 0.35);
	box-shadow: 5px 5px 5px rgba(136, 136, 136, 0.35);
	z-index: 1;
}
body .mapp-ib .mapp-ib-close { font-size: .9em; top: 0; color: #86ACB6; }
body .mapp-ib .mapp-iw { color: #fff; }
body .mapp-ib .mapp-iw .mapp-body span { color: #89D3D8; font-style: italic; }
body .mapp-ib .mapp-iw .mapp-body p { margin-bottom: .5em; }
body .mapp-ib .mapp-iw .mapp-title { color: #FFF; font-family: 'Satisfy', cursive; font-size: 1.5em; font-weight: normal; }
body .mapp-ib-tip { border-top: 30px solid #507A86; }
body .mapp-ib .mapp-iw .mapp-links { border-top: 1px dotted #FFF; }
body .mapp-ib .mapp-iw .mapp-links a { color: #89D3D8; }
body .mapp-ib .mapp-iw .mapp-links a:hover { color: #FFF; }

/********************** AUCTION ************************/

body #auction-desc-tabs { display:none; }

/* main auction wrapper */
body .wdm-ultimate-auction-container {
	width: 100%;
}
/* auction image items */
body .wdm-image-container {
	width: 100%;
	margin-right: 0;
}
body .wdm-image-container .auction-main-img-cont {
	height: auto;
	width: 100%;
}
body .wdm-image-container .auction-main-img {
	max-height: 450px;
	max-width: 100%;
	width: auto;
	height: auto;
}
body .wdm-image-container .auction-small-img-cont {
	width: 100%;
}
/* auction product description */
body .wdm_single_prod_desc {
	width: 100%;
}
body .wdm-single-auction-title {
	font-size: 38px;
	margin-bottom: 25px;
	margin-top: 50px;
	font-weight: 400;
	font-family: Satisfy, cursive;
	color: #494544;
}
body .wdm_bidding_price {
	float: none!important;
	font-size: 36px;
	color: #7388c4;
}
body div#wdm-auction-bids-placed.wdm_bids_placed {
	float: left!important;
	clear: both;
}
body div#wdm-auction-bids-placed.wdm_bids_placed a {
	color: #494544;
}
body .wdm_reserved_note {
	float: none!important;
	display: none; visibility: hidden;
	font-size: 0;
}
body .wdm_bid_val {
	float: none!important;
	clear: both;
	margin-top: 50px;
	width: 100%;
}
body input#wdm-bidder-bidval {
	width: 60%!important;
	margin-left: 10px;
	padding: 5px 10px;
}
body span.wdm_enter_val_text {
	float: none!important;
	margin-left: 75px;
}
body div.wdm_place_bid {
	float: none!important;
	margin-top: 20px;
}
body .wdm_place_bid input, body .wdm_place_bid input[type="submit"], body .wdm-login-to-place-bid {
	background-image: none;
	background-color: #7388c4!important;
	-webkit-box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	-moz-box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	border: 1px solid #7388c4;
	border-radius: 1px;
	padding: 8px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
body .wdm_place_bid input:hover, body .wdm_place_bid input[type="submit"]:hover, body .wdm-login-to-place-bid:hover {
	background-color: #7EB97A !important;
	background-image: linear-gradient(#7EB97A,#7EB97A,#7EB97A);
	border-color: #7EB97A;
	-webkit-box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
	-moz-box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
	box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
}
/* front end login styles */
body .wppb_holder p.alert {
	margin: 0;
	padding: 0;
	border: none;
}
body .wppb_holder input[type=text], 
body .wppb_holder #wppb_modify input[type=password], 
body .wppb_holder #wppb_modify select, 
body .wppb_holder #wppb_modify textarea, 
body .wppb_holder #wppb_register input[type=text], 
body .wppb_holder #wppb_register input[type=password], 
body .wppb_holder #wppb_register select, 
body .wppb_holder #wppb_register textarea, 
body .wppb_holder#wppb_login input[type=text], 
body .wppb_holder#wppb_login input[type=password], 
body .wppb_holder#wppb_login select, 
body .wppb_holder#wppb_login textarea, 
body .wppb_holder #wppb_recover_password input[type=text],
body .wppb_holder input[type=password] {
	width: 100%;
	clear: both;
	padding: 5px 10px;
	margin-bottom: 0;
}
body .wppb_holder input[type="button"], 
body .wppb_holder input[type="submit"] {
	font-family: hypatia-sans-pro, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	background-image: none;
	background-color: #7388c4!important;
	-webkit-box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	-moz-box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	box-shadow: inset 1px 1px 1px #7388c4,inset -1px -1px 1px #7388c4;
	border: 1px solid #7388c4;
	border-radius: 1px;
	padding: 8px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
body .wppb_holder input[type="button"]:hover, 
body .wppb_holder input[type="submit"]:hover {
	background-color: #7EB97A !important;
	background-image: linear-gradient(#7EB97A,#7EB97A,#7EB97A);
	border-color: #7EB97A;
	-webkit-box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
	-moz-box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
	box-shadow: inset 1px 1px 1px #7EB97A,inset -1px -1px 1px #7EB97A;
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Larger Mobile Devices (Galaxy Note) -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) {
  
  body { }
  
  .home .wrap, .wrap { width: 420px; }
 
  /********************* POSTS & CONTENT STYLES *********************/
  
  /* entry content */
  .entry-content {}
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */

  /********************* FOOTER STYLES *********************/
  
  .footer { }
  
}




/* ---------------------------------------------------------------------------------------------------------- 
04 Tablet & Small Laptops -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
  
  /********************* GENERAL STYLES *********************/

  body { }
  
  .wrap { width: 80%; max-width: 1140px; }


  /********************* THE GRID *********************/
  
  .onecol, .grid1 { width: 5.801104972%; }
  .twocol, .grid2 { width: 14.364640883%; }
  .threecol, .grid3 { width: 22.928176794%; }
  .fourcol, .grid4 { width: 31.491712705%; }
  .fivecol, .grid5 { width: 40.055248616%; }
  .sixcol, .grid6 { width: 48.618784527%; }
  .sevencol, .grid7 { width: 57.182320438000005%; }
  .eightcol, .grid8 { width: 65.74585634900001%; }
  .ninecol, .grid9 { width: 74.30939226%; }
  .tencol, .grid10 { width: 82.87292817100001%; }
  .elevencol, .grid11 { width: 91.436464082%; }
  .twelvecol, .grid12 { width: 99.999999993%; }

  /* layout & column defaults */
  .onecol, .grid1, .twocol, .grid2, .threecol, .grid3, .fourcol, .grid4, 
  .fivecol, .grid5, .sixcol, .grid6, .sevencol, .grid7, .eightcol, .grid8, 
  .ninecol, .grid9, .tencol, .grid10, .elevencol, .grid11, .twelvecol, .grid12 {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    padding: 0;
  }
  
  .col5 {
  	width: 17.79%;
  	display: block;
  	position: relative;
  	float: left;
  	margin-left: 2.762430939%;
  	padding: 0;
  }

  .first { margin-left: 0; }
  .last { float: right; }
  
  .minitext { padding-top: 30px!important; }
  .miniphoto { padding-top: 0px!important; }
  
  /********************* HEADER SYTLES *********************/
  
  #logo { }
  
  #tagline { }
  
  /********************* CUSTOM BOOK SALE HEADER SYTLES *********************/
  
  header.header .headerbooktext { margin: 20px 0 0 0; }
  
  /********************* NAVIGATION STYLES *********************/
  
  .nav li { }
  
  .nav li:last-of-type { }
  
  .nav li a {
    border-bottom: 0;
  	text-shadow: 0 1px 1px #507B87;
  }
  
  .nav li.current_page_item a, .nav li.current_menu_item a { 
  	color: #FFF;
  	background: ;
  }
  
  .nav li li {
  	float: none;
  	width: 100%;
  }
  
  .nav li a:hover,
  .nav li a:focus {
    color: #FFF;
    background-color: #4c737e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c737e', endColorstr='#3f5f67'); /* Old IE */
    background-image: linear-gradient(bottom, #3f5f67 0%, #4c737e 46%);
    background-image: -o-linear-gradient(bottom, #3f5f67 0%, #4c737e 46%);
    background-image: -moz-linear-gradient(bottom, #3f5f67 0%, #4c737e 46%);
    background-image: -webkit-linear-gradient(bottom, #3f5f67 0%, #4c737e 46%);
    background-image: -ms-linear-gradient(bottom, #3f5f67 0%, #4c737e 46%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, #3f5f67),
    	color-stop(0.46, #4c737e)
    );
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    width: 310px;
    border: 1px solid #8BB4C0;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    margin: 0 -1px;
   	background: #6A9FAE;
    /* highlight sub-menu current page */
  }
  
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding: 10px 20px;
    border-right: 0;
    display: block;
    width: 308px;
    border-bottom: 1px solid #507B87;
    text-align: left;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }
  
  /******************** CUSTOM HOME PAGE ***********************/
  
  .homecol1 {
  	display: block; float: none;
  	width: 100%;
  	margin-right: 0;
  }
  
  .homecol2 {
  	display: block; float: left;
  	width: 73.5%;
  	margin-right: 0.8%;
  	background: #fff;
  	padding: 30px 0 0 0;
  }
  
  .homecol3 {
  	display: block; float: right;
  	width: 25%;
  	background: #fff;
  	padding: 30px 0 0 0;
  }
  
  .home .wrap { width: 80%; }
  
  /******************** WOOCOMMERCE CUSTOMS *******************/
  
  body.page-template-page-fullwidth-php ul.products li.product,
  body.page-template-page-shoppage-php ul.products li.product,
  body.woocommerce ul.products li.product { width: 22.1%; }
  
  body.single-product #content #main div.product div.images { width: 52%; float: left; }
  
  body.single-product #content #main div.product div.summary { width: 48%; float: right; padding-left: 30px; }
  
  body.single-product #content #main .related ul.products li.product { width: 32%; }
  
  
  /********************* CUSTOM DIY BLOG LAYOUT **************************/
  
  ul.diy-upholstery li.first { clear: both; }

  /********************* IMAGE GALLERY *************************/

  .entry-content dl.gallery-item { width:32%; margin: 0 1% 1% 0; display: inline-block; }

  .entry-content dl.gallery-item img { margin: 0; }
  
  
  /********************* SIDEBARS & ASIDES *********************/
  
  input, textarea { outline: none; }
  
  .sidebar {
    margin-top: 2.2em;
  }
  .widgettitle {
  	border-bottom: 1px solid #dcd9ce;
  	margin-bottom: 5px;
  }
  .widget {
    padding: 0;
    margin: 0 0 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  
  .widget_frm_show_form .widgettitle {
  	border-bottom: 0px solid #333;
  }
  
  /*********************** 404 PG *********************************/
  
  .error404 #content { padding-bottom: 0; }
  
  .error404 #inner-content {
  	background: url(library/images/404chair.jpg) right 20px no-repeat transparent; min-height: 460px;
  }
  
  /*********************** FOOTER *********************************/
  
  .footer .widgettitle {
  	background: transparent url(library/images/footer-triangles.png) no-repeat left top;
  }
  
  /********************** AUCTION ************************/
  
  /* auction image items */
  body .wdm-image-container {
  	width: 48%;
  	margin-right: 2%;
  }
  /* auction product description */
  body .wdm_single_prod_desc {
  	width: 48%;
  }

}




/* ---------------------------------------------------------------------------------------------------------- 
05 Desktop (Computer Monitors) ------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1100px) {

	.wrap { max-width: 1400px; }
	
	.nav li a { font-size: 14px; letter-spacing: 1px; }
	
	/******************** CUSTOM HOME PAGE ***********************/
	
	.homecol1 {
		display: block; float: left;
		width: 55.4%;
		margin-right: 0.5%;
		background: #fff;
		min-height: 100px;
	}
	
	.homecol2 {
		display: block; float: left;
		width: 29.6%;
		margin-right: 0.5%;
		background: #fff;
		min-height: 100px;
		padding: 0;
	}
	
	.homecol3 {
		display: block; float: right;
		width: 14%;
		background: #fff;
		min-height: 100px;
		padding: 0;
	}
	
	/********************* CUSTOM MEDIA BLOG LAYOUT **************************/
	
	ul.recent-posts-img li { width: 22%; }

}



/* ---------------------------------------------------------------------------------------------------------- 
06 Xtra-Large Size ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1240px) {

	body { font-size: 16px; }
	
	.nav li a { font-size: 15px; }

}



/* ---------------------------------------------------------------------------------------------------------- 
07 Retina (2x Resolution) -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}



/* ---------------------------------------------------------------------------------------------------------- 
08 Print Stylesheet -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; 
	filter: none !important; -ms-filter: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after, a:visited:after { content: " (" attr(href) ")"; }
	a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { width: auto; /* for ie 8 */ max-width: 100% !important; }

@page  { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; }

}