/* Font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://db.onlinewebfonts.com/c/a5fabafc7a8f60641f2922ce1484ab78?family=Myriad+Pro+Condensed');
@import url('https://db.onlinewebfonts.com/c/c37920f95595038e0868564341c71133?family=Myriad+Pro+Light');

/* Proměnné */
:root {
    --template-font-menu: "Myriad Pro Condensed", sans-serif;
    --template-font: "Myriad Pro", sans-serif;
    --template-font-light: "Myriad Pro Light", sans-serif;
    --template-headings-font: "Playfair Display", serif;
}

body {
    background-image: url("/user/documents/upload/img/pozadi_eshop_light.jpg") !important;
    background-size: cover;
    font-size: 16px;
}

.type-product.type-detail .odber, .type-product.type-detail #dklab_instagram_widget {
    display: none;
}

.type-product.type-detail #footer {
    margin-top: 40px;
}

#header {
    background: none;
}

.page-header {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 130px 0;
    margin-bottom: 40px;
    position: relative;
}

.page-header h1 {
    font-size: 40px;
    color: #fff;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    max-width: 1178px;
    text-transform: none;
    position: relative;
}

.page-header p {
    color: #fff;
    font-size: 18px;
    font-family: var(--template-font-light);
    line-height: 27px;
    position: relative;
}

@media (min-width: 1200px) {

    .page-header p {
        width: 50%;
    }
}

.page-header.onas {
    background-image: url("/user/documents/upload/img/pruh-o-nas.jpg");
}

.page-header.dvur {
    background-image: url("/user/documents/upload/img/pruh-ze-dvora.jpg");
}

.page-header.kontakt {
    background-image: url("/user/documents/upload/img/pruh-kontakt.jpg");
}

.page-header.med {
    background-image: url("/user/documents/upload/img/pruh-med.png");
}

.page-header.medovina {
    background-image: url("/user/documents/upload/img/pruh-medovina.png");
}

.page-header.ostatni {
    background-image: url("/user/documents/upload/img/pruh-ostatni.png");
}

.page-header.med:before,
.page-header.medovina:before,
.page-header.ostatni:before {
    display: block;
    content: "";
    position: absolute;
    inset: 0;
    background: #67401a;
    opacity: .45;
}

@media (min-width: 768px) {
    .in-index .top-navigation-bar,
    .in-index #header {
        position: relative;
        z-index: 2;
    }
}


.in-o-nas #content header h1,
.in-med-ze-dvora #content header h1,
.in-o-nas .breadcrumbs-wrapper,
.in-med-ze-dvora .breadcrumbs-wrapper {
    display: none;
}

.top-navigation-contacts,
.top-navigation-menu {
    display: none !important;
}

.top-navigation-tools {
    padding: 5px 0;
}

.search {
    flex-basis: 20% !important;
    margin-left: auto;
}

.benefitBanner__picture {
    margin-bottom: 10px;
    margin-right: 0;
    flex-basis: 125px;
    max-width: 125px;
}

.benefitBanner__picture img {
    width: 100%;
}

.benefitBanner__content {
    font-family: var(--template-headings-font);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 10px;
}

.benefitBanner__item {
    flex-direction: column;
}

.welcome div,
.welcome h1,
.content-inner {
    max-width: none !important;
}

.in-med-ze-dvora .responsive-table {
    width: 100% !important;
}

.in-med-ze-dvora .responsive-table img {
    width: 100%;
}

article h2 {
    margin: 40px 0 20px;
}

.btn.btn-cart {
    padding: 6px 12px;
}

/* Detail produktu - velikost variant */
.variant-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
    color: black;
    text-transform: uppercase;
}

.variant-price-wrap .price-final {
    font-size: 20px;
    font-weight: 500;
    color: black;
}

/* Barva v košíku */

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
    background-color: green;
    border-color: green;
    color: #fff;
}

/* Vše velké nadpisy */

h1 {
    text-transform: uppercase;
}

h2 {
    text-transform: uppercase;
}


/* -----------------
 * Změna pozadí na homepage
 * ----------------- */
.content-wrapper {
    background-color: transparent;
}


.h4.homepage-group-title, h4.homepage-group-title {
    color: #966a39;
    text-transform: uppercase;
}

/* Okraje */

.homepage-box {
    border: 0;
}

.products-block > div {
    border: 0 !important;
}

.products-block.products .p .name {
    font-size: 17px;
    font-weight: 600;
}

/* -----------------
 * Změna velikosti konkurenčních výhod HP
 * ----------------- */
@media (min-width: 480px) {
    .benefitBanner {
        display: flex;
        flex-wrap: wrap;
        max-width: 80%;
    }
}

/* -----------------
 * Barva textu podkategorií
 * ----------------- */
.subcategories li a {
    color: black;
}

/* -----------------
 * Barva nadpisu h1
 * ----------------- */
h1 {
    color: #966a39;
    font-weight: 500;
}

/* Responsivní tabulka */

@media screen and (max-width: 768px) {
    .responsive-table td {
        display: block;
        width: 100% !important;
    }
}

/* Hlavička */
.navigation-in ul li a b {
    font-family: var(--template-font-menu);
}

