.breadcrumbs,
.breadcrumbs a {
    color: #000 !important;
}

/* Úprava barvy nadpisů H1 */
#content h1 {
    color: #DBAA74;
}

/* Odstranění loga v zápatí */
#footer .footer-rows .site-name {
    display: none;
}

#footer .custom-footer {
    padding-left: 0px !important;
}

/* Odstranění uvítacího textu na titulní straně */
.content-wrapper.homepage-box.welcome-wrapper {
    display: none;
}

@media screen and (min-width: 992px) {
    .dklabScrolled #content-wrapper {
        margin-top: 131px;
    }

    .dklabScrolled #header {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 52;
        width: 100%;
    }

    .dklabScrolled .popup-widget.cart-widget {
        position: fixed;
        top: 75px !important;
    }
}

.breadcrumbs {
    color: #3E7C88;
    background-color: #fff;
    border-color: #DBAA74;
}

.breadcrumbs,
.breadcrumbs a {
    color: #3E7C88 !important;
}

.custom-footer,
.footer-bottom {
    border-color: #DBAA74;
}

a.link-icon.print {
    display: none;
}

.id-936 .content-wrapper {
    background: #f6f6f6;
}

.id-936 .photoList>div {
    position: relative;
}

.id-936 .photoList>div::before {
    content: "";
}

.id-936 .photoList>div:hover::before {
    content: "";
    display: block;
    background: #d49958;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.id-936 .photoList>div .headerName {
    z-index: 9999;
    font-size: 30px;
    text-transform: uppercase;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.id-936 .photoList>div:hover .headerName {
    font-size: 30px;
    text-transform: uppercase;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    visibility: visible;
    z-index: 9999;
}

@media (min-width: 1200px) {
    .id-936 .content-inner {
        max-width: 100%;
    }

    .id-936 .photoList>div {
        width: 23%;
        float: left;
        margin: 1%;
        min-height: 430px;
    }
}

.id-936 .photoList>div .textTitle {
    font-size: 38px;
    color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.id-936 .photoList>div:hover .textTitle {
    font-size: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: visible;
}

/* */
.in-blog main#content a,
.in-blog main#content span,
.in-blog main#content p,
.in-blog main#content ul,
.in-blog main#content li {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.005rem;
    margin-bottom: 10px;
}

.in-blog main#content header {
    display: none;
}

.in-blog main#content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 3.0rem;
    font-weight: revert;
    text-transform: uppercase;
    letter-spacing: 0.030rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
    text-align: center;
}

.in-blog main#content h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.0rem;
    font-weight: 300;
    letter-spacing: 0.030rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.in-blog main#content p>span {
    color: white;
    background: #ffdf96;
    padding: 5px 11px;
    border-radius: 50px;
    display: block;
    width: max-content;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .in-blog .text-box {
        padding: 30px 30px;
        margin: 4%;
        box-shadow: rgb(0 0 0 / 1%) 0px 0px 5px, rgb(0 0 0 / 5%) 0px 0px 30px, rgb(0 0 0 / 0%) 0px 0px 2px 2px;
        max-width: 100%;
        border-radius: 2px;
        margin-bottom: 30px;
    }

    .in-blog .page-list {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 4rem;
        grid-column-gap: 4rem;
    }
}

@media (min-width: 768px) {
    .in-blog .text-box {
        padding: 30px 30px;
        margin: 0px;
        box-shadow: rgb(0 0 0 / 1%) 0px 0px 5px, rgb(0 0 0 / 5%) 0px 0px 30px, rgb(0 0 0 / 0%) 0px 0px 2px 2px;
        max-width: 100%;
        border-radius: 2px;
        margin-bottom: 30px;
    }

    .in-blog .page-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 4rem;
        grid-column-gap: 4rem;
    }

    .in-blog .news {
        max-width: 767px;
        margin: 0 auto;
    }
}

.in-blog .text-box p {
    padding: 0px;
    margin-bottom: 5px;
}

.text-box.n-1,
.text-box.n-2,
.text-box.n-3,
.text-box.n-4,
.text-box.n-5 {
    position: relative;
}

.text-box.n-2 {
    color: white;
    background: #dbaa74;
}

.text-box.n-1::before {
    content: "1";
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: -18px;
    right: -20px;
    color: #ffffff;
    background: #dbaa74;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 4.0rem;
    text-align: center;
}

.text-box.n-2::before {
    content: "2";
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: -18px;
    right: -20px;
    color: #ffffff;
    background: #dbaa74;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 4.0rem;
    text-align: center;
    box-shadow: rgb(0 0 0 / 1%) 0px 0px 5px, rgb(0 0 0 / 5%) 0px 0px 30px, rgb(0 0 0 / 3%) 0px 0px 2px 2px;
}

