/**
 * Theme Name: 		Spectra
 * Theme Author: 	Rascals Themes
 * Theme URI: 		http://rascalsthemes.com/spectra
 * Author URI: 		http://rascalsthemes.com
 * File:			woocommerce-theme-style.css
 * =========================================================================================================================================
 *
 * @package spectra
 * @since 1.0.0
 */


/* ---------------------- THEME ELEMENTS ---------------------- */

.wc-product {
	margin-top: 160px;
}

/* ---------------------- SHOP PAGE ---------------------- */

/* WooCommerce
 -------------------------------- */
#main.main-left ul.products li,
#main.main-right ul.products li { width:30% }
@media only screen and (max-width:767px) {
    #main.main-left ul.products li,
    #main.main-right ul.products li { width:48% }
}

/* Sorting */
 .woocommerce .woocommerce-ordering select {
    margin-bottom: 20px;
    font-weight:600;
 }

/* On sale badge  */
.woocommerce span.onsale {
    min-height: 50px;
    min-width: 50px;
    line-height:50px;
    padding:0;
    font-weight: 600;
    top: -20px;
    left: -20px;
    background-color: #999;
    color: #fff;
    font-size: 12px;
    text-transform:uppercase;
    letter-spacing:0.1em;
}
.woocommerce ul.products li.product .onsale {
    margin:0;
    top:-10px;
    right:-10px;
}

/* Title */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight:400;
    color:#fff;
    margin:5px;
}

/* Ratting */
.woocommerce .products .star-rating {
    display: none;
}

/* Image */
.woocommerce ul.products li.product a img {
  margin-bottom:0
}

/* Product */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
   text-align:center;
}

/* Button */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce div.product form.cart .button
 {
	color: #fff;
	font-size: 13px;
	padding: 12px 20px;
	background-color: #f4624a;
	border-radius: 3px;
	font-weight: 600;
	text-transform:uppercase
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover,
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover {
    color:#fff;
    background-color:#666;
}
.woocommerce ul.products li.product .button {
    margin-top:5px;
}
.woocommerce ul.products li.product .button:before {
    font-family:"icomoon";
    content: "\e60f";
    margin-right:10px;
    font-weight:300;
    font-size:14px
}
@media only screen and (max-width:767px) {
	.woocommerce ul.products li.product .button {
		padding: 12px 14px;
		font-size: 13px;
	}
}

/* Price */
.woocommerce ul.products li.product .price {
  color:#eee;
  font-size:16px;
  font-weight:600;
  margin-bottom:13px
}
.woocommerce ul.products li.product .price del {
    display:inline;
}
.woocommerce ul.products li.product .price ins {
    font-weight: 600;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	display: inline-block;
    font-size: 14px;
    font-weight: 900;
    margin-right: 1px;
    padding: 12px 16px;
    text-transform: uppercase;
    color:#999;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    color: #222;
    background: #eee;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
}


/* ---------------------- WIDGETS ---------------------- */

/* Product Cloud Widget */
.widget_product_tag_cloud {
    overflow: hidden
}
.widget_product_tag_cloud .tagcloud a {
    padding: 6px 10px;
    margin: 3px;
    float: left;
    line-height: normal;
    color: #bbb;
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px !important;
    text-transform: uppercase;
}
.widget_product_tag_cloud .tagcloud a:before {
     content: "#";
}
.widget_product_tag_cloud .tagcloud a:hover {
    text-decoration: none;
    line-height: normal;
    border: 1px solid transparent;
    color: #fff;
    background-color: #f4624a;
}

/* Cart Widget */
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-color:rgba(255,255,255,0.3)
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
   color:#fff;
    font-weight:400;
}

/* Products */
ul.product_list_widget li a span {
    color:#fff;
    font-weight:400;
}
ul.product_list_widget .woocommerce-Price-amount {
    font-weight:500;
    color:#999;
}
ul.product_list_widget del, ul.product_list_widget del .woocommerce-Price-amount  {
    color:#666;
}
ul.product_list_widget ins {
    font-weight:500;
    background-color:transparent;
    color:#999;
}
.woocommerce ul.product_list_widget li img {
    width: 50px;
}
.woocommerce ul.product_list_widget li {
    margin-bottom:8px;
    overflow:hidden;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom:10px;
}
.woocommerce ul.product_list_widget li:last-child {
    border:none;
}

/* Search */
.woocommerce-product-search input[type="submit"] {
    display:none;
}

/* Price filter */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color:#666;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color:#ddd;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color:#eee;
}
.woocommerce .widget_price_filter .price_label {
    color:#ddd;
}
.woocommerce .widget_price_filter .price_label span {
    font-weight: 600;
}

