:root {
    --kp-color-black: #031a0e;
    --kp-color-yellow: #ffdf00;
    --kp-color-green: #00a13a;
    --kp-color-green-dark: #0b6836;
    --kp-color-orange: #ff5e00;
    --kp-color-orange-dark: #f28e13;
    --kp-color-red: #ff1e00;
    --kp-color-white: #f9f9f9;
    --kp-color-grey: #efefef;
}
/* All styles from Wordpress customizer */
#omnibus-price-data{
    margin-bottom: 0 !important;
    display: block;
}

/* WOOC */

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

/* PRODUCT PAGE FIX */

/* Product price units fix, ticket: SQWCDS-280 */

.product-price {
    max-width: 100%;
    flex-basis: 100%;
    height: 100px;
}

.product-price div {
    display: flex;
}

.product-price-container {
    margin-right: 10px;
}

.qty-fieldset-regular-price {
    display: none !important;
}

/* Quantity fix */

.quantity {
    width: 20% !important;
    min-width: 125px;
    margin-right: 0px;
    padding-bottom: 20px;
}

/* Variation-product fixes */
.woocommerce-variation-price {
    font-size: 1.5em;
}

.variations td.label {
    width: 20% !important;
    min-width: 125px;
}

.variations td.value {
    padding-left: 4px !important;
}

/* Up-Sell header fix */

.single-product  .product-section-title-upsell {
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding-left: 15px;
}

.single-product .product-section-title.container-width {
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding-left: 15px;
}

.single-product {
    li {
        margin-bottom:0;
    }
    @media screen and (max-width: 780px) {
        & #main {
            padding-top:0;
        }
    }
}
/* Facebook feed */

.cff-header.cff-outside {
    display: none;
}

#cff.cff-masonry {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    float: none;
    max-width: 1320px !important;
    margin-bottom: 0;
}

#cff .cff-photo {
    width: 100% !important;
}


#cff .cff-item {
    border-radius: 2px !important;
    padding: 0px !important;
    box-shadow: none !important;
    border: 1px solid var(--kp-color-grey) !important;
    margin-bottom: 20px !important;
}

#cff .cff-photo img, #cff .cff-html5-video {
    width: 100% !important;
    height: 14vw !important;
    object-fit: cover !important;
    border: none !important;
}

#cff .cff-html5-video, #cff .cff-media-above {
    margin-bottom: 10px;
}

#cff .cff-photo:after {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

.cff-post-text {
    color: var(--kp-color-black);
    padding: 0 10px 0 10px !important;
    font-weight: normal;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.38;
}

#cff .cff-date.cff-date-below {
    color: var(--kp-color-black);
    padding: 0 10px 0 10px !important;
    font-weight: normal;
}

.cff-meta-wrap {
    margin: 0 !important;
    padding: 10px !important;
}

@media screen and (max-width: 780px) {

    #cff.cff-masonry .cff-item {
        background: #fff !important;
        padding: 0px !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
    }

    .cff-media-above {
        width: 100% !important;
    }

    #cff .cff-photo img, #cff .cff-html5-video {
        height: 50vw !important;
    }

    .cff-post-text {
        padding: 10px !important;
    }

    #cff .cff-date.cff-date-below {
        padding: 0 10px !important;
    }

    .cff-meta-wrap {
        padding: 10px !important;
    }
}

/* GDPR */

#cookie-law-info-bar {
    box-shadow: rgba(0,0,0,.5) 0px 5px 50px !important;
}

#cookie-law-info-again {
    box-shadow: rgba(0,0,0,.25) 0px 0px 10px !important;
    background-color: #fff !important;
    color: #000 !important;
}

/* Back-to-top button */

.back-to-top {
    bottom: 7px;
    font-size: .85em;
    right: 10px;
}

.back-to-top.is-outline:hover {
    background-color: #446084 !important;
    border-color: #446084 !important;
    color: #fff;
}

.back-to-top.is-outline {
    border: 2px solid silver !important;
    color: silver;
}

/* Custom for Prioritas starts here */

#main {
    padding-top:10px;
}

h3 {
    font-size: 30px;
    border:0 !important;
    margin-top:1rem
}
.section-title {
    border:0;
}
.section-title span {
    border:0;
}

/* Header */
.header-main {
    background:linear-gradient(#246F42,#113322);
}

#wide-nav .flex-left {
    flex: initial;
    padding-right:1rem;
}

