/*
Colors
body: ebd199
link: f7ecd4
h1: ead098
h2, menu, buy now: a7c2d1
separators: 777
button: 469ac7, a7c2d1
Main color: prices, active selections, "sale" badge
? rgb(186, 199, 70)
hsl(25, 100%, 70%)
#AE9569
*/

/*product title on single page - swap from Klimt button, unsaturated*/
#main .product .product_title {
    background-color: hsl(38, 30%, 55%);
    color: hsl(0, 0%, 100%);
    padding: .5em;
}

/*Categories in the loop*/
.abl_loop_categories {
    color: hsl(0, 0%, 67%);
    background-color: hsl(0, 0%, 22%);
    border-top: 1px solid hsl(0, 0%, 30%);
    font-size: 80%;
    line-height: 1.3em;
    margin: 3px 0 2em 0;
    min-height: 5em;
    padding: 1em 0;
    text-align: center;
    transition: all .5s;
}

.abl_loop_categories:hover {
    color: hsl(0, 0%, 73%);
    background-color: hsl(0, 0%, 24%);
}

.abl_loop_categories a {
    color: inherit;
}

/*No thick bottom border on product tiles*/
.products > li {
    border-bottom-width: 1px;
}

/*Hide blog meta on home page recent posts*/
.recent-posts-content .meta {
    display: none;
}

/*Currency converter widget*/
ul.currency_switcher li a.active,
ul.currency_switcher li a:hover,
.fusion-content-widget-area .widget.widget_currency_converter li a:hover {
    background: hsl(38, 30%, 55%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 0%);
    color: white;
}

.fusion-content-widget-area .widget.widget_currency_converter li {
    margin: 0 2px 0 0;
    font-size: 80%;
}

ul.currency_switcher li a {
    border-radius: 0;
}

/*"Sale" label*/
.product .onsale {
    left: -3px !important;
    top: -3px !important;
    border-radius: 0;
    background-color: hsl(0, 80%, 50%);
    line-height: 20px;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.75);
}

/*Fix H1 font on product archives*/
h1 {
    font-family: Oswald, Impact, Charcoal, sans-serif;
}

/*woocommerce-product-filter select box styling*/
.woof_container_select {
    color: hsl(0, 0%, 0%);
}

.woof_container_select .chosen-container-single .chosen-single {
    border-radius: 0;

}

.chosen-container-single .chosen-drop {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 1em;
}

#abl_shop_intro p {
    font-size: 80%;
}

/*Reserve space so that all boxes have the same height*/
.product-details h3, .product-buttons {
    height: 3em;
}

/*Quotes around title*/
h3.product-title ::before {
    content: "\201C";
}

h3.product-title ::after {
    content: "\201D";
}

/*Recently viewed in footer*/
.fusion-footer .product_list_widget li {
    width: 160px;
    height: 160px;
    float: left;
    text-align: center;
    border: 1px solid hsl(0, 0%, 40%);
    margin: .5em;
    background-color: hsl(0, 0%, 20%);
}

.fusion-footer .product_list_widget img {
    max-height: 140px;
    max-width: 140px;
}

.fusion-footer .product_list_widget span,
.fusion-footer .product_list_widget .amount {
    display: none;
}

/*Hide "Update cart" button*/
body.woocommerce-cart .fusion-update-cart {
    display: none;
}

/*
.post-content blockquote background
is set in Avada Theme Settings - Fusion Builder Elements - Testimonials.
*/

/*.single-product .avada-availability .buy_now {*/
/*color: #a7c2d1;*/
/*}*/

.single-product .product .images {
    border: 1px solid hsl(0, 0%, 40%);
    padding: 5px;
}

/*
.single-product .product .images {
	background-color: #595959;
	border: 18px solid #a1aaae;
	padding: 10px;
	!*box-shadow:*!
		!*0px 0px 0px 2px rgba(0,0,0,0.6),*!
		!*0px 0px 0px 14px #a1aaae,*!
		!*0px 0px 0px 18px rgba(0,0,0,0.2),*!
		!*6px 6px 8px 17px #555;*!
}
*/

/*
* Styling of the WC product prices
*/

/*Browser underlines this by default*/
ins, del {
    text-decoration: none;
}

/*Align prices*/
ul.products .price {
    height: 3em;
    display: block;
}

.abl_availability {
    font-size: 80%;
}

/*Availability colors*/
.abl_availability.not_for_sale {
    color: hsl(0, 30%, 70%);
}

.abl_availability.order_remake {
    color: hsl(25, 100%, 70%);
}

.abl_availability.buy_now {
    color: hsl(201, 31%, 74%);
}

/*http://stackoverflow.com/questions/14593415/how-to-strike-through-obliquely-with-css*/
del {
    background: linear-gradient(to left top,
    transparent 47%, white 49%, white 50%, transparent 52%);
}

/*Regular and Sale price*/
.woocommerce-Price-amount.amount,
ins .woocommerce-Price-amount.amount {
    color: white;
    font-size: 19px;
}

/*Price before discount*/
del .woocommerce-Price-amount.amount {
    color: hsl(0, 90%, 65%);
    font-size: 16px;
}

