/* COLOR SWATCHES
	TEAL {#288f88; rgb(34, 143, 136);}
	RED {#be0000; rgb(190, 0, 0);}
	BLACK {#222;}
	DARK GRAY {#333;} */

@import url('../css/webfonts/BPreplay/fonts.css');
@import url('../css/webfonts/BPreplayBold/fonts.css');
@import url('../css/webfonts/BPreplayBoldItalics/fonts.css');
@import url('../css/webfonts/BPreplayItalics/fonts.css');
@import url('../css/webfonts/KaushanScript-Regular/fonts.css');

body{
	background-color:#333333;
	}

body, p, nav{
	font-family: 'Conv_BPreplay' !important;
	font-weight: normal;
	font-style: normal;
	color:#FFFFFF !important;
	}

body strong, body b, p strong, p b{
	font-family: 'Conv_BPreplayBold';
	font-weight:bold;
	font-style:normal;
	}
	
	
body em, body i, p em, p i{
	font-family: 'Conv_BPreplayItalics';
	font-weight:normal;
	font-style:italic;
	}
	
body strong em, body em strong, body i b, body b i, p strong em, p em strong, p i b, p b i{
	font-family: 'Conv_BPreplayBoldItalics';
	font-weight:bold;
	font-style:italic;
	}
	
a{
	color:#FFFFFF;
	text-decoration:underline;
	}

a:hover{
	color:#288f88;
	}

	/*Is this even needed?*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .navbar a{
	text-decoration:none;
	color:#FFFFFF !important;
	}
	
h1, h2, h3, h4, h5, h6{
	font-family: 'Conv_KaushanScript-Regular';
	font-weight: normal;
	font-style: normal;
	}
	
.row {margin: 0;} /* Get rid of Bootstrap's notorious whitespace on the right when using div.row for layout. */

.alert.alert-danger{padding: .5em 2em 2em 2em;}
.alert.alert-warning{padding: 1em 2em;}

.alert p, .alert p a{
	color:inherit !important;
	padding-bottom: 1em;
	}

.btn-primary{
	background-color: #be0000;
	border-color: #460000;
	}
	
.btn-primary:hover{
	background-color: #9c0000;
	border-color: #350000;
	}
	
#header{
	background-size:cover;
	background-color:#ddd; 
	background-position: center center;
	}
	
#header.front-page img{
	width:80%; 
	max-width:430px; 
	height:auto; 
	margin:150px auto 200px auto;
	}

#header.dynamic img, #header.fallback img{
	width:80%; 
	max-width:300px; 
	height:auto; 
	margin:80px auto 100px auto;
	}
	
#nav{
	text-transform:uppercase;
	z-index:99998;
	position:relative;
	}
	
#nav.affix{
    position: fixed;
    top:70px;
    width: 100%;
}

.navbar-inverse{
	border-radius: 0 !important;
	background-color: rgba(34, 143, 136, .75) !important;
	border: 0 !important;
	bottom: 60px;
	}
	
button.navbar-toggle{
	border-radius:0 !important;
	background-color:rgba(34, 143, 136, .75) !important;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle{
	border-radius:0 !important;
	background-color:rgba(34, 143, 136, .75) !important;
	}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	border-radius:0; background-color:rgba(34, 143, 136, 1) !important;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.35);
	}

.navbar .nav > li > .dropdown-menu:after{
	border-bottom:6px solid rgba(34, 143, 136, .9) !important;
	}
	
.dropdown-menu{
	border-radius:0 !important; background-color:rgba(34, 143, 136, .9) !important;
	}
	
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
	background:rgba(34, 143, 136, .9) !important;
	}
	
.flexslider .slides img {height: auto !important;}
	
p.demo_store{
	top: auto !important;
	bottom: 5px;
	padding: 0.5em 0.7em !important;
	background: rgba(190, 0, 0, 0.85) !important;
	color: #f9c4c4 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	z-index: 999 !important;
	}
	
.footer{
	background-color:#222;
	}

.footer .row{
	padding: 1.5em 0 2.5em 0;
	}
	
/* WOOCOMMERCE */

