/*!
Theme Name:   Supergreens
Theme URI:    https://pixelkiosk.com
Author:       Team Pixelkiosk
Author URI:   https://pixelkiosk.com/
template: storefront
*/

header#masthead,
.storefront-breadcrumb,
.hentry.type-page .entry-header,
footer#colophon,
body .woocommerce-notices-wrapper,
.product-info form.woocommerce-cart-form thead,
body .product-info table.cart td.actions .coupon,
td.product-name br,
.woocommerce-form-coupon-toggle,
body.page-template-template-fullwidth-php .col2-set label,
body.page-template-template-fullwidth-php .col2-set .col-2,
.woocommerce-privacy-policy-text,
body .woocommerce-message,
body .woocommerce-info {
    display: none;
}
.page-template-template-fullwidth-php #order_review,
.page-template-template-fullwidth-php #order_review_heading {
    float: none;

    width: 100%;
}
.col-full {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0;
}
a:focus, 
input:focus, 
textarea:focus, 
button:focus {
    outline: none;
}
.content-area,
.widget-area,
#main,
article.hentry {
    margin-bottom: 0;
}
img.checkout-logo {
    display: block;

    margin: 20px auto 20px;
}
.revised-checkout-wrapper {
    width: auto;
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 20px 15px 30px;

    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: rgb(37, 167, 86);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.checkout-main {
    display: inline-block;

    width: 66.2%;
    padding: 10px 20px;

    vertical-align: top;
}
.checkout-sidebar {
    display: inline-block;

    width: 33.33%;
    padding: 10px 20px;

    vertical-align: top;
}
.checkout-sidebar h3,
.checkout-main h3 {
    margin: 10px 0 15px;

    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}
b {
    font-weight: 600;
}
.checkout-sidebar .product-testimonial p {
    margin: 0;

    font-size: 21px;
}
.product-testimonial {
    margin: 25px 0;
    padding-bottom: 15px;

    border-bottom: 1px dashed #9c9c9c;
}
.product-desc ul {
    margin: 0;

    list-style-type: none;
}
.product-desc ul li {
    position: relative;

    padding-left: 25px;

    font-size: 18px;
}
.product-desc ul li i {
    position: absolute;
    top: 6px;
    left: 0;

    color: rgb(37, 167, 86);
}
.product-desc ul li {
    position: relative;

    margin-bottom: 10px;
    padding-left: 25px;

    font-size: 18px;
}
.product-desc {
    margin: 25px 0 5px;
    padding-bottom: 15px;
}

ul.checkout-points {
    margin: 0;

    list-style-type: none;
}
ul.checkout-points li {
    position: relative;

    margin-bottom: 10px;
    padding-left: 25px;

    font-size: 18px;
}
ul.checkout-points li i {
    position: absolute;
    top: 8px;
    left: 0;
}
.product-info h4 {
    margin: 0;

    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.product-name p.shortDescription {
    margin-top: 5px;

    font-size: 13px;
    line-height: 1.3;
}

img.secure-logo {
    display: block;

    margin: 10px auto 30px;
}
tr.woocommerce-cart-form__cart-item.cart_item {
    display: block;

    border-bottom: 1px dashed #9c9c9c !important;
}
.product-info .woocommerce-cart-form {
    margin-top: 10px;

    border-top: 1px dashed;
}
table tbody td {
    background-color: #fff;
}
table.shop_table.woocommerce-checkout-review-order-table tr th,
table.shop_table.woocommerce-checkout-review-order-table tr td {
    border-bottom: 1px solid #9c9c9c;
}

body.page-template-template-fullwidth-php .col2-set {
    float: none;

    width: 100%;
    margin: 0;
}
body.page-template-template-fullwidth-php .col2-set .col-1 {
    width: 100% !important;
}
.form-row input,
.form-row select,
.form-row textarea {
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: transparent;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
}
form.checkout {
    margin-top: -60px;
}
table.woocommerce-checkout-review-order-table .product-name {
    width: 75%;

    word-wrap: break-word;
}
body table th {
    background: transparent;
}
h3#order_review_heading {
    padding-top: 25px;

    border-top: 1px dashed #9c9c9c;
}
div#payment > ul > li {
    display: inline-block;

    width: 33.33%;

    vertical-align: top;

    font-size: 17px;
}
div#payment > ul > li:first-child {
    width: 100%;
}
div#payment > ul {
    font-size: 0;
}
#payment .place-order {
    padding: 0;

    background: transparent;
}
button#place_order {
    background: rgb(19, 199, 14);
}
button#place_order:hover {
    background: #0fa10b;
}

.bottom-checkout-section {
    margin-top: 30px;
    padding-top: 20px;

    outline: none;
    background-color: rgb(93, 183, 81);
}
.bottom-section-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
.bottom-section-container h3 {
    margin: 15px 0 0;

    text-align: center;

    color: #fff;

    font-size: 32px;
    font-weight: 600;
}

.bottom-section-container:after {
    display: table;
    clear: both;

    content: " ";
}