/*Avada sets it "flex". We need regular rows for product size. !important is needed when Avada styles are inline*/
.product-details-container .fusion-price-rating {
    display: block !important;
}

.abl_product_size {
    font-size: 80%;
}

/*Center all in loop*/
.product-details h3,
.product-details-container .fusion-price-rating {
    text-align: center;
}

/*Fix color of "Returning customer?" on Checkout.*/
body.woocommerce-checkout .woocommerce-info {
    color: hsl(0, 0%, 100%);
}

/*Checkout background*/
body.woocommerce-checkout #main {
    background-color: hsl(0, 0%, 20%) !important;
    /*background-color: hsl(40, 80%, 20%) !important;*/
}

/*Description of the payment method - fix background*/
.checkout .payment_methods .payment_box {
    /*background-color: hsl(40, 80%, 18%);*/
    /*border-left:      4px solid hsl(40, 80%, 16%);*/
    background-color: hsl(0, 0%, 24%);
    border-left: 4px solid hsl(0, 0%, 33%);
}

/*Make checkboxes larger*/
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: checkbox;
}

/*Radio on checkout styled as checkboxes, so cannot use the above rules and have to scale*/
#shipping_method input[type=radio] {
    margin: 0 8px 0 0;
    transform: scale(2);
}

/*Align shipping method labels*/
#shipping_method {
    text-align: left;
}

/*Highlight label of the selected shipping method*/
#shipping_method input[type=radio]:checked + label {
    color: hsl(0, 0%, 100%);
}

/*Do not highlight amount in the shipping label*/
#shipping_method input[type=radio] + label .amount {
    color: inherit;
}

/*Highlight amounts in "Total"*/
.checkout .shop_table tfoot .order-total .amount,
.cart_totals .order-total .amount {
    color: hsl(0, 0%, 100%);
}

/*Highlight currency of the "Total" on Checkout*/
#order_review .currency {
    border-bottom: 1px dotted;
    color: hsl(35, 90%, 70%);
    font-weight: 700;
    font-size: 18px;
}

/*Do not wrap shipping labels on "Cart" page*/
.cart_totals table th,
.cart_totals table td {
    width: auto;
}

/*Dim the "Coupon" section*/
.cart-collaterals .coupon {
    opacity: .7;
    transition: all .5s;
}

.cart-collaterals .coupon:hover {
    opacity: 1;
}

/*Fix overflow of shipping methods on narrow screens*/
.checkout .shop_table tfoot th {
    width: auto;
}

@media screen and (max-width: 640px) {
    /*Fix overflow of shipping methods on narrow screens*/
    body.woocommerce-cart #main,
    body.woocommerce-checkout #main {
        padding-left: 5px;
        padding-right: 5px;
    }

    /*Fix overflow of shipping methods on narrow screens*/
    #shipping_method input[type=radio] + label {
        font-size: 85%;
        white-space: normal;
    }
}

/*Full-width loop tiles on narrow screens*/
@media screen and (max-width: 800px) {
    .fusion-body .products li,
    #main .products li:nth-child(3n),
    #main .products li:nth-child(4n),
    .products li {
        width: auto !important;
    }
}

/* Disappeared in WC3?*/
.hidden {
    display: none;
}

/*No gap between breadcrumbs and the page title*/
#main {
    padding-top: 0 !important;
}

/* On single product, adjust the title bar cosmetics */
body.single-product #main {
    padding-top: 15px !important;
}

body.single-product .fusion-page-title-bar {
    background: none;
    border-color: transparent;
}

body.single-product .fusion-page-title-captions {
    opacity: 0;
}

body.archive.category #main {
    padding-top: 15px !important;
}

/*The availability message: Buy Now.*/
#abl_single_product_availability .stock.in-stock.buy_now p {
    background-color: hsl(0, 0%, 20%);
    padding: 8px 12px;
}

/*The availability message: N/A.*/
#abl_single_product_availability .stock.out-of-stock.not_for_sale p {
    background-color: hsl(0, 0%, 20%);
    padding: 12px;
    margin: 0;
    /*line-height: 0.5;*/
}

.woocommerce-message {
    padding: 1em 1em 1em 2em !important;
    background-color: #565656 !important;
    border-top: 1px solid hsl(0, 0%, 50%) !important;
    border-bottom: 1px solid hsl(0, 0%, 50%) !important;
    color: hsl(41, 69%, 90%) !important;
}

.fusion-out-of-stock {
    display: none;
}

.product-buttons .fusion-content-sep.sep-double.sep-solid {
    display: none;
}

.woocommerce-currency-switcher .dropdown-content form, .woocommerce-currency-switcher .dropdown-content button {
    border: none;
}

.avada-availability {
    display: none !important;
}

.term-description p {
    color: #ffeec5;
}

.abl_notes_wrap {
    border-left: 2px solid #469ac7;
    padding-left: 1em;
}

.abl_notes_heading {
    font-weight: bold;
}

.abl_form_hide_field {
    display: none !important;
}

.wpforms-field input[type=text],
.wpforms-field input[type=email],
.wpforms-field textarea {
    color: white !important;
    background-color: #444 !important;
}