#wide-nav .flex-left ul li a {
    text-transform:uppercase;
    font-size:16px;
}

#wide-nav .flex-center {
    padding-left:1rem;
    position:relative;
}

#wide-nav .flex-center ul li a {
    font-size:16px;
    font-weight:normal;
}

#wide-nav .flex-center::before {
    content:'';
    position:absolute;
    width:2px;
    height:18px;
    background:var(--kp-color-yellow);
    left:0;
    top:10px
}

/* search */
#woocommerce-product-search-field-0 {
    border:0;
}
.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background:white;
    border:0;
    padding:0;

}
.ux-search-submit.submit-button.secondary.button.icon.mb-0 .icon-search {
    color:var(--kp-color-black);
}

/*.text-bg-yellow h1,.text-bg-yellow h2, .text-bg-yellow h3, .text-bg-yellow h4, .text-bg-yellow h5 {
	background:yellow;
}*/

.text-bg-yellow h2 {
    text-transform:uppercase;
    font-size:50px;
    line-height:78px;

    padding:1rem;
}
.text-bg-yellow h2 span {
    background:var(--kp-color-yellow);
    line-height:0.5em;
    padding-left:1rem;
    padding-right:1rem;
}
.text-bg-black h2 {
    text-transform:uppercase;
    font-size:50px;
    line-height:78px;

    padding:1rem;
}
.text-bg-black h2 span {
    background: var(--kp-color-black);
    line-height:0.5em;
    padding-left:1rem;
    padding-right:1rem;
    color:white;
}
/* Footer */

