/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#top {
background: #5a3976;
margin: 0 -3.631em;
padding: 0 3.631em;
border-top: 0px solid #fa9014;
border-bottom: 1px solid #fa9014;
}

  #top ul.nav > li:hover {
    background:rgb(144, 131, 155);
  }
  #top ul.nav ul {
    background: rgb(144, 131, 155);
  }

#top ul.nav ul {
    color: blue;
  }
  #top ul.nav {

}

#top ul.nav > li a {
color: #fff;
font-weight: normal;
padding: 1em;
padding-top: 1.4em;
}

#top2 {
overflow: visible;
background: #3a0169;
margin: 0 -3.631em;
padding: 0 3.631em;
box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, .4);
-webkit-box-shadow:  1px 1px 5px 3px rgba(0, 0, 0, .4);
}

#header #navigation ul.nav > li.current-menu-item > a, #header #navigation ul.nav > li.current_page_item > a {
color: #fa9014;
}
#header #navigation {
   
    background: #5a3976;
}
#header {
    border-bottom: 0 none;
    clear: both;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
#header .nav-toggle {

    left: 270px;
}
#header .nav-toggle {
    position: absolute;
    top: .53em;
    right: 0;
    width: 1.618em;
    height: 1.618em;
    cursor: pointer;
    font-family: sans-serif;
    background-color: #fa9014;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4800), to(#ee3700));
    background-image: -webkit-linear-gradient(top, #ff4800, #ee3700);
    background-image: -moz-linear-gradient(top, #ff4800, #ee3700);
    background-image: -ms-linear-gradient(top, #ff4800, #ee3700);
    background-image: -o-linear-gradient(top, #ff4800, #ee3700);
    background-image: linear-gradient(to bottom, #fa9014, #DE7B06);
   font-size: 2em;
}

#header .nav-toggle:after {
    content: "Menu";
    color: #fa9014;
    Font-size: 16px;
    text-transform: uppercase;
}
#mobileMenu_top-nav {display:none!important;}

#bannersection{
overflow: visible;
background: #3a0169;
margin: 0 -3.631em;
padding: 0 3.631em;

}
#logo h2 {
color: white;
text-align: center;
margin-bottom: .2em;
font-size: 17.5px;
font-family: Garamond, "Apple Garamond", "ITC Garamond Narrow";
font-weight: bold;
}
#mytopnav {
width: 500px;
float: right;

}
#mytopnav .pagination-wrap {
margin-bottom: 1.618em;
padding-top: 0;
border-top: 0px double #e8e4e3;

}
.single_variation .price {
color: #fc8e13!important;
}
#mytopnav .pagination-wrap .pagination {
width: 100%;
text-align: right;
}

.single-product .summary .product_meta {

display: none;
}
.footer-wrap {
background: #5a3976;
margin: 0 -3.631em;
padding: 0 3.631em;
color: #e8e4e3;
border-top: 1px solid white;
}
.footer-wrap a {
color: #fa9014;

}
.footer-wrap a:hover {
color: white;
text-decoration: none;
}
.widget h3 {
color: white;
}
#sidebar .widget h3 {
color: #39302d;
}

#footer #credit img {
vertical-align: middle;

margin-top: -10px;
}
#footer {
color: #e8e4e3;
}

 .single-product #authorprofilebox{
display: none;
}

#dslogo {
    background:url(images/dabbled-studios-logo-1.png);
    width:148px;
    height:50px;
	display: inline-block;
	margin-bottom: -15px;
}
#dslogo:hover {
      background:url(images/dabbled-studios-logo-1.png);
    width:148px;
    height:50px;
    background-position:0 -50px;
	
}
#p18logo {
    background:url(images/project18logo1.png);
    width:104px;
    height:50px;
	display: inline-block;
	margin-bottom: -15px;
}
#p18logo:hover {
    background:url(images/project18logo1.png);
    width:104px;
    height:50px;

    background-position:0 -50px;
}

body.home ul.products {

margin-bottom: 0;
}

