/*
 Theme Name:     Distributor Bretheon Child
 Description:    A child of Bretheon
 Author:         Softext Publishing Inc.
 Author URI:     http://softext.ca
 Template:       bretheon
 Version:        1.0.0
*/

/*Original Theme Styles*/
@import url("../bretheon/style.css");
/*New Editor Styles*/
@import url("custom-editor-style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/*General*/
html, body{
    font-size: 1em;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.8em;
}
h3{
	font-size: 1.6em;
}
h4{
	font-size: 1.4em;
}
h5{
	font-size: 1.2em;
}
h6{
	font-size: 1.2em !important;
    line-height: 1.3em !important;
}
.the_content ul li { 
	list-style: disc !important; 
	padding-left: 0em;
	margin-left: 3em;
}
.the_content ul ul { 
	list-style: decimal !important; 
	padding-left: 0em;
	margin-left: 3em;
}
img{
	max-width:100%;
}
html body { color: #000000;
       font-size: 1em;
       line-height: 1.3em;						
}

/*Bootstrap*/
.row, .col-md-12, .col-md-6, .col-md-3, .contact-form .row input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-md-12, .col-md-6, .col-md-4, .col-md-3{
	float: left;
}
.row{
	clear:both;
}
.row, .row:after{
	clear:both;
}
.col-md-12{
	width: 100%;
}
.col-md-6{
	width: 50%;
}
.col-md-4{
	width: 33.333%;
}
.col-md-3{
	width: 25%;
}
.contact-form .row input:not([type='checkbox']){
	width:100% !important;
}
.contact-form .row{
	margin-bottom: 0;
}
.contact-form .row.margin-bottom{
	margin-bottom: 40px;
}
@media screen and (max-width: 60em) {
	.col-md-12, .col-md-6, .col-md-4, .col-md-3{
		float: none;
		width: 100%;
	}
}

#Subheader {
	background-image: url(images/subheader_overlay.png);
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	color: #333333;
}

/*Colour*/

/*Header*/
#Header .addons p.mail { 
	background: url(../bretheon/images/sep_shadow.png) no-repeat top right;
}
#Header .addons p.cart { 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 22px 18px;
}
#Header .addons p.cart i { 
	margin-right: 8px; 
}

/*Navigation*/
#Header #menu {
	float: left;
	width: 100%;
	padding: 0 5px;
}
#Header #menu > ul {
	width: 100%;
}
#Header #menu > ul > li > a {
	font-size: 17px;
}
#Header #menu > ul > li > a:hover {
	color: #9f0043;
}
#Header #menu > ul > li ul li a{
	font-size: 17px;
}
#Header #menu > ul > li.menu-item-search {
	float: right;
}
#Header #menu > ul > li ul{
	top: 34px;
}
#Header #menu > ul > li ul li {
	width: 240px;
}
#Header #menu > ul > li ul li a:hover, 
#Header #menu > ul > li ul li.hover > a {
	background: #AE2961;
	color: #FFF !important;
}
body .menu-search-form input[type="text"], body .menu-search-form input[type="submit"]{
	display: inline-block;
	margin: 0;
	font-family: Titillium Web, Arial, Tahoma, sans-serif;
}
body .menu-search-form input[type="text"]{
	width: 150px;
	margin: 0 !important;
	padding: 5px 8px !important;
	font-size: 12px;
	line-height: normal;
	color: #333333;
	background: #F9F9F9;
}
body .menu-search-form input[type="submit"]{
	line-height: 13px;
	padding: 8px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #9a1f1f;
	text-transform:lowercase;
	position: relative;
	top: 1px;
}

