/*
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 */


/* JD COLOR SWATCHES */
.color{border:1px solid grey; width: 25px; height: 25px; float: left; margin-right: 10px;display:block; padding:5px; font-size: 1px;margin-bottom: 10px;}
#whiteswatch{background: white; color: white;}
#blackswatch{background: black; color: black;}
#yellowswatch{background: yellow; color:yellow;}
#colorheading{text-transform: uppercase;margin-bottom: 5px;margin-top: 10px;}
div#colorswatchbox,#colorheading{margin-left: 0px;}
color{display: none;}

/* GLOBAL */
/* adjust col-full for left/right spacing*/
div#nav-container .col-full,
div#footer-container .col-full,
div#header-container .col-full,
body.full-width #content,
div#footer-widgets-container .col-full {width: 760px;}

/* HEADER */
#logo{max-width: 200px;}
ul#main-nav li a {text-transform: uppercase;}

/* FOOTER */
div#footer-container {border: none;}
div#footer-container p {text-transform: uppercase;}
section#footer-widgets {background: black;}

/* link lists */
.linklist li, #soclinks li{list-style: none;}
.linklist li a, #soclinks li a{text-transform: uppercase;	color: white;}
#soclinks{float: right;}
#soclinks li{ float: left;margin-right: 5px;}
#soclinks li a img{ width: 25px;}

/* footer stay connected */
div#text-2 h3 {border: none;text-transform: uppercase;color: white;float: right;font-weight: normal;margin-bottom: 0px;font-size: 18px;}


#jdnav{margin: auto;width: 650px; vertical-align: bottom;margin-top: 10px;}
#jdnav li{float: left;margin-right: 45px;}
#jdnav li a {text-transform: uppercase; color: black; font-family: varela;
font-size: 25px;
}




nav#navigation {
background: none;
}

div#logo{display: none !important;
}

#rebelrootslogo {
background-image: url('http://www.rebelrootsapparel.com/wp-content/uploads/Logo.png');
background-size: 175px;
background-repeat: no-repeat;
width: 200px;
height: 110px;
float: left;
clear: none;
position: absolute;
}

header#header {
padding-top: 70px;
padding-bottom: 10px;
}


#left,#right{
	z-index: 999999 !important;	
}

#left {
	float: left;
	background-image: url('http://www.rebelrootsapparel.com/wp-content/uploads/left.png');
	background-repeat: no-repeat;
	width: 197px;
	height: 672px;
	background-size: 350px;
	margin-top: -60px;
	position: absolute;
	top: 190px;
	background-position: -145px 0;
}

#right {
	float: right; 	
	background-image: url('http://www.rebelrootsapparel.com/wp-content/uploads/right.png');
	background-repeat: no-repeat;
width: 197px;
height: 672px;
background-size: 350px;
margin-top: -60px;
background-position: -5px 0;
position: absolute;
top: 190px;
right: 0px;
}
#utilnav {margin-top:-55px; margin-bottom: 60px; margin-right: -100px;}



#utilnav li {
	float: right;
	margin-right: 20px;
	}

#navigation .menus.nav-icons-2.cart-extended #main-nav {margin-left: 70px;}


ul.products li.product {   clear: none;   width: 27%; }

ul.products li.product.first {clear: none;}



p.woocommerce-result-count,
.archive a.button.add_to_cart_button.product_type_variable {display: none
	;
}
section#main {
padding: 0px 50px 0px 50px;
}
.summary.entry-summary li {list-style: disc;}


/* TYPOG */
#main-nav li a,
h1,h2,h3,h4,h5 {font-family: varela !important; font-weight: normal !important;}

.side-nav {display: none;
	
}

#navigation .menus.nav-icons-2.cart-extended #main-nav {margin-right: 0px;}

.page ul.products li.product a.button,
.archive ul.products li.product a.button {display: none;}
.page .entry h3,
.archive .entry h3 {margin-bottom: 0px;}


a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
background: #3d3d3d;
margin-top: 5px;
z-index: 999999999999999999999999999999 !important;
}

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover {
text-decoration: none;
background: #000 !important;
}
p.price {
font-size: 16px !important;
font-weight: normal !important;
}
.woocommerce .summary form {padding: 0px; margin: 0px; border: 0px; margin-bottom: 0px;
}
.woocommerce .summary table.variations tr td,
.woocommerce .summary table.variations,
td.value {border: 0px !important; margin: 0px !important; padding: 0px !important;}

h1.product_title.entry-title {
font-size: 17px;
text-transform: uppercase;
font-weight: bold !important;
}
div[itemprop=description] {
padding-left: 20px;
margin-top: 10px;
clear: both;
}
.product_meta {display: none;}
.woocommerce-tabs {display: none;}
.single .products a.button.add_to_cart_button.product_type_variable {display: none;}







@media only screen and (max-width: 980px) 
{
#right,	
#left{background-size:230px;}

#left{background-position: -105px 0; width: 117px;}
#right{background-position: -5px 0; width: 117px;}	

body.full-width #content {
width: auto;
padding: 20px 70px 0 70px;
}

}

@media only screen and (max-width: 780px)
{
	h3.nav-toggle.icon,nav#navigation,.nav-toggle:before {display: none !important;}

#navigation .menus.nav-icons-2.cart-extended #main-nav{display: none;}

.woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product,
ul.products li.product{width: 100%; clear: both;}	
}


@media only screen and (max-width: 480px) 
{
	#right {display: none;}
	
	section#main {padding: 0px 0px 0px 40px;}
}

/* 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 below this line */

	
}