/*
Theme Name: WildOlive
Description: WildOlive custom theme
Author: All-Computer.cz, Ing. Robert Michálek
Version: 1.0.0
Text Domain: WildOlive
*/

:root{
    /*--white: #fff;*/
    --primary-20: #EBEEE1;
    --primary-30: #E1E7D1;
    --primary-50: #D5DFB6;
    --primary-100: #868E5E;
    --secondary-20: #72988D;
    --secondary-50: #135441;
    --secondary-100: #0E2020;
    --tertiary-70: #BBE464;
    --tertiary-90: #99BA13;
    --tertiary-100: #7E9620;

    --light: #EBEEE1;
    --dark: #0E2020;
    /*--black: #fff;*/

    --font-family-heading: 'Playfair Display', serif;
    --font-family-text: 'Comfortaa', cursive;

}

html,
body{
    /*overflow-x: hidden;*/
    font-family: var(--font-family-text);
    color: var(--secondary-50);
    width:100%;
    height:100%;
    background:var(--primary-20);
    overflow-x: hidden;
    font-weight: 400;
    line-height: 155%; /* 27.9px */
    font-size: 18px;
}

h1, h2, h3{
    font-family: var(--font-family-heading);
    color: var(--secondary-50);
    font-weight: 500;
    line-height: 100%;
}
h1{
    font-size: 54px;
}
h2{
    font-size: 32px;
    line-height: 140%;
}
h3{
    font-size: 24px;
    line-height: 140%;
}


a, p, li{
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 160%; /* 27.9px */
    color: var(--secondary-50);
    margin-bottom: 0px;
}

a{
    transition-timing-function: ease-in;
    transition: 150ms;
    text-decoration: none;
}
a:hover{
    text-decoration:none;
}

p a{
    color: var(--tertiary-100);
    text-decoration: underline;
}
p a:hover{
    color: var(--secondary-50);
    text-decoration: underline;
}