/*Widgets*/
.widget h3 {
	font-size: 22px;
}
.widget_product_categories>ul{
	border: 1px solid #ebebeb;
}
.widget_product_categories ul li{
	border-bottom: 1px solid #ebebeb;
}
.widget_product_categories ul .cat-parent>ul{
	border-top: 1px solid #ebebeb;
	display: none;
}
.widget_product_categories ul .cat-parent{
	position: relative;
}
aside.widget_product_categories li ul {
	margin-left: 0;
}
.widget_product_categories > ul > li > ul > li {
	text-indent: 0.75em;
}
.widget_product_categories > ul > li > ul > li > ul > li {
	text-indent: 1.5em;
}
.widget_product_categories > ul > li > ul > li > ul > li > ul > li {
	text-indent: 2.25em;
}
.widget_product_categories > ul > li > ul > li > ul > li > ul > li > ul > li {
	text-indent: 3em;
}
.widget_product_categories > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
	text-indent: 3.75em;
}
.widget_product_categories ul .cat-parent:before, 
.widget_product_categories ul .page_item_has_children:before, 
.widget_product_categories ul.menu>.menu-item-has-children:before{
	content: "+";
	font-size: 20px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 6px;
	right: 9px;
	font-weight: 700;
	color: rgba(128,128,128,.6);
}
.widget_product_categories ul .cat-parent.toggle-active:before, .widget_product_categories ul .page_item_has_children.toggle-active:before, .widget_product_categories ul.menu>.menu-item-has-children.toggle-active:before{
	content: "-";
	right: 12px;
	top: 4px;
}
.widget_product_categories ul li a {
	display: inline-block!important;
}
.widget_product_categories ul li a{
	padding: 6px 10px;
}

/*Footer*/
#Footer {
	font-size: 1.2em;
}

/*Homepage*/
.home-message {
	background: #f8f8f8;
	padding: 1.5em 1.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
body.home #Subheader{
	display:none;
}

/*Woocommerce*/
.woocommerce input[type="text"], .woocommerce input[type="search"], .woocommerce input[type="number"]{
	padding: 3px 7px !important;
	margin-bottom: 0 !important;
	margin-top: -5px !important;
}
.woocommerce input[type="number"]{
	margin-top: 0 !important;
	padding: 8px 21px !important;
}
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce input[type="submit"], .woocommerce input[type="reset"], .woocommerce input[type="button"]{
	margin-top: 0 !important;
}
body.woocommerce ul.products li.product h3, body.woocommerce-page ul.products li.product h3{
	font-size: 16px;
	font-weight:400;
}
#product_total_price{
	display: none !important;
}
.price strong{
	font-weight: normal;
}
.woocommerce ul.products.list li.product:after, .woocommerce-page ul.products.list li.product:after,
.woocommerce .list #content ul.products li.product:after, .woocommerce-page .list #content ul.products li.product:after{
     visibility: hidden;
     display: block;
     content: " ";
     clear: both;
}
.woocommerce ul.products.list li.product a.woocommerce-LoopProduct-link,
.woocommerce .list #content ul.products li.product a.woocommerce-LoopProduct-link {
	display: none !important;
}
.woocommerce ul.products.list li.product > a, 
.woocommerce-page ul.products.list li.product > a,
.woocommerce .list #content ul.products li.product > a, 
.woocommerce-page .list #content ul.products li.product > a{
	float: left !important;
}
.woocommerce ul.products.list li.product, .woocommerce-page ul.products.list li.product,
.woocommerce .list #content ul.products li.product, .woocommerce-page .list #content ul.products li.product {
	text-align: left;
	padding: 0.5em;
}
body.woocommerce ul.products.list li.product h3, body.woocommerce-page ul.products.list li.product h3,
body.woocommerce .list #content ul.products li.product h3, body.woocommerce-page .list #content ul.products li.product h3{
	float: left;
	box-sizing: border-box;
	padding-right:1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-transform:uppercase;
}
body.woocommerce div.product div.summary h1.product_title{
	font-size: 22px;
	line-height:1.3em;
	text-transform:uppercase;
}
body.woocommerce ul.products.list li.product span.price, body.woocommerce-page ul.products.list li.product span.price,
body.woocommerce .list #content ul.products li.product span.price, body.woocommerce-page .list #content ul.products li.product span.price{
	display: block !important;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.woocommerce ul.products.list li.product .button, body.woocommerce-page ul.products.list li.product .button,
body.woocommerce .list #content ul.products li.product .button, body.woocommerce-page .list #content ul.products li.product .button {
	padding: .5em 1em;
	text-align: center;
}

