/*
Theme Name:     OrganicWeb Child
Theme URI:      http://themeforest.net/item/organic-web-environmental-wordpress-theme/
Description:    Child theme for the OrganicWeb Theme
Author:         Ethical Consumer Group
Author URI:     http://www.ethical.org.au
Template:       organicweb
Version:        0.1.0
*/
@import url("../organicweb/style.css");
@import url("woocommerce.css");
@import url("theguide.css");
@import url("table.css");

/* fixes visual conflict in footer - david */
.ci-subnavi li,
.widget_nav_menu li {
	list-style-position: inside;
    list-style-type: circle;
}
.ci-subnavi li a,
.widget_nav_menu li a,
.widget_nav_menu li.current_page_item .sub-menu a {
	color: #A09180 !important;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px dotted #A09180 !important;
	text-shadow: none !important;
	border: 0;
}

/* MAIN MENU SUBS */
.ci-primary-navigation-container li	{
	display: inheret;
	margin: 0px;
}
.ci-primary-navigation-container div>ul>li	{
	display: inline;
	height: 100%;
	padding: 16px 0;
	position: relative;
}
.ci-primary-navigation-container .sub-menu	{
	padding: 0px;
}
.ci-primary-navigation-container li:hover>ul{
	display: block;
	position: absolute;
}
.ci-primary-navigation-container li>ul	{
	left: 0px;
	position: absolute;
	top: 43px;
	width: 200px;
	z-index: 10;
}
.ci-primary-navigation-container div>ul>li>a	{
	margin: 0 5px;
}
.ci-primary-navigation-container li ul>li a	{
	padding: 10px 12px;
	color: #44423F !important;
	border: 1px solid #ccbdaf;
	border-right: 1px solid #ebe6e1;
	border-bottom: 1px solid #ebe6e1;
 	background: #e2d4c6;
	font-family: Tahoma;
    font-size: 11px;
    height: 100%;
	padding: 5px;
	display: block;
	margin: 0 !important;
	text-align: left;
}
.ci-primary-navigation-container li ul>li:first-child a	{
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}
.ci-primary-navigation-container li ul>li:last-child a	{
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}
/* CUSTOM STYLES */

body {
	font-family: Verdana; Geneva; sans-serif;
}

h1 {
	font-family: Pompiere; cursive;
	font-size: 36px;
	margin-bottom:20px;
	line-height:1.2;
}
h2 {
	font-family: Pompiere; cursive;
	font-size: 32px;
	margin-bottom:18px;
	line-height:1.2;
}
h3 {
	font-family: Pompiere; cursive;
	font-size: 24px;
	margin-top: 6px;
	margin-bottom:4px;
}
h4 {
	font-family: Pompiere; cursive;
	font-size: 20px;
	margin-bottom:10px;
}
/*** fix for woo-commerce for page h1 to look the same in Products page ***/
.page-title	{
	color: #536E03;
	font-weight: bold;
}

.ci-navigation a {
	font-family: Pompiere; cursive;
	font-size: 18px;
}

.ci-pageheader {
	font-weight: bold;
	color: #536e03;
}
h1.ci-pageheader {
	font-size: 36px;
}
h2.ci-pageheader {
	font-size: 34px;
}
h3.ci-pageheader {
	font-size: 19px;
}
h4.ci-pageheader {
	font-size: 20px;
}

#page.hfeed .navigation a {
	text-align: center;
}	

#homepage-widgets li, #homepage-widgets ol, #contents li, #contents ol, #ci-content-body li, #ci-secondary-content li, .ci-posttext-container li {
	margin-left: 20px;
	text-align: left !important;
}

#footer-widgets li {
	margin-left: 5px !important;
}

li li {
	margin-left: 20px;
	text-align: left !important;
}

blockquote {
	font-weight: normal;
}


.breadcrumbs {
	padding:10px 5px 10px 35px;
}