.footer {
    background:linear-gradient(#246F42,#113322);
}

footer .widget-title {
    font-weight:900;
    font-size:20px;
    display:block;
    margin-bottom:1rem;
}

footer .is-divider {
    display:none;
}

footer ul.menu>li+li {
    border:0;
}
footer ul.menu>li>a {
    padding:0;
}
footer img {
    margin-bottom: 1rem;
    max-height: 36px;
    width: auto;
}
footer .textwidget p {
    font-size:13px;
    line-height:17px;
}
@media screen and (min-width: 781px) {
    .absolute-footer .container {
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .absolute-footer .container .pull-left {

    }

    .absolute-footer .container .pull-right {
        order:1;
    }
}

/* Header & banner */
.top-banner-after {
    background: var(--kp-color-yellow);
}
.top-banner-after p  {
    padding:0;
    margin:0;
    text-align: center;
    padding:10px
}
.top-banner-after a {
    text-decoration:underline;
}

/* Products */

.koneplus-product-brand {
    margin-bottom:0 !important;
    line-height:0.5;
}
.product-title.woocommerce-loop-product__title {
    font-weight:700;
    font-size:15px;
    line-height:15px;
    margin-bottom:2px;
}
.price .woocommerce-Price-amount {
    font-family: Geologica, sans-serif;
    background: var(--kp-color-yellow);
    padding:0px 2px 0px 7px;
    font-size:30px;
    line-height:24px;
}
.price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    display:none;
}

/* Product page */

.woocommerce-variation-add-to-cart, form.cart {
    background: #efefef;
    padding:10px;
    display:flex;
    gap:0;
    align-items:start;
}

.single_add_to_cart_button.button.alt {
    background:#00a13a;
    text-transform: uppercase;
    margin-left:0;
    margin-right:0;
    flex-grow:1;
    /*font-size:15px;*/
    margin-bottom:10px;
}

.woocommerce-variation-add-to-cart, form.cart .quantity {
    min-width:0;
    padding-bottom:0;
}
.woocommerce-variation-add-to-cart, form.cart p {
    text-align:center;
    /*font-size:12px;*/
    font-size:14px;
}

ul {
    list-style-image: url('https://woocgenqa001.northeurope.cloudapp.azure.com/koneplus_qa/wp-content/uploads/testchecker.png');
}

h1.product-title {
    font-size:30px;
    line-height:28px;
    margin-bottom:12px;
}

.price.product-page-price {
    margin-bottom:15px
}

/* PISOL */

.pisol-ppscw-alert-container {
    width:100%;
}
.pisol-ppscw-alert {
    /*font-size:15px;*/
    font-size:16px;
    font-weight:800;
}
.pisol-ppscw-alert {
    background:white;
}
.pisol-ppscw-alert ul {
    list-style:none;
}
.pisol-ppscw-alert ul li {
    margin-left:0 !important;
    display:flex;
    justify-content:space-between;
    /*font-size:12px;*/
    font-size:14px;
    font-weight:400;
}
.koneplus-cta-container .col-inner {
    background:linear-gradient(#246F42,#113322);
}
.featured-box {
    align-items: center;
}

.koneplus-cta h3 {
    font-size:15px;
    font-weight:400;
    margin-bottom:0;
}
.koneplus-cta p {
    line-height: 18px;
    margin-top:0;
    font-size:21px;
    font-weight:700;
    color: var(--kp-color-yellow) !important;
}

/* Navi Main*/

.header-bottom-nav .sub-menu li {
    padding-left: 0px;
    border-bottom: 1px solid #ccc;
}

.header-bottom-nav .sub-menu li a {
    padding-left: 5px;
    font-weight: 500 !important;
    margin: 0;
    font-size: 15px;
    line-height: 14px;
    text-transform: capitalize !important;
    color: #031a0e;
}

.header-bottom-nav .sub-menu li a:hover {
    background: var(--kp-color-yellow);
}
.header-nav li.has-dropdown .nav-dropdown li {
    padding-left:0px;
    border-bottom:1px solid #ccc;
}
.header-nav li.has-dropdown .nav-dropdown li a {
    padding-left:5px;
    font-weight:500 !important;
    margin:0;
    font-size:15px;
    line-height:14px;
    text-transform: capitalize !important;
    color: #031a0e;
}

/* wishlist */

.yith-wcwl-add-button span {
    display: none;
}

.brand-logo {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:10px;
    & img {
        max-width:100px;
    }
}

.brand-logo p{
    margin:0;
}

.image-tools {
    display: none;
}

.secondary.on-sale .onsale {
    color:var(--kp-color-black);
}

/* End of Wordpress customizer styles */

.single {
    & .price .woocommerce-Price-amount {
        font-size:40px;
        /*margin-top:10px;*/
        font-weight: 900;
        display: block;
        line-height: 1;
        padding:5px;
        @media screen and (max-width: 780px) {
            font-size: 30px;
        }
    }
    & .save-text-container {
        padding-left:10px;
        & p.save-text {
            font-weight: bold;
            font-size:18px;
        }
        & p.price-before {
            font-weight: normal;
            font-size:12px;
        }
    }
    & .price-wrapper {
        display:flex;
        float:left;
        & p {
            margin-bottom:0;
        }
    }
    & .product-short-description {
        clear: both;
        padding-top:15px;
    }

    & .pisol-ppscw-alert {
        font-weight: 700;
    }
    & .button.pisol-shipping-calculator-button, .button.pisol-update-address-button {
        background:  initial;
        text-transform: initial;
        margin-left: 0;
        margin-right: 0;
        flex-grow: 1;
        font-size: 16px;
        margin-bottom: 10px;
        color: var(--kp-color-green-dark);
        text-decoration: underline;
        border:initial;
        padding: 0;
    }
}

.product-small {
    & .product-title a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    & .price .woocommerce-Price-amount {
        font-size: 30px;
        /*margin-top:10px;*/
        margin-bottom: 15px;
        font-weight: 900;
        display: block;
        line-height: 1;
        padding: 7px;

        bdi {
            margin-right: -7px;
        }
    }


    & .save-text-container {
        /*padding-left:10px;*/
        & p.save-text {
            display: none;
            font-weight: bold;
            font-size:14px;
            margin-top:4px;
            & .amount {
                color: #111;
                font-weight: 700;
                white-space: nowrap;
                background:initial;

            }
        }
        & p.price-before {
            font-weight: normal;
            font-size:12px;
            background: initial;
            & .norm-price {
                display: none;
            }
            & del {

                color:black;
                text-decoration: line-through;
                text-decoration-thickness: 2px;
                text-decoration-color: red;
                & span.amount {
                    color:black;
                    opacity: 1;
                }
            }
        }
        & .woocommerce-Price-amount {
            font-size:14px;
            background:initial;
            display: initial;
            font-weight: normal;

        }
    }
    & .price-wrapper {
        display:flex;
        & .price {
            display: flex;
        }
        & p {
            margin-bottom:0;
        }
    }
}

.product-small {
    & .price-wrapper {
        display: initial;
    }
}
.breadcrumbs a {
    color:var(--kp-color-black) !important;
    font-size:15px !important;
    @media screen and (max-width: 780px) {
        font-size:14px !important;
    }
}
.breadcrumbs .divider {
    opacity: 1 !important;
    font-size:24px !important;
    line-height: 0;
}


.checkout-button, .button.wc-forward, #place_order {
    background: var(--kp-color-green) !important;
}

.woocommerce-mini-cart-item {
    & a {
        color:var(--kp-color-black);
        font-size:15px;
        font-weight:700;
        line-height:1;
    }
}
.cart-popup-title {
    display:flex;
    border-bottom:1px solid var(--kp-color-black);
    & .is-divider {
        display:none;
    }
    & span {
        font-size:20px;
        text-transform:capitalize;
        font-weight:400;
        margin-bottom:6px;
    }
}

.checkout .has-border {
    border:0;
}
.wc-paytrail-ppa-method-group  {
    display:flex;
    flex-wrap:wrap;
    padding:20px;
    gap:10px;

}
.wc-paytrail-ppa-method-group-title {
    width:100%;
}
.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method-group {
    background:var(--kp-color-grey);
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method input[type="radio"] {
    visibility:hidden;
    position:absolute;
}

.wc-paytrail-ppa-methods-container .wc-paytrail-ppa-method {
    width:100px;
    margin:0;
}

.checkout-page-title {
    & .breadcrumbs a {
        font-weight: 300; /* TODO missing font-face*/
        font-size:30px;
    }
    .divider {
        font-weight: 300;
    }
    & .breadcrumbs a.current {

        font-weight: 800;
    }
}

/* Font Awesome styles (Make sure font awesome is activated) */
.icon-angle-right:before {
    content: "\f105";
    color: var(--kp-color-red);
}
.icon-heart-o:before {
    content: "\f004";
    font-family: "Font Awesome 6 Pro" !important;
}

.icon-user:before {
    content:"\f007";
    font-family: "Font Awesome 6 Pro" !important;
}
.icon-shopping-cart:before {
    content:"\f07a";
    font-family: "Font Awesome 6 Pro" !important;
}
.icon-shopping-cart[data-icon-label]:after {
        color:var(--kp-color-black);

}
/* Mobile Menu */
@media screen and (max-width: 780px) {
    .off-canvas-left .mfp-content {
        width:100%;
    }
}
.off-canvas-left .mfp-content {
    background-color:white;
    padding-top:100px;
}

.off-canvas-left .mfp-content .nav-sidebar {
    padding:50px 20px 20px 20px;
}
.off-canvas-left .mfp-content .nav-sidebar .header-divider {
    display: none;
}

.off-canvas-left .mfp-content .nav-sidebar li a {
    font-weight: 700;
    font-size:15px;
    color: var(--kp-color-black);
    padding:10px 0;
}
.off-canvas-left .mfp-content .nav-sidebar li.has-icon-left a {
    font-weight: 400;
    font-size:15px;
}

.off-canvas-left .mfp-close {
    left: 13px;
    top: 6px;
    color: var(--kp-color-red);
    filter: invert(1); /* This somehow cancels invert set somewhere else */
}

.off-canvas-left .nav-sidebar.nav-vertical>li+li {
    border-top:1px solid #bbb;
}
.off-canvas-left .sub-menu.nav-sidebar-ul.children.is-current-slide {
    padding-top:40px;
}

.header-nav .account-link.account-login{
    display: flex;
    flex-direction: column;
}

.header-nav .header-account-title{
    order:1;
}

/* Asiakas palvelu */

.page-left-sidebar .widget_nav_menu {
    flex: initial;
    padding-right:1rem;
}

.page-left-sidebar .widget_nav_menu ul li a {
    text-transform:uppercase;
    font-size:16px;
}

.page-left-sidebar .widget_nav_menu {
    padding:0;
    position:relative;
}

.page-left-sidebar .widget_nav_menu ul li a {
    width:100%;
    font-size:15px;
    text-transform:initial;
    font-weight:700 !important;
    font-weight:normal;
    position:relative;
    line-height:1;
    padding-top:10px;
    padding-bottom:10px;
    display:flex;
    flex-direction: column;
}
.page-left-sidebar .widget_nav_menu ul li a:hover {
    background: var(--kp-color-yellow);
}
.page-left-sidebar .widget_nav_menu ul li a:after {
    content:'\f054';
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    right:0;
    margin-top:0.5em;
}
.page-left-sidebar .widget_nav_menu .menu {
    border-top:1px solid #b6b6b6;
    border-bottom:1px solid #b6b6b6;
}

.page-left-sidebar .widget_nav_menu::before {
    content:'';
    position:absolute;
    width:2px;
    height:18px;
    background:yellow;
    left:0;
    top:10px
}

.page-left-sidebar .widget_nav_menu ul.menu>li+li {
    border-top:1px solid #b6b6b6;
}

.page-left-sidebar .menu-item-description {
    font-size:14px;
    font-weight: normal;
    margin-bottom: 0;
}

/* Hide review parts */
.woocommerce-verification-required {
    display:none;
}

#review_form .review-form-inner:has(.woocommerce-verification-required) {
    display:none;
}

.kp-product-categories {
    max-width: 1080px;
    width: 100%;
    padding: 1rem 0;
    margin: 0 auto;
    display: flex;
    flex-wrap:wrap;
    list-style: none;
    & li {
        & a {
            display: block;
            background: #f2f2f2;
            padding: 8px;
            font-size:15px;
            color:black;
            margin-right:8px;

        }
    }
    @media screen and (max-width: 780px) {
        overflow-x: scroll;
        scrollbar-color: #ffffff #ffffff;
        flex-wrap:initial;
        & li {
            flex-shrink: 0;
        }
    }
}

.kp-availability {
    /*display: flex;
    justify-content: flex-end;
    align-items: center;*/
    float:right;
    font-size:12px;

}
.kp-availability::before {
    content:'';
    display: inline-flex;
    width:10px;
    height:10px;
    border-radius: 10px;
    margin-right: 8px;
    background-color:green;
}
.kp-in-stock {
    color: green;
}

.kp-pre-order {
    color: green;
}

.kp-out-of-stock::before {
    color: red;
    background-color:red;
}
.kp-low-in-stock {

}
.kp-low-in-stock::before {
    background-color:orange;
}

/* AFTER release */
.woocommerce-tabs {
    & h2 {
        font-size:25px;
    }
    & h3 {
        font-size:16px
    }
    & h4 {
        font-size:15px;
    }
}
.left-sidebar-mobile-menu {
    display:none;
}
.asiakaspalvelu-label {
    font-size:18px;
    margin-left:0.5rem;
}

@media screen and (max-width: 850px) {
    .left-sidebar-mobile-menu {
        display:block;
    }
    .page-template-page-left-sidebar {
        & .page-left-sidebar {
            & #secondary {
                display:none;
            }
        }
    }
}
.search-no-results {
    & .shop-page-title {
        display:none;
    }
}


