/*
 Theme Name:   Zorka Child Theme
 Theme URI:    http://themes.g5plus.net/zorka
 Description:  Zorka theme framework is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap. <a href="http://www.g5plus.net">Visit site</a>
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     zorka
 Version:      1.0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		zorka
*/


/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/

div#flags_language_selector img {
  margin-right: 5px;
}

#product_total_price {
    display: none;
}


/*** Generic necklace page style ***/
.product-type-simple_necklace tr td {
    padding-bottom: 28px !important;
}
.product-type-simple_necklace .symbol .label > label {
    float: left;
    width: 100%;
    margin-bottom: 0px!important;
    text-align: left;
}
.product-type-simple_necklace .symbol ul,
.product-type-simple_necklace .plaatsing ul, .necklace_options ul {
    padding: 0;
    margin: 0;
}
.product-type-simple_necklace .symbol ul > li {
    width: 60px;
    margin-right: 15px;
    float: left;
    list-style: none;
}
.product-type-simple_necklace .symbol ul > li:last-child {
    margin-right: 0;
}
.product-type-simple_necklace .symbol ul > li > img {
    width: 60px;
}
.product-type-simple_necklace .symbol .quantity {
    width: 60px;
    margin-top: 10px !important;
}

.product-type-simple_necklace .symbol .quantity .qty  {
    width: 60px;
    height: 27px;
}
.product-type-simple_necklace .symbol div.quantity button[data-type="minus"],
.product-type-simple_necklace .symbol div.quantity button[data-type="plus"] {
    display: none;
}
.product-type-simple_necklace .symbol .quantity:hover  button[data-type="minus"],
.product-type-simple_necklace .symbol .quantity:hover  button[data-type="plus"] {
    display: block;
}
.product-type-simple_necklace .symbol div.quantity button[data-type="minus"] {
    left: 4px;
}
.product-type-simple_necklace .symbol div.quantity button[data-type="plus"] {
    right: 4px;
}
.product-type-simple_necklace .symbol div.quantity button[data-type="minus"],
.product-type-simple_necklace .symbol div.quantity button[data-type="plus"]
{
    width: 12px;
    height: 12px;
    line-height: 8px;
    top: 8px;
}

.product-type-simple_necklace .symbol div.quantity button[data-type="minus"] .fa,
.product-type-simple_necklace .symbol div.quantity button[data-type="plus"] .fa {
    font: normal normal normal 10px/1 FontAwesome;
}

/*** Necklace - select items **/
.product-type-simple_necklace .symbol .img-wrapper {
    position: relative;
}
.product-type-simple_necklace .symbol .img-wrapper:hover {
    cursor: pointer;
}
.product-type-simple_necklace .symbol .img-wrapper .overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: #000;
    top: 0;
}
.product-type-simple_necklace .symbol .img-wrapper .fa {
    position: absolute;
    top: 20px;
    left: 22px;
    font-size: 20px;
    z-index: 5;
    color: #FFF;
    display: none;
}
.product-type-simple_necklace .symbol li.active .img-wrapper .overlay,
.product-type-simple_necklace .symbol li.active .img-wrapper .fa {
    display: block;
}

.product-type-simple_necklace .symbol_variations {
    display: none !important;
}

.product-type-simple_necklace button.button {
    background-color: #c11467 !important;
    float: right !important;
}
.product-type-simple_necklace .symbol .info-price {
    width: 100%;
    float: left;
    margin-top: 5px;
    text-align: right;
}

/*** Generic necklace - plaatsing ***/
.product-type-simple_necklace .plaatsing ul > li, .necklace_options ul > li {
    width: 65px;
    height: 65px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    list-style: none;
    font-size: 58px;
    line-height: 0px;
    border: 1px solid #DDD;
    text-transform: uppercase;
    background: #FFF;
}
.product-type-simple_necklace .plaatsing ul > li:hover {
    cursor: pointer;
}
.product-type-simple_necklace .plaatsing ul > li span, .necklace_options ul > li span {
    line-height: 65px;
    font-weight: 600;
}

#plaatsing:not(.active), .total-price:not(.active) {
    display: none;
}


.necklace-checkbox input[type=checkbox] {
    position: relative;
    margin: 4px 11px 0 0;
}
label.necklace-checkbox>input[type=checkbox]:before {
    position: absolute;
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f096";
    letter-spacing: 10px;
    font-size: 16px;
}
label.necklace-checkbox>input[type=checkbox]:checked:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f046";
    letter-spacing: 5px;
}
label.necklace-checkbox>input[type=checkbox]:hover, label.necklace-checkbox:hover {
    cursor: pointer;
}

/*** Necklace cart ***/
.woocommerce table.shop_table .necklace_options td {
    border: 0;
}

.woocommerce-cart table.cart .necklace_options ul li img {
    width: 100%;
}



/* Header for woocommerce pages */
/*.woocommerce-cart
.woocommerce-wishlist
.post-type-archive-product*/
.woo-page header.main-header.header-2 .menu-wrapper,
.woo-page header.main-header.header-4 .menu-wrapper,
.woo-page header.main-header.header-5 .menu-wrapper,
.woo-page header.main-header.header-10 .menu-wrapper {
    background-color: #CDAD00;
}

/* Order thank you page */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
    display: none;
}


/* Hide elements in product page */
.single-product-info .summary-product .yith-wcwl-add-to-wishlist,
.single-product-info .summary-product .compare.button,
.single-product-info .product_meta {
    display: none;
}

header.main-header .site-top .site-top-right ul.my-setting {
    display: inline-block;
}


/* Terms checkbox */
.wc-terms-and-conditions.form-row .input-checkbox {
    margin-top: 8px;
    position: static;
}

.woocommerce #payment .wc-terms-and-conditions {
    float: none;
    display: block;
}