#ecgdb_browse_categores li {
	list-style:none;
}
#ecgdb_browse_categores blockquote {
	margin: 20px 0;
	padding: 20px 0 20px 48px;
	font-style: italic;
	font-weight: bold;
	color: #593c24;
	text-align: left;
	line-height: 17px;
	border-top: 1px dashed #bca999;
	border-bottom: 1px dashed #bca999;
	/*background: url(images/system/quotes_bg.png) 0 14px no-repeat;*/
}


/* SHOP STYLES */

body.woocommerce #content {
	width: 595px;
	padding: 30px 30px 30px 52px;
	float: left;
}

body.woocommerce #ci-widgetarea-sidebar {
	background: url("../organicweb/images/system/sidebar_bg.png") repeat scroll 0 0 transparent;
	float: left;
	width: 303px;
}

body.woocommerce #search-2 {
	width: 246px;
}

body.woocommerce .widget .widget_search {
	width: 246px;
}

body.woocommerce #sidebar-widgets .ci-content-positioner {
	width: 246px;
}
#sidebar-widgets ul	{

}
body.woocommerce .related ul.products li.product img, .upsells.products ul.products li.product img, .related ul li.product img, .upsells.products ul li.product img {
	width: 125px;
	height: 125px;
}

body.woocommerce #product_title h1 {
	font-family: Pompiere, cursive;
}

/*** Product page - david ***/
div.product .product_title, #content div.product .product_title {
	clear: none;
	margin-top: 0;
	padding: 0;
	font-family: Pompiere, cursive;
	line-height: 1em;
}
div.product div.images img, #content div.product div.images img {
	display: block;
	width: 100%;
	height: auto;
	-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
}
/*** Products page ***/
ul.products li.product h3 {
	display: block;
	font-size: 1.5em;
	margin: 0;
	padding: 0.5em 0;
	height: 55px;
}
table.shop_attributes td	{
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	border-top: 0 none;
	font-style: italic;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 10px;
}

/*** Product thumbnails - David ***/
ul.products li.product a img {
	width: 100%;
	height: 125px;
	display: block;
	margin: 0 0 8px;
	-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
}

/*** Price things - David ***/
ul.products li.product .price .from	{
	color: #524435 !important;
}

/*** Buttons - david ***/
.button	{
	background: #7bed4e; /* Old browsers */
	background: -moz-linear-gradient(top, #7bed4e 0%, #3ed63e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bed4e), color-stop(100%,#3ed63e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7bed4e 0%,#3ed63e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7bed4e 0%,#3ed63e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7bed4e 0%,#3ed63e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7bed4e 0%,#3ed63e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bed4e', endColorstr='#3ed63e',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #c8bfc6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	/*color: #ffffff !important;*/
	font-family: Pompiere, cursive;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;
	font-size: 150%;
	
	text-shadow: none !important;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	
	padding: 6px 10px;
	margin: 0;
	
	cursor: pointer;
}
.button:hover {
	background: #a3f24f; /* Old browsers */
	background: -moz-linear-gradient(top, #a3f24f 0%, #3ed63e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3f24f), color-stop(100%,#3ed63e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a3f24f 0%,#3ed63e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a3f24f 0%,#3ed63e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a3f24f 0%,#3ed63e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a3f24f 0%,#3ed63e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3f24f', endColorstr='#3ed63e',GradientType=0 ); /* IE6-9 */
	
	/*color: #fff;*/
	text-decoration: none;
	border: 1px solid #c8bfc6;
	
	text-shadow: none !important;
}
.add_to_cart_button	{
	text-align: center;
	text-decoration: none;
	min-width: 111px;
}
a.button.loading:before, button.button.loading:before, input.button.loading:before, #respond input#submit.loading:before, #content input.button.loading:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(../images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65)
}
a.button.added:before, button.button.added:before, input.button.added:before, #respond input#submit.added:before, #content input.button.added:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	top: .35em;
	right: -26px;
	text-indent: 0;
	background: url(../images/success.png) no-repeat
}
a.button	{
/* overwrite conflicting parent style ***/
	/*font-size: 150% !important;*/
}