.text-box.n-3::before {
    content: "3";
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: -18px;
    right: -20px;
    color: #ffffff;
    background: #dbaa74;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 4.0rem;
    text-align: center;
}

.text-box.n-4::before {
    content: "4";
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: -18px;
    right: -20px;
    color: #ffffff;
    background: #dbaa74;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 4.0rem;
    text-align: center;
}

.text-box.n-5::before {
    content: "5";
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: -18px;
    right: -20px;
    color: #ffffff;
    background: #dbaa74;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 4.0rem;
    text-align: center;
}

@media (min-width: 1200px) {
    .in-blog .content-inner {
        max-width: 100%;
    }
}

/* ITEM */
.in-blog .products-block.products .p .name,
.in-blog .products-block .product a.name span {
    text-align: center !important;
}

@media (min-width: 1440px) {

    .in-blog .product,
    .in-blog .products-block>div {
        flex: 0 0 auto;
        width: 48%;
        margin: 2rem 1%;
        border: 0px;
    }
}

/* Naše novinky */
.in-nase-novinky main .content-inner {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .in-nase-novinky main .about-us {
        max-width: 991px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: min(2vmax, 32px);
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .in-nase-novinky main .about-us {
        max-width: 991px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: min(2vmax, 32px);
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
    }
}

.in-nase-novinky main .about-us .detail:nth-of-type(1) {
    position: relative;
    display: grid;
    place-self: center;
    justify-items: center;
    align-items: center;
    background: url('https://www.rodinnafarma.com/user/documents/upload/temp/o/nase-prodejny-min.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 440px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.in-nase-novinky main .about-us .detail:nth-of-type(2) {
    position: relative;
    display: grid;
    place-self: center;
    justify-items: center;
    align-items: center;
    background: url('https://www.rodinnafarma.com/user/documents/upload/temp/o/nasi-zamestnanci-min.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 440px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.in-nase-novinky main .about-us .detail:nth-of-type(3) {
    position: relative;
    display: grid;
    place-self: center;
    justify-items: center;
    align-items: center;
    background: url('https://www.rodinnafarma.com/user/documents/upload/temp/o/o-nas-min.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 440px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.in-nase-novinky main .about-us .detail span {
    background: #eaab6d;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14pt;
    font-weight: 500;
    padding: 12px 25px;
    line-height: normal;
    border-radius: 50px;
    text-align: center;
}

.in-nase-novinky main .about-us .detail a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**/
/**/
.in-nase-prodejny .item-list .item .image {
    position: relative;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
    object-fit: cover;
}

.in-nase-prodejny .item-list .item .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

.in-nase-prodejny .item-list .item {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.in-nase-prodejny .news-item-detail div.text {
    padding: 4rem 3rem 0 3rem !important;
}

.in-nase-prodejny .item-list .text p.title {
    position: relative;
    font-size: 18pt;
    font-weight: 600;
    color: #444;
    margin-top: 2rem;
    display: block;
    margin-bottom: 4rem;
}

.in-nase-prodejny .item-list .text p.title::before {
    content: "";
    position: absolute;
    border-radius: 50px;
    bottom: -10px;
    background: #444;
    width: 30px;
    height: 5px;
}

.in-nase-prodejny .item-list .text p.text,
.in-nase-prodejny .item-list .text p.working-hours {
    font-size: 15pt;
    margin: 0;
    padding: 0;
}

.in-nase-prodejny .item-list .text p.working-hours {
    color: white;
    background: #eaab6d;
    width: max-content;
    padding: 5px 15px;
    margin-top: 1rem;
}

.in-nase-prodejny .news-item-detail .text {
    margin-bottom: 0;
}

.in-nase-prodejny .item .text {
    padding-left: 4rem;
    padding-bottom: 4rem;
}

@media only screen and (max-width: 768px) {
    .in-nase-prodejny .item-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: min(2vmax, 32px);
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
        margin-bottom: 4rem;
        max-width: 90%;
        margin: 0 5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1441px) {
    .in-nase-prodejny .item-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: min(2vmax, 32px);
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
        margin-bottom: 4rem;
    }
}

@media only screen and (min-width: 1441px) {
    .in-nase-prodejny .item-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: min(2vmax, 32px);
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
        margin-bottom: 4rem;
    }
}

@media only screen and (min-width: 768px) {
    .in-nase-prodejny main .about-us {
        margin: 4rem auto;
    }
}

@media (min-width: 1200px) {
    .in-nase-prodejny .content-inner {
        max-width: 100%;
    }
}