.bottome-section-left {
    float: left;

    width: 50%;
    margin-top: 35px;
    padding-right: 15px;

    color: #fff;

    font-size: 22px;
}
.bottome-section-right {
    float: right;

    width: 50%;
    margin-top: 35px;
    padding-left: 15px;

    color: #fff;

    font-size: 18px;
}
.bottom-section-footer {
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;

    text-align: center;

    background-color: rgb(37, 167, 86);
}
.business-info {
    margin: 10px 0;

    text-align: center;

    color: rgb(255, 255, 255);

    font-size: 21px;
}
ul.footer-menu li {
    display: inline-block;

    padding: 0 10px;

    color: #fff;

    font-size: 18px;
    font-weight: 600;
}

ul.footer-menu li a {
    color: #fff;
}
.page-template-template-fullwidth-php table.cart .product-thumbnail {
    pointer-events: none;
}
table.cart .product-thumbnail img {
    max-width: 100%;
}
p.cart-empty {
    display: none;
}
p.empty-cart-message {
    margin-top: 15px;

    text-align: center;

    color: #000;

    font-size: 24px;
}
a.btn-green {
    display: block;

    width: 280px;
    margin: 0 auto;
    padding: 10px 25px;

    text-align: center;

    color: rgb(255, 255, 255);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #30a05c;
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;

    font-size: 20px;
}
a.btn-green:hover {
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;
}

.single-product-desc {
    padding: 15px 0;

    border-bottom: 1px dashed #9c9c9c;
}
.single-product-desc h5 {
    font-size: 21px;
    font-weight: 700;
}
body.woocommerce-order-pay form#order_review {
    display: block;

    width: 95%;
    max-width: 600px;
    margin: 0 auto 100px;

    -webkit-box-shadow: 0 0 10px -3px #787878;
    box-shadow: 0 0 10px -3px #787878;
}
body.woocommerce-order-pay .entry-content .woocommerce {
    position: relative;

    padding-top: 100px;
}
body.woocommerce-order-pay .entry-content .woocommerce:after {
    position: absolute;
    top: 25px;
    left: 50%;

    width: 320px;
    height: 50px;
    margin-left: -160px;

    content: "";

    background: url(https://supergreens.be/wp-content/uploads/2019/03/Superfood-logo-50-belgium-wide.png);
    background-position: center;
}

#payment .payment_methods > .wc_payment_method > label {
    display: flex;
    padding: 15px;
}
#payment .payment_methods > .wc_payment_method > label > img {
    margin-left: auto;
    padding-left: 10px;
}
#payment .payment_methods > .wc_payment_method > label > svg{ margin-left: 15px; }


@media (min-width: 768px) {
    table.cart td,
    table.cart th {
        width: 40%!important;
        padding: 1em!important;
    }
}

@media screen and (max-width: 1199px) {
    .revised-checkout-wrapper {
        max-width: 960px;
    }
    .checkout-sidebar h3,
    .checkout-main h3 {
        font-size: 24px;
    }
    .product-desc ul li {
        font-size: 16px;
    }
    ul.checkout-points li {
        font-size: 16px;
    }
    .bottom-section-container {
        max-width: 960px;
    }
}


@media screen and (max-width: 991px) {
    .col-full {
        margin: 0;
    }
    .revised-checkout-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;

        max-width: 720px;
    }
    .checkout-sidebar {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;

        width: 100%;
    }
    .checkout-main {
        display: block;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;

        width: 100%;
    }
    .bottom-section-container {
        max-width: 720px;
    }
    tr.woocommerce-cart-form__cart-item.cart_item {
        padding-bottom: 25px;
    }
    table.cart td.product-remove a.remove {
        right: 0;
    }
}
ul.footer-menu {
    margin: 0;
}
@media screen and (max-width: 767px) {
    table.cart .product-thumbnail img {
        max-width: 100%;
    }
    td.product-name {
        text-align: left !important;
    }
    div#payment > ul > li {
        width: 100%;
    }
    .bottom-section-container {
        padding: 0 15px;
    }
    .bottome-section-left {
        float: none;

        width: 100%;
    }
    .bottome-section-right {
        float: none;

        width: 100%;
    }
}

div.payment_method_mollie_wc_gateway_ideal {
	display: none !important;
}

/*#section_cookie_bar{ display: block; }*/
/*#section_cookie_bar .cookie { background-color: #fff7ee; }*/
/*#section_cookie_bar .cookie__inner {*/
/*    position: relative; padding: 16px 0; text-align: center;*/
/*}*/
/*#section_cookie_bar .cookie__text { font-size: 12px; line-height: 16px; }*/
/*#section_cookie_bar .cookie-bar__button { padding: 5px 10px; background-color: #fff; border-radius: 50%; color: #000; font-size: 18px; margin-left: 8px; line-height: 1;*/
/*    !*position: absolute;*!*/
/*    !*top: 10px;*!*/
/*    !*right: 0;*!*/
/*    !*-js-display: flex;*!*/
/*    !*display: -ms-flexbox;*!*/
/*    !*display: flex;*!*/
/*    !*-ms-flex-pack: center;*!*/
/*    !*justify-content: center;*!*/
/*    !*width: 24px; height: 24px; padding-top: 1px;*!*/
/*}*/
#section_cookie_bar .cookie-bar__button:focus, #section_cookie_bar .cookie-bar__button:active,
#section_cookie_bar .cookie__inner a:focus, #section_cookie_bar .cookie__inner a:active{ outline: none; }