/*** Add to cart quantity + and - buttons ***/
.quantity, #content .quantity {
	width: 60px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1
}
.quantity input.qty, #content .quantity input.qty {
	width: 40px;
	height: 32px;
	float: left;
	padding: 0;
	text-align: center;
	border: 1px solid #c8bfc6;
	border-right: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: inset 0 0 2px 0 #f7f6f7;
	-webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
	-moz-box-shadow: inset 0 0 2px 0 #f7f6f7;
	font-weight: bold;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}
.quantity .plus, #content .quantity .plus, .quantity .minus, #content .quantity .minus {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	text-align: center;
	vertical-align: text-top;
	width: 20px;
	height: 18px;
	overflow: visible;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	line-height: 13px;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #5e5e5e;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	border: 1px solid #c8bfc6;
	background: #f7f6f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#e0dadf));
	background: -webkit-linear-gradient(#f7f6f7, #e0dadf);
	background: -moz-linear-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	background: -moz-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1)
}
.quantity .plus:hover, #content .quantity .plus:hover, .quantity .minus:hover, #content .quantity .minus:hover {
	background: #f7f6f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#d4cdd2));
	background: -webkit-linear-gradient(#f7f6f7, #d4cdd2);
	background: -moz-linear-gradient(center top, #f7f6f7 0, #d4cdd2 100%);
	background: -moz-gradient(center top, #f7f6f7 0, #d4cdd2 100%)
}
.quantity .plus, #content .quantity .plus {
	top: 0;
	right: 0;
	border-bottom: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
.quantity .minus, #content .quantity .minus {
	bottom: 0;
	right: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
/*** Shopping Cart ***/
.widget_shopping_cart	{
	background: url("./images/paper-shopping-bag.png") no-repeat scroll 190px 5px #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	margin: -15px;
	padding: 10px;
}
.widget_shopping_cart .widget-title	{

}
.shop_table .product-thumbnail, .cart_totals th, .product-name	{
	text-shadow: none !important;
}
/*** Upsell display ***/
.related	{
	float: left;
	width: 50%;
}
.upsells	{
	float: left;
	width: 50%;
}
.upsells>ul.products li.product, .related>ul.products li.product	{
	width: 47% !important;
}
/*** Tabs on single page *** - david ***/
.woocommerce_tabs {
	width: 100%;
	z-index: 1;
	list-style: none;
	position: relative;
	float: left;
}
.woocommerce_tabs>ul li	{
	float: left;
	list-style: none outside none;
	border: none !important;
	display: table;
	padding: 0 2px 0 0;
}
.woocommerce_tabs>ul li:last-child	{
	padding: 0px;
}
.woocommerce_tabs>ul li a	{
	display: table-cell;
	height: 45px;
	width: 100%;
	
	vertical-align: middle;
	text-decoration: none !important;
	
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	
	border: 0px;
	padding: 0px 44px;
}
.variations .value select	{
	border: 1px solid #c8bfc6;
	border-right: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: inset 0 0 2px 0 #f7f6f7;
	-webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
	-moz-box-shadow: inset 0 0 2px 0 #f7f6f7;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	
	background: #e0dadf;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#e0dadf));
	background: -webkit-linear-gradient(#f7f6f7, #e0dadf);
	background: -moz-linear-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	background: -moz-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	
	padding: 2px;
}
.variations .value select>option	{
	padding: 0px 2px;
	border: 1px solid #c8bfc6;
	border-right: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: inset 0 0 2px 0 #f7f6f7;
	-webkit-box-shadow: inset 0 0 2px 0 #f7f6f7;
	-moz-box-shadow: inset 0 0 2px 0 #f7f6f7;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px;
	border-right; 1px;
}
.woocommerce_tabs>ul li.active a	{
	background: #e0dadf;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#e0dadf));
	background: -webkit-linear-gradient(#f7f6f7, #e0dadf);
	background: -moz-linear-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	background: -moz-gradient(center top, #f7f6f7 0, #e0dadf 100%);
	
	z-index: 11;
}
.woocommerce_tabs>ul li a	{
	background: #f7f6f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f7), to(#eeeeee));
	background: -webkit-linear-gradient(#f7f6f7, #eeeeee);
	background: -moz-linear-gradient(center top, #f7f6f7 0, #eeeeee 100%);
	background: -moz-gradient(center top, #f7f6f7 0, #eeeeee 100%);
	
	position: relative;
	z-index: 8;
}
.woocommerce_tabs .panel	{
	position: relative;
	z-index: 10;
}
.woocommerce_tabs .ui-tabs {
    display: inline-block;
    margin: auto;
    padding: 0 !important;
    position: relative;
    top: 10px;
    width: 100%;
	
}
#tab-description, #tab-attributes, #tab-reviews	{
	/*background: #ffffff;*/
}
div.product .woocommerce_tabs .panel, #content div.product .woocommerce_tabs .panel {
/* tab content */
	border: 1px solid #e0dadf;
	background: #f7f6f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0dadf), to(#f7f6f7));
	background: -webkit-linear-gradient(#e0dadf, #f7f6f7);
	background: -moz-linear-gradient(center top, #e0dadf 0, #f7f6f7 100%);
	background: -moz-gradient(center top, #e0dadf 0, #f7f6f7 100%);
    padding: 10px 25px;
}
.woocommerce_tabs  .panel ul,
#ci-volunteer-page ul	{
	list-style: disc inside none;
	margin-left: 10px;
}
.shop_attributes .table.shop_attributes th	{
	text-shadow: none !important;
}
/* Da shit that makes tabs Tabs */
.description_tab:not(:target)~.woocommerce_tabs #tab-description 	{
	position: absolute;
	top:0px;
	z-index: 1;	}
.description_tab:target~.woocommerce_tabs #tab-description 	{
	position: absolute;
	z-index: 10; }
.attributes_tab:not(:target)~.woocommerce_tabs #tab-attributes 	{
	position: absolute;
	top:0px;
	z-index: 1;	}
.attributes_tab:target~.woocommerce_tabs #tab-attributes 	{
	position: absolute;
	z-index: 10; }
.reviews_tab:not(:target)~.woocommerce_tabs #tab-reviews 	{
	position: absolute;
	top:0px;
	z-index: 1;	}
.reviews_tab:target~.woocommerce_tabs #tab-reviews 	{
	position: absolute;
	z-index: 10; }


/*** Checkout ***/
.product-remove, .product-thumbnail, .product-price, .product-quantity, .product-subtotal	{
/* applys to the collumn description, not the whole collumn */
	text-shadow: none !important;
}
.coupon_code	{
	min-height: 36px; 	
}
#breadcrumb	{
/* a crude way to get rid of the breadcrumbs */
	display: none;
}
.product-thumbnail a, .product-remove a	{
	border: none !important;
}

/* CRM addon */

.wp_crm_contact_form .input-large	{
	background: none repeat scroll 0 0 #F5F0EC;
	border: 1px solid #907D68;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
	padding: 4px;
}
.wp_crm_contact_form .wp_crm_message_field_field	{
	font: 12px helvetica,sans-serif;
	height: 150px;
	width: 585px;
	margin-top: 25px;
}
.wp_crm_contact_form .btn-primary	{
	background: none repeat scroll 0 0 #2C6700;
	border: 0 none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	color: #EFEFEF;
	cursor: pointer;
	font-weight: bold;
	padding: 8px;
	margin-top: 25px;
}

/* FIX FOR IMG BORDERS */
a < img, a:link < img, a:visited < img, a:hover < img {
	border:none;
	border-bottom:none;
	border:0px;
}
.noborder, a:hover.noborder {
	border:none;
}

/* FOR COLLAPSE-O-MATIC IMAGES */
.birdwire {
        display: inline;
        float: left;
        margin-right: 1.625em;
        width: 160px;
}