/* Categories */
.widget .product-categories li {
    padding: 6px 0;
    color: #ccc;
    line-height: 20px;
}
.widget .product-categories li:before {
    font-family: "icomoon";
    content: "\f105";
    display: inline-block;
    color: #666;
    margin-right: 8px;
    margin-left: 0px;
}


/* ---------------------- SINGLE PRODUCT ---------------------- */

/* Price */
.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-weight:400;
}
.woocommerce div.product p.price del {
    color:#999;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
     color:#fff;
     font-size:18px;
}
.woocommerce div.product .woocommerce-variation-price .price {
    color:#fff;
}

/* Title */
.woocommerce div.product .product_title {
    font-size: 36px
}

/* Quantity */
.woocommerce .quantity .qty {
    margin-right: 10px;
    padding: 9px 0 9px 11px;
}

/* Product Meta */
.product_meta .posted_in, .product_meta .tagged_as {
    display:block;
    font-weight:600;
    color:#fff;
}
.product_meta {
	border-top: 1px solid #222;
	padding-top:20px
}
.product_meta .posted_in {
    margin-bottom:5px
}
.product_meta .posted_in a, .product_meta .tagged_as a {
    font-weight:300;
    color:#eee;
}
.woocommerce div.product .stock {
    color: #999;
    font-weight:600;
}

/* Variations */
.woocommerce div.product form.cart {
    border-top: 1px solid #222;
    padding-top:20px;
}
.woocommerce div.product form.cart .variations {
    background-color:transparent;
}
.woocommerce div.product form.cart .variations td {
    line-height:2em;
    padding:5px;
}
.woocommerce-variation-price {
    border-top: 1px solid #222;
    padding-top:20px;
    margin-bottom:15px;
}
.woocommerce div.product form.cart .reset_variations{
    text-transform:uppercase;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #313131;
    background-color: #191919;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0;
    margin:0 -5px -5px -5px;
    padding: 15px 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0 0 -1px 0;
    overflow: hidden;
    position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #222222;
    z-index: 2;
    border-bottom-color: #222222;
    border-top: 1px solid #313131;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #313131;
    z-index: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    box-shadow: 2px 2px 0 #333;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 700;
    color: #999;
}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
    font-size: 22px;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom:40px;
    padding:30px;
    border: 1px solid #333;
}
.woocommerce #reviews h3 {
    font-size:18px;
    font-weight:400;
}

/* Attributes */
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th {
    line-height: 2;
    border:none;
    border-bottom: 1px solid #333;
    border-top: 0;
    margin: 0;
}
table.shop_attributes {
    background-color:transparent;
}
table.shop_attributes th {
	color: #ddd;
	background-color:transparent;
}
table.shop_attributes td {
}
table.shop_attributes td p {
    color: #999;
    font-weight:400;
}
table.shop_attributes td {
    padding: 0;
    width: 50%;
    border-top: 0;
    border-bottom: 1px solid #333;
    margin: 0;
    padding: 1em;
}

/* Ratting */
.woocommerce .star-rating:before {
    color: #f4624a;
}
.woocommerce-product-rating {
    color:#f4624a;
}
.woocommerce-review-link,
.woocommerce-review-link span {
    color:#999;
}
.woocommerce-review-link:hover,
.woocommerce-review-link:hover span {
    color:#f4624a;
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist {
    margin-bottom:40px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding: 3px;
    width: 48px;
    height: auto;
    background: #222;
    border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 60px;
    border: 1px solid #222;
    border-radius: 4px;
    padding: 1em 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
    color:#999;
}
.woocommerce .star-rating, .woocommerce p.stars a {
    color: #f4624a;
}

/* Related Products */
.woocommerce .related h2 {
    margin-bottom: 30px;
    font-size: 24px;
}


/* ---------------------- CART ---------------------- */
.woocommerce table.shop_table {
    border: none;
    margin: 0 -1px 44px 0;
    border-radius: 0;
    background-color:transparent;
}
.cart-collaterals .shipping_calculator h2 a,
.cart-collaterals .shipping_calculator h2 a span {
    color: #fff;
}
table.shop_table th, table.shop_table td {
    border:none;
    border-bottom: 1px solid #333;
}
.woocommerce table.shop_table td.actions {
    padding:20px;
}
.woocommerce table.shop_table th {
	background-color:transparent;
	padding:10px;
	border-bottom:4px double #333;
	color: #eee;
}
td.product-name a, td.product-name strong {
    color: #ccc;
}
.woocommerce ul.cart_list li dt, .woocommerce td.product-name dl.variation dt {
    font-weight: 300;
    color:#999;
}
.woocommerce ul.cart_list dd, .woocommerce td.product-name dl.variation dd {
    margin-top:0;
    color:#bbb;
}
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
    margin-bottom:0;
    line-height:140%;
    font-size:14px;
    padding:0;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.cart_list li dl dd {
    margin-bottom:0;
    line-height:140%;
    font-size:14px;
    padding:0;
}

.cart-collaterals .cart_totals table td {
    border-bottom: 1px solid #333;
}
.cart-collaterals .cart_totals table th {
    color: #ddd;
}
.cart-collaterals .shipping_calculator h2 a,
.cart-collaterals .shipping_calculator h2 a {
    color: #fff;
}
form.login,
form.checkout_coupon,
form.register {
    border: 1px solid #333;
    background: #222;
}

.checkout #order_review {
  
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color:#f4624a;
    color:#fff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #666;
    color: #fff;
}
.woocommerce .cart-collaterals .cart_totals h2 {
    font-size:24px;
}
.cart-collaterals .cart_totals table th {
    color: #ddd;
    border-bottom: 1px solid #333;
    background-color:transparent;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top:none;
}
.cart-collaterals .cart_totals table th {
    border-bottom:1px solid #333;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    opacity:0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    margin-right: 20px;
    padding: 9px;
    min-width:130px;
}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
    border: 1em solid #444444;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