.woocommerce ul.products.list li.product .onsale,
.woocommerce .list #content ul.products li.product .onsale {
	z-index: 9;
	margin-right: -1em;
}
.woocommerce ul.products.list span.onsale,
.woocommerce .list #content ul.products span.onsale {
	min-height: 35px;
	min-width: 35px;
	line-height: 35px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 35px;
}
.woocommerce-checkout .the_content ul li, .woocommerce-account .the_content ul li{ 
	list-style: none !important; 
	padding-left: 0;
	margin-left: 0;
}
.woocommerce-checkout .the_content ul ul,  .woocommerce-account .the_content ul li{ 
	list-style: none !important; 
	padding-left: 0;
	margin-left: 0;
}
.woocommerce a.button, .woocommerce-page a.button{
	font-weight:normal !important;
}
.related.products:before{
	clear:both;
	content: " ";
	display: block;
}
.woocommerce div.product div.woocommerce-product-gallery--without-images[style]{
	opacity:1 !important;
}
#wl-wrapper .wl-tabs > li{
	list-style-type: none !important;
	margin-left: 0;
}
.wl-table .cart_table_item .wl-share-links{
	display:none;
}
body.woocommerce-cart .cart-collaterals .cart_totals table th{
	line-height: 1.25em;
	font-size: 1em;
}
body.woocommerce-cart .cart-collaterals .cart_totals table td{
	vertical-align:middle;
}
.products li.product {
	list-style: none !important;
}

/*Hide Price
body.woocommerce ul.products.list li.product span.price, body.woocommerce-page ul.products.list li.product span.price, 
body.woocommerce .list #content ul.products li.product span.price, body.woocommerce-page .list #content ul.products li.product span.price,
.woocommerce-Price-amount{
	display:none !important;
}*/

/* =Responsive
-------------------------------------------------------------- */
@media screen and (max-width: 60em) {
	/*General*/
	
	/*Colour*/
	
	/*Header*/
	#Header .addons p.cart{
		display:none;
	}

	/*Navigation*/
	body #menu_responsive input[type="text"]{
		display:block;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align:center;
  
		margin: 2em 0 0 0 !important;
		padding: 5px 8px !important;
		font-size: 12px;
		line-height: normal;
		color: #333333;
		background: #F9F9F9;
	}
	body #menu_responsive input[type="submit"]{
		display:block;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		line-height: 13px;
		padding: 8px 10px;
		font-weight: normal;
		font-size: 14px;
		color: #9a1f1f;
		text-transform:lowercase;
		position: relative;
		top: 1px;
	}
	/*Widgets*/

	/*Footer*/
	
	/*Homepage*/
	
	/*WooCommerce*/
	.woocommerce ul.products.list li.product, .woocommerce-page ul.products.list li.product, .woocommerce .list #content ul.products li.product, .woocommerce-page .list #content ul.products li.product {
		text-align: left;
		padding: 1em 0.5em;
	}
	body.woocommerce ul.products.list li.product a, .woocommerce-page ul.products.list li.product a, body.woocommerce .list #content ul.products li.product a, .woocommerce-page .list #content ul.products li.product a,
	body.woocommerce ul.products.list li.product h3, body.woocommerce-page ul.products.list li.product h3, body.woocommerce .list #content ul.products li.product h3, body.woocommerce-page .list #content ul.products li.product h3,
	body.woocommerce ul.products.list li.product .button, body.woocommerce-page ul.products.list li.product .button, body.woocommerce .list #content ul.products li.product .button, body.woocommerce-page .list #content ul.products li.product .button{
		width: 100%;
		clear: both;
		text-align: center;
	}
	.woocommerce ul.products.list li.product a img, .woocommerce-page ul.products.list li.product a img, .woocommerce .list #content ul.products li.product a img, .woocommerce-page .list #content ul.products li.product a img{		width: 100%;
		display:none;
	}
}

/*Print*/
@media print{
	.menu-main-menu,
	.breadcrumbs,
	.widget-area,
	.product-remove,
	.actions,
	.wc-proceed-to-checkout,
	#Footer{
		display:none !important;
	}
	
	.with_aside #Content .content {
		width: 100% !important;
	}
	
}