.cart-icon{
	float: left;
	border-radius: 100%;
	width: 2em;
	height: 2em;
	padding: 0.3em;
	margin: -5px auto auto -13px;
	text-align: center;
	background: rgba(190, 0, 0, 0.85);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	z-index:99999;
	position:relative;
}

.in .cart-icon{
	margin: -40px auto auto 45px;	
	}

a.cart-icon-link:hover, a.showcoupon:hover, a.about_paypal:hover{color:rgba(255,255,255,0.75) !important;}

span.onsale{
	text-transform:uppercase;
	font-weight:normal !important;
	color: #fff !important;
	background:rgba(190, 0, 0, 0.75) !important;
	text-shadow:none !important;
	}
	
ul.tabs, ul.tabs:before{border-bottom:none !important;}

.panel p{
	color:#555 !important;
	}
	
input.input-text.qty.text{
	color:#228F88 !important;
	}
	
ul.tabs li.active, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel a{
	color:#be0000 !important;
	}
	
.panel{
	color: #228F88;
	padding: .1em 1em .5em 1em !important;
	margin-top: -23px !important;
	background-color: #fff;
	box-shadow: none !important;
	}
	
ol.commentlist li{
	margin-top: 0.6em !important;
	}
	
ol.commentlist li:before{
	display:none !important;
	}


ol.commentlist img{
	top: 2px !important;
	padding: 0 !important;
	width: 60px !important;
	border-radius: 5px;
	background: #999 !important;
	}
	
.pp_content_container {
	background: rgba(34, 143, 136, .75) !important;
}

mark.count{
	color:#666666 !important;
	}
	
.woocommerce-info{
	border-top: 3px solid #be0000 !important;
	-webkit-box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3) !important;
	box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3) !important;
}
.woocommerce-info:before{background-color: #be0000 !important;}

.woocommerce-billing-fields, .woocommerce-shipping-fields{
	background: rgba(255,255,255,0.1);
	padding: 1em;
	border-radius: 10px;
}

table.shop_table{
	background: rgba(34, 143, 136, 0.4);
	}

table.shop_table thead,
table.shop_table tr.order-total {
	text-transform:uppercase;
	background: rgba(34, 143, 136, 0.75);
	}
	
table.shop_table th{
	padding:10px 12px 7px 12px !important;
	}
	
table.shop_table tr.cart-subtotal, 
table.shop_table tr.shipping,
table.shop_table tr td.actions {
	background: rgba(0,0,0,0.25);
	color: #228f88;
	}
	
aside.sidebar section {
	background: rgba(0,0,0,0.25);
	padding: 0.5em 1em;
	margin: 0 0 1em 0;
	border-radius:5px;
	}
	
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
	width: 100% !important;
	}
	
.woocommerce td.product-name dl.variation dt, 
.woocommerce td.product-name dl.variation dd, 
.woocommerce-page td.product-name dl.variation dt, 
.woocommerce-page td.product-name dl.variation dd, 
.woocommerce td.product-name dl.variation dt p, 
.woocommerce td.product-name dl.variation dd p, 
.woocommerce-page td.product-name dl.variation dt p, 
.woocommerce-page td.product-name dl.variation dd p,
strong.product-quantity, span.quantity, dl.variation, .variation-Size, .variation-Size p {
	color: rgba(255,255,255,0.5) !important;
}

table.shop_table th.product-quantity{color:#fff !important;}

.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text{
	min-width:125px;
	}

.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-single, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-drop, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
	border: 2px solid;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	width: 22.05% !important;
	}
	
/* ACCORDION STYLES */
.wpb_tabs .ui-tabs .ui-tabs-panel, .wpb_accordion .ui-accordion .ui-accordion-content {
	height: inherit !important;
}
	
h3.ui-accordion-header{font-size:2em !important;}
.ui-accordion-header{background-color:#444 !important;}

/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  } 
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}
}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
An example of how to use CSS to display an image as a background of an HTML element.
*/

#site-title a {
  display: inline-block;
  padding: 30px 0 30px 100px;
  background: url(../img/bst.png) 0 0 no-repeat;
  background-size: 95px 95px
}
#site-title a:hover {
  background: url(../img/bst-hover.png) 0 0 no-repeat;
  background-size: 95px 95px;
  text-decoration: none
}
.main-nav {
  margin-top: 20px
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Woocommerce re-styling
*/

.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}