.header-block.block-html-after-header {
    min-height:0;
}

.woocommerce-tabs {
    & a {
        /*color:#ff5e00;
        text-decoration: underline;
        border-bottom:1px solid #ff5e00;*/
        position: relative;
        &:hover {
            color:#ff5e00;
        }
        &::after {
            content:"";
            position:absolute;
            width:100%;
            bottom:2px;
            left:0;
            border-bottom:1px solid #ff5e00;
        }
    }
}

.product-right-container {
    & .product_meta {
        margin-bottom: 0;
        font-size:12px;
    }
    & .product_meta>span {
        border-top:initial;
        text-align: right;

    }
}
.mobile-logo-custom {
    display: none;
}

@media screen and (max-width: 780px) {
    #masthead .header-inner .flex-col.show-for-medium.flex-left{
        display: flex;
        align-items: center;
        & .nav {
            width: initial;
        }
    }
    .mobile-nav.nav.nav-left {
        display: flex;
    }
    #logo {
        display: none;
    }
    .mobile-logo-custom {
        display: block;
        margin-left:10px;
    }
}


.wc-block-checkout__sidebar .wc-block-components-product-name {
    padding-right:10px
}
.wc-block-components-product-badge {
    display:none !important;
}

.wc-block-components-order-summary-item__individual-prices .wc-block-components-formatted-money-amount, .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
    font-size:12px !important;
    color:#5f5e5a !important;
    line-height:0 !important;
    font-weight:bold;
}

.koneplus-methods {
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    border-top: 1px solid #c4c4c4;
    border-bottom: 10px solid #efefef;
    list-style: none;
    & ul {
        list-style:none;

    }
    & li {
        font-size: 14px;
        font-weight: bold;
        display:flex;
        justify-content:space-between;
        margin-left:0 !important;
    }
    & li:not(:last-child) {
        margin-bottom: 10px;
    }
}