.homepage-banner::after {

background: transparent;
}
.homepage-banner img {
margin-bottom: 0;
width: 45%;
position: relative;
}
.homepage-banner h1 {
position: absolute;
top: 1%;
left: 50%;
right:0;

text-align: left;
font-size: 2.631em;
line-height: 1em;
}

.homepage-banner .description {
position: absolute;
top: 30%;
left: 50%;
right: 0;
font-size: 1.1em;
background: #3a0169;
line-height: 1.24;
-webkit-border-radius: 3px;
    
    border-radius: 3px;
}
.homepage-page::after {
background: transparent;
}
.homepage-page img {
margin-bottom: 0;
float: left;
width: 35%;
}
.homepage-page h1 {
line-height: 1.2em;
clear:none;
color:white;

}
.homepage-page h2 {
line-height: 1.2em;
clear:none;
color:white;
}
.homepage-page {
color: white;
padding-bottom: 1em;
}
.homepage-content {
color: white;
width: 60%;
float: right;
}
.homepage-cats ul.products li.product a h3 {
color: #fff;
font-size:1em;
}
.homepage-cats ul.products li.product a:hover h3 {
color: #fc8e13;
}
#header hgroup {
    margin-bottom: 1.35em;
    margin-top: 0em;
    position: relative;
    width: 270px;
}
mark {
background-color: inherit;
color: inherit;
}
#header {
    border-bottom: 0 double #E8E4E3;
    clear: both;
    margin-bottom: 0;
padding: 1em 0;
    position: relative;
}
#header #logo {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}
#breadcrumbs {
margin-top: 1.618em;
padding-bottom: 1.618em;
color: #c1b8b5;
font-size: .857em;
font-weight: bold;
margin-bottom: 0;
}

#header #navigation ul.nav > li a {
background: none repeat scroll 0 0 transparent;
    border: 0 solid #FCFCFC;
    border-radius: 0 0 0 0;
    color: white;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
}
#header #navigation ul.nav > li a:hover {
    color: white;
	background:rgb(144, 131, 155);

}
#header #navigation ul.nav ul {

}
 #header #navigation ul.nav > li:hover a {
    color: #FA9014;
    background: white;
  }
#header #navigation ul.nav > ul li.parent a {
background: white;
color: #fa9014;
}
#header #navigation ul.nav > li.parent a:hover {

    color: #5a3976;
}
#header #navigation ul.nav > li.parent a:after {
    color: white;
}

#header #navigation ul.nav > li.parent:hover a:after {
    color: #5a3976;
}

