/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
/* THIS IS LOADED **AFTER** PARENT STYLES and also after CHILD theme styles... */
.tableStyle_1 {
  border-collapse: collapse;
  width: 100%;
  border: 0;
}
.tableStyle_1 th, .tableStyle_1 td {
  border: 0;
  border-bottom: 1px solid #e4e7ea;
  padding: 4px 0px;
  text-align: left;
}
.tableStyle_1 th {
  color: #b80000;
  padding-top: 12px;
}
.tableStyle_1 th:after {
  content: " /";
}
.tableStyle_1 td {
  color: #768696;
  color: #567;
}
.tableStyle_1 td:nth-child(2) {
  color: #333;
}

/* Shopical theme changes and fixes, custom needs... */
.top-header {
    /*background-color: #222222;*/
    background-color: #07f5cd;
    color: #000;
}
    .top-header a,
    .top-header a:visited {
        color: #000;
    }
body .desktop-header {
    /*background-color: #23282d;*/
    background-color: #508f3f;
    background-color: #879c3d;
        background-color: #637523;
        background-color: #798022;
    
    background-color: #07f5cd;
    background-color: #e1f507;
}
    body .site-header .header-left-part .logo-brand .site-title a,
    body .site-header .header-left-part .logo-brand .site-title a:visited {
        color: #000;
    }
        body .site-header .header-left-part .logo-brand .site-title a:hover {
            color: #333;
        }
    body .site-header .header-left-part .logo-brand .site-description {
        color: #000;
    }
    /* Change cart color, but also keep in ming that under Mobile the cark icon is ligher color on darker background */
    span.af-cart-item-count > a:hover,
    span.af-cart-item-count > a {
        color: #fff;
        color: #f00;
    }
#gtranslate_wrapper a {
    color: #fff;
    color: #000;
}
    #gtranslate_wrapper a:hover,
    #gtranslate_wrapper a:focus {
        color: #ccc;
        color: #333;
    }
    #gtranslate_wrapper a.glink span {
        margin-right: 5px;
        font-size: 15px;
        margin-right: 3px;
        font-size: 15px;
    }


/* Because of the Language translation links, we need to adjust the padding of the Shopical theme to lease some space for them on low resolutions - tablet and mobile */
.top-header {
    /*padding: 10px 0;*/
}
@media screen and (max-width: 991px) {
    .top-header {
        padding: 55px 0 10px 0;
    }
}

.header-style-3-1 .navigation-section-wrapper,
.header-style-3 .navigation-section-wrapper {
    background-color: #af0000;
    background-color: #ff0509 !important;
}
.header-style-3-1 .header-right-part,
.header-style-3 .header-right-part {
    background: #cc0000;
}
.comment-form .submit,
input.search-submit {
    background: #cc0000;
    border: 1px solid #cc0000;
    background: #ff0000;
    border: 1px solid #ff0000;
}
#scroll-up {
    background: #e62e04;
    background: #ff0000;
}



.site-content {
    /*padding-top: 10px;*/
    padding-top: 25px;
}

/* Hide title on home page, so the slider goes UP? Remove some margins/padding if necessary */
/* ORIGINAL:
.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}
*/

.home .entry-header {
    display: none;
}
.home .entry-content {
    margin-top: 0;
}



/* sidebar widget - hide category link */
.shopical_product_slider_widget span.product-category {
    display: none;
}


/* Checkout - Accept terms and conditions to be clearly visible */
.woocommerce-terms-and-conditions-link {
    color: royalblue;
    color: #f00;
}
.woocommerce-terms-and-conditions-link:hover {
    color: #c00;
}

/* restyle the links to be clearly visible */
.page-content a,
.entry-content a,
.entry-summary a {
    color: #cc0000;
}
.page-content a:hover,
.entry-content a:hover,
.entry-summary a:hover {
    color: #990000;
}


/* Cookies bar */
body #cookie-law-info-bar[data-cli-style="cli-style-v2"],
body #cookie-law-info-bar {
    background-color: #e4e4e4 !important;
    /* padding: 14px 25px; */
    padding: 4px 25px 6px 25px !important;
    box-shadow: #161616 0px 0px 2px 0px;
}