a.button-light,
.button-light a,
a.button-dark,
.button-dark a,
.woocommerce #review_form #respond .form-submit input,
.input-text{
    padding: 14px 16px;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 140%; /* 19.6px */

    background:transparent;
    border-radius: 0px;
    text-decoration:none;
}
a.button-light,
.button-light a{
    border: 1px solid var(--tertiary-70);
    color: var(--tertiary-70);
}
a.button-light:hover,
.button-light a:hover{
    border: 1px solid var(--primary-20);
    color: var(--primary-20);
}
a.button-dark,
.button-dark a,
.woocommerce #review_form #respond .form-submit input,
.input-text{
    border: 1px solid var(--secondary-50);
    color: var(--secondary-50);
}
a.button-dark:hover,
.button-dark a:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.input-text:hover{
    border: 1px solid var(--tertiary-100);
    color: var(--tertiary-100);
    text-decoration:none;
}
button.button-light,
button.button-dark{
    padding: 14px 16px !important;
    font-family: var(--font-family-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 140% !important; /* 19.6px */

    background:transparent !important;
    border-radius: 0px !important;
}
button.button-light{
    border: 1px solid var(--tertiary-70) !important;
    color: var(--tertiary-70) !important;
}
button.button-light:hover{
    border: 1px solid var(--primary-20) !important;
    color: var(--primary-20) !important;
}
button.button-dark{
    border: 1px solid var(--secondary-50) !important;
    color: var(--secondary-50) !important;
}
button.button-dark:hover{
    border: 1px solid var(--tertiary-100) !important;
    color: var(--tertiary-100) !important;
}
button.buttonFill,
.woocommerce-message a,
a.buttonFill,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register__submit,
.woocommerce-button,
.woocommerce-Button,
.woocommerce-Addresses a.edit,
button[name=save_address]{
    background: var(--tertiary-100) !important;
    padding: 12px 16px !important;
    color: var(--primary-20) !important;

    font-family: var(--font-family-text) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 140% !important; /* 19.6px */
    transition-timing-function: ease-in;
    transition: 150ms;

    border-radius: 0px !important;
}
button.buttonFill:hover,
.woocommerce-message a:hover,
a.buttonFill:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register__submit:hover,
.woocommerce-button:hover,
.woocommerce-Button:hover
.woocommerce-Addresses a.edit:hover,
button[name=save_address]{
    background: var(--tertiary-90) !important;
}


input[type='checkbox']:after {
    width: 18px;
    height: 18px;
    border-radius: 1px;
    top: -4px;
    left: -1px;
    position: relative;
    background: var(--primary-20);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid var(--secondary-50);
}

input[type='checkbox']:checked:after {
    width: 18px;
    height: 18px;
    border-radius: 1px;
    top: -4px;
    left: -1px;
    position: relative;
    background-color: var(--tertiary-100);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid var(--tertiary-100);
}
input[type='radio']:after {
    width: 18px;
    height: 18px;
    border-radius: 15px;
    top: -4px;
    left: -1px;
    position: relative;
    background: var(--primary-20);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid var(--secondary-50);
}

input[type='radio']:checked:after {
    width: 18px;
    height: 18px;
    border-radius: 15px;
    top: -4px;
    left: -1px;
    position: relative;
    background-color: var(--tertiary-100);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid var(--tertiary-100);
}

.checkout input,
.checkout .select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text{
    border: 1px solid var(--primary-50);
    background: var(--primary-30);
    border-radius:0px;
}
.checkout input:hover,
.woocommerce form .form-row input.input-text:hover{
    border: 1px solid var(--secondary-50);
}

/* HEADER */
.navbar,
.navbar.fixed-top.scrolled{
    background: var(--dark);
    height:62px;
}
.home .navbar{
    background: transparent;
}

nav ul{
    list-style: none;
    margin:0;
    padding:0;
}
nav li{
    display:inline-block;
}
nav li a{
    display:block;
    color: var(--primary-20);
    text-align: center;
    font-family: var(--font-family-text);
    font-weight: 700;
    line-height: 140%;
    padding: 21px 16px;
    text-decoration:none;

    transition-timing-function: ease-in;
    transition: 150ms;
}
nav li a:hover,
nav li a:active,
nav li.current-menu-item a:active,
nav li.current-menu-item a{
    color:var(--tertiary-100);
}

nav li.cart a{
    position:relative;
}
nav li.cart a{
    width:42px;
    height:42px;
    margin:10px 16px;
    padding:5px;

    border-radius: 22px;
    background:var(--tertiary-100);
}
.woocommerce div.product a.button,
.home .woocommerce ul.products li.product a.button,
.archive.woocommerce ul.products li.product a.button
{
    display:block;
    font-size: 15px;
    color: #fff;
    width: 150px;
    height: 42px;
    text-align: left;
    line-height: 35px;
    margin: 10px 16px;
    padding: 5px;
    border-radius: 22px;
    background: var(--tertiary-100);
}
nav li.cart a:hover,
.woocommerce div.product a.button:hover,
.home .woocommerce ul.products li.product a.button:hover,
.archive.woocommerce ul.products li.product a.button:hover{
    background:var(--tertiary-90);
}
.woocommerce div.product a.button.added img,
.home .woocommerce ul.products li.product a.button.added img,
.archive.woocommerce ul.products li.product a.button.added img{
    opacity:0;
}
.woocommerce div.product a.button.added:after,
.home .woocommerce ul.products li.product a.button.added:after,
.archive.woocommerce ul.products li.product a.button.added:after{
    top: 5px;
    position: absolute;
    left: 20px;
}
nav li.cart a .cartItemsCount{
    position:absolute;
    right:0;
    top:0;

    border-radius: 20px;
    background: var(--primary-20);
    width: 20px;
    height: 20px;
    padding-top: 4px;

    color: var(--secondary-50);
    text-align: center;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
}

/* CONTENT */
main{
    margin-top:80px;
    margin-bottom:120px;
}
.home main{
    margin-top:0px;
}

/* HP */
.hpCategories a img,
.hpCategories a .elementor-element,
.hpCategories a p,
.hpCategories a h2 {
    transition-timing-function: ease-in;
    transition: 150ms;
}
.hpCategories a:hover img {
    opacity:0.5;
}
.hpCategories a:hover .elementor-element,
.hpCategories a:hover p,
.hpCategories a:hover h2 {
    color:var(--tertiary-90);
}
.titleParalax {
    min-height:450px;
    text-align: left;
    background-image: url('./assets/images/titleParalax/background.jpg');
    background-size: contain;
    background-position: center;
    -webkit-background-position: center;
    background-attachment: fixed;
    -webkit-background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;

    /*    width: 630px;
        height:450px;
        padding: 1rem;
    
        background-image: url(./assets/images/titleParalax/background.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    
        mask-image: url(./assets/images/titleParalax/pattern.svg);
        -webkit-mask-image: url(./assets/images/titleParalax/pattern.svg);
        mask-size: 100%;
        -webkit-mask-size: 100%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;*/
}
.titleParalax h1{
    color: unset;

    font-family: var(--font-family-heading);
    font-size: 140px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 150px */
}
.hpRoundedAnimationBox{
    border-radius: 200px !important;
    border: 1px solid var(--secondary-50, #135441);
    width: 360px !important;
    max-width: 360px;
    height: 360px !important;
    max-height: 360px;
    align-items: center !important;
    display: grid !important;
}
.hpRoundedAnimationBox.mainCenter{
    background: var(--dark);
}

.stories .story .name p{
    color: var(--tertiary-70);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}

/* Magazín */
.magazinPosts .elementor-posts-container{
    --grid-column-gap: 60px;
}
.magazinPosts article a{
    transition-timing-function: ease-in !important;
    transition: 380ms !important;
}
.magazinPosts article a:hover{
    transform:scale(1.05);
}
.magazinPosts a.elementor-post__thumbnail__link{
    margin-bottom:12px !important;
}
.magazinPosts h2 a,
.magazinPosts h3 a{
    color: var(--secondary-50);
    font-family: var(--font-family-heading);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 44.8px */
}
.magazinPosts .elementor-post__excerpt{
    padding:12px 0px 12px 0px;
}
.magazinPosts .elementor-post__excerpt p{
    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.magazinPosts a.elementor-post__read-more,
.magazinPosts article a:hover a.elementor-post__read-more{
    display:none;

    color: var(--tertiary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    text-decoration: underline;
}

/* single product */
p#breadcrumbs{
    margin:18px 0px;
}
p#breadcrumbs a{
    font-weight: 700;
    text-decoration:underline;
}
p#breadcrumbs span,
p#breadcrumbs .breadcrumb_last{
    color: var(--tertiary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    padding:10px 10px;
}
p#breadcrumbs span:first-child{
    padding:0px;
}

.produktOznaceni{
    padding:4px;
    color: var(--primary-20);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%; /* 12px */
    margin-bottom:12px;
    display:table;
}
.produktOznaceni.novinka{
    background: #814AAD;
}
.produktOznaceni.doporucujeme{
    background: #37AB73;
}
.produktOznaceni.nejoblibenejsi{
    background: #259EA6;
}
.produktOznaceni.akce{
    background: #C39247;
}
.woocommerce span.onsale{
    display:none;
}
.produktInfoLista{
    background: var(--tertiary-100);
    margin-bottom:60px;
}
.produktInfoLista p{
    padding:8px 10px;
    text-align:center;
    color: var(--primary-20);
    line-height: 160%; /* 22.4px */
}
.woocommerce div.product .woocommerce-product-rating{
    margin-bottom:12px;
}
.woocommerce-product-rating{
    color: var(--tertiary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.woocommerce-product-rating svg{
    margin-top: -4px;
}
.woocommerce-product-rating a{
    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.woocommerce-product-rating a.woocommerce-review-link{
    margin-left:12px;
}
.woocommerce div.product p.stock{
    color: var(--tertiary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    margin:16px 0px;
}
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price{
    color: var(--secondary-50);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    display:inline-block;
}
.woocommerce div.product p.price .reduced .amount,
.woocommerce ul.products li.product .price .reduced .amount{
    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    text-decoration: line-through;
    margin-left:16px;
}
.addToCartPrice{
    position:relative;
}
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price{
    margin-bottom: 10px;
}
.woocommerce div.product .button,
.woocommerce ul.products li.product .button{
    margin:0px !important;
}
.woocommerce div.product div.images{
    margin-bottom:72px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding:0px;
    margin:0px;
    text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border:0px;
    background:transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    border-radius: 20px;
    background: var(--primary-50);
    padding: 8px 16px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
    margin-left:12px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
    background: var(--secondary-50);
    color: var(--primary-20);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child{
    margin-left:0px;
}
.woocommerce div.product .woocommerce-tabs .panel{
    margin:24px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs .elementor-element{
    padding:0px;
}
.woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner{
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner h2,
.woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner p{
    margin-bottom:24px;
}
.woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle{
    border-radius: 260px !important;
    border: 1px solid var(--secondary-50);

    width: 260px !important;
    max-width: 260px;
    height: 260px !important;
    max-height: 260px;

    padding: 20px;
}

/* reviews */
.woocommerce #reviews #comments ol.commentlist{
    padding-left:0px;
}
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before,
.woocommerce #reviews #comments .commentlist>li::before{
    display:none;
}
.woocommerce #reviews #comments ol.commentlist li{
    margin-bottom:12px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    margin:0px;
    padding:24px;
    border:0px;
    background: var(--primary-30);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p{
    margin:0px;
    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.woocommerce .star-rating{
    display: inline-block;
    float: none;
}
.woocommerce .star-rating::before,
.woocommerce p.stars a::before,
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before{
    color: var(--tertiary-100);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
    display:inline-block;
}
#review_form_wrapper{
    margin-top:50px;
}
.woocommerce-review__published-date{
    color: var(--primary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
}
.woocommerce-review__author{
    display:block;
    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
    margin:4px 0px;
}
.woocommerce #review_form #respond textarea{
    border: 1px solid var(--primary-50);
    background: var(--primary-30);
    padding: 10px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
}
.woocommerce #review_form #respond textarea:focus,
.woocommerce #review_form #respond textarea:active,
.woocommerce #review_form #respond textarea:focus-visible{
    border: 1px solid var(--secondary-50) !important;
    outline: none !important;
    box-shadow: 0 !important;
}
.woocommerce-Reviews-title{
    display:none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    background: var(--primary-50);
    padding: 8px 16px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: var(--secondary-50);

    color: var(--primary-20);
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
    border:0px;
}
/* related products */
section.related.products{
    margin-top:80px;
}
section.related.products h2{
    margin-bottom:42px;
}
section.related.products form.cart{
    top: 0px;
}

/* products shortcode */
.woocommerce ul.products{
    grid-column-gap: 60px !important;
    grid-row-gap: 60px !important;
}
.elementor-products-grid ul.products.elementor-grid li.product,
.magazinPosts article{
    padding: 0 20px !important;
}
.home .woocommerce ul.products{
    grid-column-gap: 100px !important;
    grid-row-gap: 100px !important;
}
.home .woocommerce ul.products li{
    margin-top:0px;
}
.home .woocommerce ul.products li:nth-child(2n+3){
    margin-top:-380px !important;
}
.home .woocommerce ul.products li:nth-child(2){
    margin-top:380px !important;
}
.wc-img-wrapper,
.elementor-post__thumbnail{
    display: inline-block;
    overflow: hidden !important;
}
.wc-img-wrapper{
    margin:0 0 24px 0;
}
.elementor-post__thumbnail img,
.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail{
    margin:0;
    transition-timing-function: ease-in;
    transition: 150ms;
}
article a:hover .elementor-post__thumbnail img,
.woocommerce ul.products li.product a:hover img.attachment-woocommerce_thumbnail{
    transform:scale(1.05);
}
.woocommerce ul.products h2{
    font-size: 32px !important;
    padding:0px 0px 12px 0px !important;
}
.woocommerce ul.products p,
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price{
    padding:10px 0px;
}
.woocommerce ul.products li.product a.button img,
.woocommerce div.product .button img{
    margin: 0px;
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

/* CART */
.woocommerce-cart-form{
    /*margin-top:42px;*/
}
.woocommerce table.shop_table{
    border:0px;
    border-radius:0px;
    margin:0px;
}
.woocommerce table.shop_table th{
    color: var(--primary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    border:0px;
    padding:9px 0px;
}
.woocommerce table.shop_table td{
    border:0px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */

    padding:0px;
    padding-top:12px;
}
#add_payment_method table.cart td.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail,
.woocommerce-checkout table.cart td.product-thumbnail{
    width: 100px;
}
.woocommerce-cart table.cart td.product-name{
    width: 50%;
}
.woocommerce-cart table.cart td.product-subtotal{
    min-width:100px;
}
.woocommerce-cart table.cart td.product-remove{
    min-width:50px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width:87px;
}
.cartSubRow{
    background: var(--primary-30);
    margin:0px;
    padding:24px;
    margin-bottom:42px;
    margin-top:24px;
}
.coupon .input-text{
    border: 1px solid var(--primary-50);
    background: var(--primary-20);
    padding:10px;

    color: var(--primary-100);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */

    width:250px;
}
.cart_totals .text{
    align-content: center;
    display: grid;
}
.woocommerce-checkout-review-order-table h2{
    display:none;
}
.cart_totals .amount,
.woocommerce-checkout-review-order-table .order-total .amount{
    color: var(--secondary-50);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
}
.cart_totals .exTax{
    margin-top:12px;
    display:block;
}
.cart_totals .exTax,
.woocommerce-checkout-review-order-table .order-total .exTax,
.cart_totals .exTax .amount,
.woocommerce-checkout-review-order-table .order-total .exTax .amount{
    color: var(--primary-100);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.woocommerce a.remove{
    color:transparent !important;
    height: 24px;
    width: 24px;
    display: inline-block;
}

.woocommerce a.remove:hover{
    background:none !important;
    opacity:0.5;
}
.buttonCart.plus,
.buttonCart.minus{
    background:transparent;
    width: 42px;
    height: 42px;
    border-radius: 22px;
    border: 1px solid var(--secondary-50);
    color: var(--secondary-50);
    font-size:32px;
    line-height:42px
}
.buttonCart.plus:hover,
.buttonCart.minus:hover{
    opacity:0.5;
}
.quantity input{
    border: 0px !important;
    background: transparent;
    padding: 16px;
    margin: -12px 0px 0px 0px !important;
    width: 46px !important;
    color: var(--secondary-50) !important;
    text-align: center !important;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    -moz-appearance: textfield;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity input:hover{
    border:0px;
    color: var(--secondary-50);
}
.woocommerce td.product-quantity{
    min-width: 150px;
    width: 150px;
}
.cartSubRow a.woocommerce-remove-coupon img{
    margin-top: -10px;
}
.cartSubRow a.woocommerce-remove-coupon:hover {
    background: none !important;
    opacity: 0.5;
}
.woocommerce .cartSubRow .actions{
    align-items: center;
    display: flex;
}


/* CHECkOUT */
.woocommerce-checkout h1{
    margin-bottom:18px;
}
.woocommerce-checkout h2{
    margin-top:24px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background:transparent;
    border-radius:0px;
}
.woocommerce-shipping-methods .row{
    cursor:pointer;
}
.woocommerce-shipping-methods .row,
.wc_payment_methods .row{
    border-bottom: 1px solid var(--primary-50);
}
.woocommerce-shipping-methods .radio,
.wc_payment_methods .radio,
.woocommerce-shipping-methods .image,
.wc_payment_methods .image,
.woocommerce-shipping-methods .name,
.wc_payment_methods .name,
.woocommerce-shipping-methods .custom,
.wc_payment_methods .custom,
.woocommerce-shipping-methods .price,
.wc_payment_methods .price{
    display: grid;
    align-items: center;
    padding:12px 0px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
}
.woocommerce-shipping-methods .radio,
.wc_payment_methods .radio{
    width: 42px;
    display: inline-flex;
}
.woocommerce-shipping-methods .image,
.wc_payment_methods .image{
    width: 72px;
}
.woocommerce-shipping-methods .name,
.wc_payment_methods .name{
    width:45%;
}
.woocommerce-shipping-methods .name span,
.wc_payment_methods .name span{
    font-weight: 400;
}
/*.woocommerce-shipping-methods .custom,
.wc_payment_methods .custom{
    width: 27%;

    color: var(--primary-100);
    font-weight: 400;
    line-height: 160%;  22.4px 
}*/
.woocommerce-shipping-methods .price,
.wc_payment_methods .price{
    width: 35%;
}
#ship-to-different-address span,
.woocommerce-account-fields .create-account span{
    color: var(--secondary-50);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
    padding-left:12px;
}
.checkout .buttonFill{
    border:none;
}

.checkout .select2-container--default .select2-selection--single{
    height:auto;
}
.checkout .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 14px 16px;
    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 10px;
    right: 10px;
}
.checkout label,
.woocommerce form .form-row .required{
    color: var(--primary-100);
    font-family: var(--font-family-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 19.2px */
}

.woocommerce-checkout-review-order-table .product-image,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total{
    display: grid;
    align-items: center;
    padding:6px 0px;

    color: var(--secondary-50);
    font-family: var(--font-family-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
}
.woocommerce-checkout-review-order-table .product-total{
    display:grid;
    align-items: center;
}
.woocommerce-checkout-review-order-table .product-image{
    width: 78px;
}
.woocommerce-checkout-review-order-table .product-name{
    width: calc(100% - 148px);
}
.woocommerce-checkout-review-order-table .product-total{
    width:70px;
}
.woocommerce-checkout-review-order-table .product-image img{
    width:51px;
    height:51px;
}
.woocommerce-checkout-review-order-table .woocommerce-remove-coupon{
    display:none;
}
.order-total .text,
.order-total .cartTotal{
    display:inline-block;
    width:50%;
}

.movingSidebar{
    position:relative;
}
.movingSidebar .fixed{
    position: fixed;
}
.movingSidebar .absolute{
    position:absolute;
}

hr.beforeTotal{
    color:var(--primary-50);
}
/* Magazín single */
body.single-post main{
    margin-top: 60px;
}
.magazinSingleTop{
    background: var(--primary-50);
    margin-bottom:30px
}
.magazinSingleTop div.title{
    display:grid;
    align-items: center;
}
.magazinSingleTop img{
    padding:30px;
    max-height:400px;
    width:auto;
}
/* Muj ucet*/
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox{
    height:18px;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox input:after{
    top: -2px;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox span{
    display: inline-block;
    margin-left: 5px;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li{
    display:block;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a{
    color: var(--secondary-50);
    text-align:left;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a{
    color: var(--tertiary-90);
}

/* order confirmation */


/* FOOTER */
footer{
    padding: 100px 0px 120px 0px;
    color: var(--secondary-20);
    background-color: var(--dark);

    font-family: var(--font-family-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; /* 18.832px */
}

footer .row:first-child{
    margin-bottom:120px;
}
footer .bigText{
    margin-top:10px;

    font-family: var(--font-family-heading);
    color: var(--primary-20);
    font-size:150px;
    font-weight:500;
    line-height: 100%;
}
footer .subtext{
    margin-top:42px;

    font-family: var(--font-family-text);
    font-size:15px;
    color: var(--primary-20);
    font-weight: 500;
    line-height: 140%;
}
footer .footerItems .footerItem{
    margin-bottom:42px;
}
footer .footerItems .footerItem.benefits img{
    float:left;
    padding-right:12px;
}
footer .footerItems .footerItem div{
    display: flow-root;
}
footer .footerItems .footerItem div h3{
    font-family: var(--font-family-heading);
    color:var(--primary-20);
}
footer .footerItems .footerItem div p{
    color:var(--secondary-20);
    font-size: 14px;
}
footer .footerItems .socials span{
    color:var(--primary-20);
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    display:inline-block;
}
footer .footerItems .socials .icons{
    display:inline-block;
}
footer .footerItems .socials .icons a{
    display:inline-block;
    margin-left:24px;
}
footer .footerItems .socials .icons a img{
    margin-top: -10px;
}
footer .footerItems .socials .icons a:hover{
    opacity:0.5;
}

footer h3{
    color: var(--primary-20);
    margin-bottom:12px;
}
footer ul{
    list-style:none;
    margin:0;
    padding:0;
}

footer .row:nth-child(2) p{
    color: var(--secondary-20);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 240%; /* 33.6px */
}
footer .kontakt a{
    color: var(--tertiary-70);
    font-size: 14px;
    line-height: 240%;
}
footer .kontakt a:hover{
    color: var(--primary-20);
}

footer .menu ul li a{
    color: var(--tertiary-70);
    font-size: 14px;
    line-height: 240%;
}
footer .menu ul li a{
    color: var(--secondary-20);
    font-size: 14px;
    line-height: 240%;
}
footer .menu ul li a:hover{
    color: var(--primary-20);
}
footer .row:nth-child(3) ul li{
    display:inline-block;
    margin-right:24px;
}
footer .row:nth-child(3) ul li a{
    color: var(--primary-20);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 24px */
}
footer .row:nth-child(3) ul li a:hover{
    color: var(--primary-20);
    color: var(--tertiary-70);
}

/* RESPONSIVE */
@media (min-width: 768px) {
    .navbar-brand.abs
    {
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .produktKulicky.e-con.e-flex>.e-con-inner{
        flex-wrap:wrap !important;
    }
}

/*Medium devices (tablets, more than 992px)*/
@media (max-width: 991.98px) {
    .titleParalax{
        min-height:unset;
    }
    .home .woocommerce ul.products{
        grid-column-gap: 50px !important;
        grid-row-gap: 50px !important;
    }

    .magazinPosts .elementor-posts-container{
        --grid-column-gap: 20px;
    }
    .magazinPosts h2 a, .magazinPosts h3 a{
        font-size: 25px;
        line-height: 110%;
    }

    .hpRoundedAnimation{
        min-height: 1350px !important;
        height: 1350px !important;
    }
    .hpRoundedAnimationBox:nth-child(1){
        left:35% !important;
        top:350px !important;
    }
    .hpRoundedAnimationBox:nth-child(2){
        top:50px !important;
    }
    .hpRoundedAnimationBox:nth-child(3){
        left:unset !important;
        right:-50px !important;
    }
    .hpRoundedAnimationBox:nth-child(4){
        left:unset !important;
        right:-25px !important;
        top:700px !important;
    }
    .hpRoundedAnimationBox:nth-child(5){
        left:-25px !important;
        right:unset !important;
        top:610px !important;
    }
    .hpRoundedAnimationBox:nth-child(6){
        top: 950px !important;
        left: 20% !important;
    }
    .woocommerce-checkout-review-order-table h2{
        display:block;
    }
    .woocommerce-cart .product-name{
        padding-left: 20px !important;
    }
    .woocommerce-shipping-methods .name, .wc_payment_methods .name{
        width:40%
    }
    .woocommerce-cart .coupon{
        text-align: center;
        margin-bottom:20px;
    }

    footer .bigText{
        font-size: 100px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    h1{
        font-size: 54px;
        /*80px*/
    }
    h2{
        font-size: 30px;
    }

    h2 br {
        content: "" !important;
    }
    h2 br:after {
        content: "\00a0" !important;
    }
    h3{
        font-size: 20px;
    }


    h1, h2, h3{
        text-align:center;
    }

    .elementor-button-wrapper{
        text-align:center;
    }

    nav .navbar-collapse{
        background: var(--dark);
    }
    nav li.cart a{
        margin-left:auto;
        margin-right:auto;
    }
    .navbar, .navbar.fixed-top.scrolled{
        height: 75px;
    }
    /* HP */
    .titleParalax h1{
        text-align:left;
    }
    .hpRoundedAnimation{
        min-height: 1200px !important;
        height: 1200px !important;
    }
    .hpRoundedAnimationBox {
        width: 330px !important;
        max-width: 330px !important;
        height: 330px !important;
        max-height: 330px !important;
        padding: 50px !important;
    }
    .hpRoundedAnimationBox:nth-child(1){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:0px !important;
    }
    .hpRoundedAnimationBox:nth-child(2){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:170px !important;
    }
    .hpRoundedAnimationBox:nth-child(3){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:340px !important;
    }
    .hpRoundedAnimationBox:nth-child(4){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:520px !important;
    }
    .hpRoundedAnimationBox:nth-child(5){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:690px !important;
    }
    .hpRoundedAnimationBox:nth-child(6){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:860px !important;
    }
    /*    .hpRoundedAnimationBox .elementor-icon{
            font-size:35px;
        }
        .hpRoundedAnimationBox h2{
            font-size:18px;
        }
        .hpRoundedAnimationBox p{
            font-size:13px;
        }*/

    .home .woocommerce ul.products li,
    .home .woocommerce ul.products li:nth-child(2n+3),
    .home .woocommerce ul.products li:nth-child(2){
        margin-top:0px !important;
    }
    .stories .elementor-element,
    .stories .story{
        position: relative !important;
        /*display: grid !important;*/
        /*margin: 0px !important;*/
        /*gap: 20px !important;*/
    }
    .stories .story{
        padding:10px !important;
        min-height: unset !important;
    }
    .stories .story .e-con-inner{
        padding:0px !important;
    }
    .stories .story h3.elementor-heading-title{
        font-size: 18px !important;
        line-height: 140% !important;
    }
    .stories .story .name p{
        font-size:10px !important;
    }
    .magazinPosts .elementor-posts-container{
        --grid-column-gap: 0px;
    }
    .magazinPosts h2 a, .magazinPosts h3 a{
        font-size: 20px;
    }


    /* Woo Produkty */
    .single-product p,
    .addToCartPrice,
    .woocommerce-product-rating{
        text-align:center;
    }
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
        float:none;
    }
    .tax-product_cat .woocommerce,
    .post-type-archive-product .woocommerce{
        text-align:center;
    }
    .woocommerce div.product div.images{
        margin-bottom: 20px;
    }
    .woocommerce div.product div.summary{
        margin-bottom:60px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        margin-left:0px;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
        text-align:center;
    }
    .woocommerce.single-product main{
        margin-bottom: 0px;
    }
    .woocommerce-cart-form .woocommerce-message a.restore-item,
    .woocommerce-cart-form .woocommerce-message a.button{
        display:none;
    }
    .woocommerce .return-to-shop{
        text-align:center;
    }
    input[type='checkbox']:after,
    input[type='radio']:after,
    input[type='radio']:checked:after{
        top: -1px;
    }
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{
        display:block;
    }
    .produktOznaceni{
        margin: 0px auto 12px auto;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        content:"";
    }
    #add_payment_method table.cart td.product-thumbnail, .woocommerce-cart table.cart td.product-thumbnail, .woocommerce-checkout table.cart td.product-thumbnail,
    .woocommerce-cart table.cart td.product-name,
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
        width:100%;
        text-align:center !important;
    }
    .woocommerce-cart .shop_table td.product-price{
        display:none;
    }
    .woocommerce table.shop_table_responsive tr{
        margin: 10px 0px;
    }
    .woocommerce-cart .shop_table td.product-remove{
        padding-bottom: 10px;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(1n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(1n) td{
        background-color: rgba(0,0,0,.025);
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
        background-color: rgba(0,0,0,0);
    }
    .woocommerce .cartSubRow .coupon{
        text-align:center;
    }
    .woocommerce .cartSubRow .coupon button{
        margin-top: 5px;
    }
    .woocommerce .navigation .col-12 a{
        display: inline-grid;
        margin-bottom:10px;
    }
    .woocommerce-shipping-methods .name, .wc_payment_methods .name {
        width: 60%;
    }
    .woocommerce-shipping-methods .custom,
    .wc_payment_methods .custom,
    .woocommerce-shipping-methods .price,
    .wc_payment_methods .price{
        width:50%;
    }

    .woocommerce-checkout-review-order-table .product-total {
        align-items: center;
        display: grid;
    }
    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
        float: none;
        display: block;
        margin-right:0;
    }
    .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox span{
        padding-left:10px;
    }

    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle{
        border-radius: 240px !important;
        width: 240px !important;
        max-width: 240px !important;
        height: 240px !important;
        max-height: 240px !important;
        padding:10px !important;
        margin-bottom:20px !important;
    }

    .woocommerce-cart-form__cart-item td.product-thumbnail{
        position:relative;
    }
    .woocommerce-cart-form__cart-item td.product-thumbnail .removeSection{
        position:absolute;
        top:10px;
        right:10px;
    }
    .woocommerce-cart .coupon .input-text,
    .woocommerce-cart .navigation .button-dark,
    .woocommerce-checkout .navigation .button-dark,
    .woocommerce-cart .navigation .checkout-button,
    .woocommerce-cart .coupon button.buttonFill,
    .woocommerce-checkout .navigation button.buttonFill{
        width:200px;
    }
    .woocommerce div.product .button,
    .woocommerce ul.products li.product .button{
        margin: 0 auto !important;
    }

    /* Footer */
    footer{
        padding:60px 0px;
    }
    footer .bigText{
        font-size: 80px;
        text-align: left;
    }
    footer .subtext{
        text-align: left;
        margin: 30px 0px;
    }
    footer .footerItems img{
        padding-right: 20px;
    }
    footer h3{
        text-align: left;
    }
    footer .row:first-child{
        margin-bottom: 20px;
    }
    footer .kontakt,
    footer .menu{
        margin-bottom:40px;
    }
    footer .row:nth-child(3) ul li{
        display: block;
        margin:0px;
        text-align:center;
    }
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /* HP */
    .hpRoundedAnimation{
        min-height: 1000px !important;
        height: 1000px !important;
    }
    .hpRoundedAnimationBox {
        width: 260px !important;
        max-width: 260px !important;
        height: 260px !important;
        max-height: 260px !important;
        padding: 40px !important;
    }
    .hpRoundedAnimationBox:nth-child(1){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:0px !important;
    }
    .hpRoundedAnimationBox:nth-child(2){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:150px !important;
    }
    .hpRoundedAnimationBox:nth-child(3){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:300px !important;
    }
    .hpRoundedAnimationBox:nth-child(4){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:450px !important;
    }
    .hpRoundedAnimationBox:nth-child(5){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:600px !important;
    }
    .hpRoundedAnimationBox:nth-child(6){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:750px !important;
    }
    .hpRoundedAnimationBox .elementor-icon{
        font-size:35px;
    }
    .hpRoundedAnimationBox h2{
        font-size:18px;
    }
    .hpRoundedAnimationBox p{
        font-size:13px;
    }
}

@media (max-width: 540px) {
    /* PRODUCT DETAIL */
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner{
        gap: 10px;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle{
        border-radius: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
        height: 200px !important;
        max-height: 200px !important;
        margin-bottom:0px !important;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle .elementor-icon{
        font-size:25px;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle h3{
        font-size:17px;
        line-height:20px;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle p{
        font-size:13px;
    }
}

@media (max-width: 450.98px) {
    .hpRoundedAnimation{
        min-height: 850px !important;
        height: 850px !important;
    }
    .hpRoundedAnimationBox {
        width: 220px !important;
        max-width: 220px;
        height: 220px !important;
        max-height: 220px;
        padding: 30px !important;
    }
    .hpRoundedAnimationBox:nth-child(1){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:0px !important;
    }
    .hpRoundedAnimationBox:nth-child(2){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:130px !important;
    }
    .hpRoundedAnimationBox:nth-child(3){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:260px !important;
    }
    .hpRoundedAnimationBox:nth-child(4){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:390px !important;
    }
    .hpRoundedAnimationBox:nth-child(5){
        position:absolute !important;
        left:-25px !important;
        right:unset !important;
        top:520px !important;
    }
    .hpRoundedAnimationBox:nth-child(6){
        position:absolute !important;
        left:unset !important;
        right:-25px !important;
        top:650px !important;
    }

    /* PRODUCT DETAIL */
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle{
        border-radius: 160px !important;
        width: 160px !important;
        max-width: 160px !important;
        height: 160px !important;
        max-height: 160px !important;
        margin-bottom: 0px !important;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle h3{
        font-size: 15px;
        line-height: 17px;
    }
    .woocommerce div.product .woocommerce-tabs .elementor-element .e-con-inner .circle p{
        font-size:11px;
        margin-bottom: 0px;
    }
}

.woocommerce-checkout-payment .wc_payment_method, .woocommerce-checkout-payment input {
    cursor: pointer;
}