/* Block UI overlay */
.woocommerce .blockUI.blockOverlay {
    background-color:#222 !important;
}
.woocommerce-thankyou-order-received {
    font-size:18px;
}



/* ---------------------- CHECKOUT ---------------------- */

/* Checkout table */
.woocommerce-checkout table.shop_table {
    background-color:transparent;
    margin-bottom:40px;
    padding:10px;
}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    color: #ddd;
    background-color:transparent;
}
.woocommerce-checkout td.product-name dl.variation dt,
.woocommerce-checkout td.product-name dl.variation dd {
    color: #999;
}
.woocommerce-checkout  table.shop_table th, .woocommerce-checkout  table.shop_table .cart-subtotal td, .woocommerce-checkout  table.shop_table .order-total td {
	border-bottom: 4px double #333;
	padding:15px 15px;
}
#payment div.payment_box {
	background: #333;
    color: #eee;
}
#payment ul li label {
    color: #ddd;
}
#payment div.payment_box:after {
	border: 8px solid #222;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

#payment ul li input[type="radio"] {
    margin-right: 1em;
    margin-top: 0.2em;
    float: left;
    width: auto;
    height: 1.4em;
    width: 1.4em;
}
.woocommerce-checkout #payment ul.payment_methods li input {
    margin-top: 4px;
    margin-right: 12px;
}

/* Order info */
.order-info mark {
    color: #fff;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    margin-top:60px;
    background: #292929;
    border-radius: 5px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #444444;
    color:#ccc;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #333;
}
#order_review_heading {
    margin-top:40px;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #8897a2;
}

/* ---------------------- ORDER RECIVED ---------------------- */
.woocommerce .order_details {
    margin: 0 0 1.5em;
    list-style: none;
    background-color: #444;
    padding:10px;
}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
	border-bottom: 4px double #333;
	background: transparent;
}
.woocommerce-checkout address, .woocommerce-account .woocommerce-MyAccount-content address {
	font-style:normal;
}
.woocommerce-MyAccount-content mark {
    background-color:transparent;
    color:#fff;
    font-style:normal;
    font-weight:bold;
}
.woocommerce-checkout h2, .woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size:28px;
}
.woocommerce table.customer_details th, .woocommerce table.customer_details td {
    border-bottom: 1px double #333;
}


/* ---------------------- MESSAGES ---------------------- */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #3e3e3e;
    color: #eee;
    border-top: 3px solid #a46497;
    list-style: none!important;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-info:before {
    color: #ddd;
}


/* ---------------------- MY ACCOUNT ---------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom:40px;

}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin:0;
    max-width:80%;
    position:relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after {
	content: "";
	display: block;
	border: 22px solid #444444;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: 0px;
	right: -44px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
     display:block;
     border-bottom: 1px solid #222222;
     background-color: #292929;
     margin:0;
     padding:10px 20px;
     color:#999;
     font-weight:500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
    border-bottom:0
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #444444;
    color:#fff;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    margin: 2em 0;
    text-align: left;
    border-radius: 0;
    padding:0;
    background-color:transparent;
}
.woocommerce form.login label.inline {
	margin-left:20px;
}
.woocommerce form.login label.inline input[type="checkbox"] {
	display:inline-block;
	width: auto;
}
.woocommerce form .form-row .input-checkbox {
	width:auto;
}