#navigation {
    margin-bottom: 0;
}
#header #navigation {
    margin-top: 0;
}
#header #navigation {
    float: left;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button {
display: inline-block;
padding: .236em .857em;
color: white;
text-align: center;
text-decoration: none;
font-size: 1em;
font-family: inherit;
cursor: pointer;
overflow: visible;
width: auto;
line-height: 1.618em;
margin: 0 .327em;
-webkit-font-smoothing: subpixel-antialiased;
font-weight: bold;
text-shadow: 0 1px 0 #cc1500;
background-color: #fc8e13;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fc8e13), to(#f97100));
background-image: -webkit-linear-gradient(top, #fc8e13, #f97100);
background-image: -moz-linear-gradient(top, #fc8e13, #f97100);
background-image: -ms-linear-gradient(top, #fc8e13, #f97100);
background-image: -o-linear-gradient(top, #fc8e13, #f97100);
background-image: linear-gradient(to bottom, #fc8e13, #f97100);
border: 1px solid #bb0400;
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ffb300, inset 0 -1px #cc1500;
box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ffb300, inset 0 -1px #cc1500;
}
.woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a {
position: relative;
background: #fff;
box-shadow: 0 1px 2px 0 #e8e4e3;
-webkit-box-shadow: 0 1px 2px 0 #e8e4e3;
color: #fc8e13;
border-top-color: #fc8e13;
}
.woocommerce_tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li a:hover {
color: #fc8e13;
}

div.quantity .plus:hover,
div.quantity .minus:hover {
  color: #ed7e02;
}
div.quantity .plus,
div.quantity .minus {
  
  color: #fc8e13;
 
}
ul.products li.product a:hover h3 {
  color: #fc8e13;
}
.onsale {
    background-color: #fc8e13!important;
    top: 50px;
    left: 0!important;
    right: inherit;
    font-size: 1em!important;
}
.widget_price_filter .ui-slider .ui-slider-range {
   background: #fc8e13;
 
}
.widget_price_filter .ui-slider .ui-slider-handle {
    border: 1px solid #fc8e13;
 }
.shortcode-sale {
 
  background: #fc8e13;
 
}
input[type="radio"]:checked {
  background-color: #fc8e13;
}
.post .post-meta li a:hover,
.type-page .post-meta li a:hover {
  color: #fc8e13;
}

.post img.thumbnail,
.type-page img.thumbnail {
  border-bottom: 0.327em solid #fc8e13 !important;
}
.woo-pagination .page-numbers.current {
  background: #fc8e13;
}
.widget_woodojo_tabs ul.nav-tabs li a:hover {
  color: #fc8e13;
}
.widget_woodojo_tabs ul.nav-tabs li.active:before {

  background: #fc8e13;
  border-top: 1px solid #ff5911;
  
}
.widget_woodojo_tabs ul.nav-tabs li.active a {

  color: #fc8e13;
  border-top-color: #fc8e13;
}
.star-rating span {
  background: #fc8e13;
 }
 p.stars span a.active {
  background: #fc8e13;

}
 p.stars span a:hover,
p.stars span a:focus {
  background: #fc8e13;
}
able.cart td.actions .checkout-button {
margin-top: 1em !important;
}
.woocommerce_tabs ul.tabs li.active::before, .woocommerce-tabs ul.tabs li.active::before {

background: #fc8e13;
border-top: 1px solid #ff5911;

}
.type-post .meta .month {

background: #fc8e13;
border-top: 0.202em solid #ff4800;

}

table.variations label {
display:none;
}
table.variations td.label{
display:none;
}

table.variations td.value{
padding:0;
}

table.variations {
margin-bottom: 1em;
}

table.variations input[type="radio"] {
top: 5px;
margin-right: 5px;
}
a:hover {
color: #fa9014;
text-decoration: none;
}

#bannersection a {
color: #fa9014;
text-decoration: none;
font-weight: bold;
}
#bannersection a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.prevlink {
width: 40%;
float: left;
margin-bottom: .5em;
}
.nextlink {
width: 40%;
float: right;
margin-bottom: .5em;
text-align: right;
}
.returnlink {
width: 40%;
float: left;
clear:both;
}

#browsemore h3 {

}

#browsemore {

margin-top: 1.5em;

}

#browsemore a{

}
#browsemore a:hover{

}

#mc_embed_signup {
background: transparent!important;

}
#mc_embed_signup .indicates-required {
text-align: left!important;
font-size: 11px;
margin: 0!important;
line-height: 1.2em!important;
padding-bottom: 1em;
}

#mc_embed_signup form {
padding: 0!important;
}

#mc_embed_signup .asterisk {
position: relative!important;
top: 6px!important;
padding-left: 1em;
}

#mc_embed_signup .mc-field-group input {
padding: 1px 0!important;
}
#browsecat {

}
#browsecat ul  {
list-style-type: none;

}
#browsecat img{

}
.previncat img {
float:right;
padding-left: 5px;
}
.nextincat img {
float:left;
padding-right: 5px;
}
.nextincat  {
float:left;
width: 45%;
}
.previncat {
float: right;
width: 45%;
text-align: right;
}
.arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fc8e13;
float: right;
position: relative;
top: 40px;
margin-left: 10px;
}.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fc8e13;
float: left;
position: relative;
top: 40px;
margin-right: 10px;
}

#browsecat p {
border-top: 4px double #e8e4e3;
padding-top: 1.618em;
margin-top: 1.618em;
}

#ns_widget_mailchimp-2 input {

}
#ns_widget_mailchimp-2  input.button  {
margin-top: .5em;
height:inherit!important;
}
#call_for_credit p {
width:100%;
}
#credit_called  {

text-align: right;
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */

#mytopnav {
width: 300px;
float: right;
margin-top: -90px;
}	
#top ul.nav {
float: right;
font-size: 0.857em;
}	
	
}