@media (min-width: 768px) {
    #header .site-name a img {
        max-height: 100px;
    }

    .header-top {
        height: 128px;
    }

    #navigation {
        height: 46px;
        border-bottom: 1px solid #dadada;
    }

    .navigation-in {
        font-size: 20px;
        line-height: 20px;
    }

    .navigation-in.menu {
        background: transparent;
    }

    .fitted .navigation-in ul {
        justify-content: center;
    }

    .navigation-in > ul > li {
        border: 0;
    }

    .navigation-in > ul > li > a {
        color: var(--color-primary);
        padding: 12px 20px !important;
        margin: 0 !important;
        position: relative;
        text-transform: uppercase;
    }

    .navigation-in > ul > li > a:hover {
        color: #fff !important;
        background-color: var(--color-primary) !important;
    }

    .navigation-in ul li a b {
        font-weight: 400;
    }
}

/* Patička */
#footer {
    background: #3d322d;
    position: relative;
    z-index: 2;
    border: 0;
}

#footer a {
    color: #625853;
}

#footer > .container {
    background: transparent;
}

#footer h4,
#footer .custom-footer__contact,
#footer .custom-footer__contact a {
    color: #fff;
}

#footer:before {
    position: absolute;
    content: "";
    display: block;
    height: 60px;
    top: -60px;
    background-image: url("/user/documents/upload/img/vlnka.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    left: 0;
    width: 100%;
}

.custom-footer {
    border-top: 0;
}

.link-icon.share.js-share-buttons-trigger {
    display: none;
}

@media (min-width: 1200px) {
    .custom-footer {
        padding-left: 375px;
    }

    .footer-rows .site-name {
        max-width: 300px;
    }
}

/* Newsletter */
.odber {
    padding: 140px 20px 140px 600px;
    background-color: #fff;
    background-image: url("/user/documents/upload/img/plastve.jpg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: 50px 50%;
}

.odber .newsletter {
    flex-direction: column;
    align-items: flex-start;
}

.odber .newsletter-header {
    width: auto;
}

.odber .newsletter fieldset {
    margin: 0;
}

@media (max-width: 1100px) {
    .odber {
        padding-left: 400px;
        background-size: 250px;
    }
}

@media (max-width: 900px) {
    .odber {
        padding-left: 300px;
        background-size: 150px;
    }

    .odber .newsletter-header {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .odber {
        padding-top: 150px;
        padding-bottom: 80px;
        padding-left: 20px;
        background-size: 150px;
        background-position: 50% 50px;
    }
}

.navigation-in > ul > li.ext > ul > li > div > a {
    color: var(--color-primary) !important;
}

.navigation-in > ul > li.ext > ul > li > div > a:hover {
    color: #000 !important;
}

#footer ul a {
    color: #fff;
}

@media (max-width: 767px) {
    .responsive-tools > a[data-target=navigation]:before, .responsive-tools > a[data-target=navigation]:hover:before {
        background-color: var(--color-primary);
    }
}

/* Tlačítko homepage */
.button-link {
    display: block;
    padding: 10px 20px;
    background: var(--color-primary);
    color: #fff !important;
    transition: .3s ease-in-out background;
    font-family: var(--template-headings-font), sans-serif;
    font-size: 16px;
}

.button-link:hover {
    background: #333;
}

.button-link__wrapper {
    display: flex;
    margin: 50px 0 100px;
    justify-content: center;
}

@media (max-width: 1199px) {
    #footer .site-name {
        display: block;
        max-width: 300px;
        padding: 30px 20px;
    }

}

.products-block .p-bottom .p-desc {
    display: none;
}

.p-info-wrapper {
    font-size: 20px;
    font-weight: 200;
    font-family: var(--template-font-light);
    color: var(--color-primary);
}

.p-info-wrapper a {
    color: #000;
}

h1 {
    font-size: 40px;
    color: #000;
}

.p-detail-inner h1 {
    margin-bottom: 20px;
}

.basic-description h3 {
    font-size: 32px;
    color: #000;
}

.basic-description p {
    font-size: 18px;
    font-family: var(--template-font-light);
    color: var(--color-primary);
}

.price-final {
    color: var(--color-primary);
}


@media (min-width: 1200px) {
    .p-info-wrapper {
        width: 41.66666667%;
    }

    .p-image-wrapper {
        width: 58.33333333%;
    }

}

@media (min-width: 1200px) {
    .shp-tabs-holder ul.shp-tabs li a {
        font-size: 20px;
    }
}

#footer .custom-footer__socials a, #footer .custom-footer__socials span {
    color: #fff;
}

.custom-footer__contact li > span {
    padding-left: 0 !important;
}

.custom-footer__contact li > span:before {
    display: none !important;
}

.custom-footer__contact span i {
    display: block;
    font-style: normal;
    font-weight: bold;
}

.news-item .text .title {
    font-family: var(--template-headings-font);
    color: #000;
}

.news-item .text .description p {
    font-family: var(--template-font-light);
    color: var(--color-primary);
    font-size: 18px;
    line-height: 27px;
}

.btn, a.btn {
    font-size: 16px;
}

.footer-photos {
    display: flex;
    margin-top: 40px;
    margin-bottom: -40px;
    flex-wrap: nowrap;
    z-index: 3;
    position: relative;
}

.footer-photos > a {
    display: block;
    flex-grow: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25vw;
    max-height: 25vw;
}

@media (max-width: 800px) {
    .footer-photos {
        flex-wrap: wrap;
    }
    .footer-photos > a {
        width: 50%;
        height: 50vw;
        max-height: 50vw;
    }
}



@media (max-width: 380px) {
    .footer-photos > a {
        width: 100%;
        height: 100vw;
        max-height: 100vw;
    }
}

.p-thumbnails-wrapper {
    display: none !important;
}