/* chivo-300 - latin_latin-ext */
@font-face {
    font-family: 'Chivo';
    font-style: normal;
    font-weight: 300;
    src: local('')
         url('../font/chivo-v18-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../font/chivo-v18-latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
  /* chivo-700 - latin_latin-ext */
@font-face {
    font-family: 'Chivo';
    font-style: normal;
    font-weight: 700;
    src: local('')
         url('../font/chivo-v18-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../font/chivo-v18-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
  /* playfair-display-700 - latin_latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('')
         url('../font/playfair-display-v37-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../font/playfair-display-v37-latin_latin-ext-700.woff2') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
.container {
    /*width: 1100px;*/
    margin: auto;
}
.miniContainer {
    width: 960px;
    margin: auto;
}
@media screen and (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}
@media screen and (max-width: 1199px) {
    .container {
        width: 95%;
    }
}
@media screen and (max-width: 1000px) {
    .miniContainer {
        width: 95%;
    }
}


body {
    background: #EFEFE5;
    font-weight: 300;
}
body, input {
    font-family: "Chivo", sans-serif;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a, h2, img, .btn, input, p {
    transition: all 0.3s ease-in-out;
}
a {
    color: #A58150;
    text-decoration: none;
}
p {
    font-size: 20px;
}
img,
iframe {
    vertical-align: top;
}
h1, h2, h3, h4, .bigText {
    font-family: "Playfair Display", serif;
}
h1 {
    font-size: 33px;
    line-height: 1;
}
h3 {
    font-size: 28px;
}
.headermenu .container,
.headermenu .menu ul {
    display: flex;
    justify-content: space-between;
}
.headermenu .menu ul {
    list-style: none;
    gap: 20px;
    padding-top: 19px;
}
.headermenu .menu ul li a {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.headermenu .menu ul li a:hover,
.headermenu .menu ul li a:active {
    color: #A58150;
    border-bottom: 2px solid #A58150;
}
.headermenu a,
.headermenu {
    color: #fff;
}
.headermenu {
    padding: 30px 0 259px;
    position: relative;
}
header {
    /*background: url("../img/header.jpg") center center no-repeat;*/
    background-image: -webkit-image-set(
        url("../img/header.jpg") 1x,
        url("../img/header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/header.jpg") 1x,
        url("../img/header@2.jpg") 2x
    );
    background-size: cover;
    position: relative;
    padding-bottom: 163px;
    max-width: 2560px;
}
.headerKontakt {
    background-image: -webkit-image-set(
        url("../img/kontakt-header.jpg") 1x,
        url("../img/kontakt-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/kontakt-header.jpg") 1x,
        url("../img/kontakt-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.headerRezervace {
    background-image: -webkit-image-set(
        url("../img/rezervace-header.jpg") 1x,
        url("../img/rezervace-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/rezervace-header.jpg") 1x,
        url("../img/rezervace-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.headerDekujeme {
    background-image: -webkit-image-set(
        url("../img/dekujeme-header.jpg") 1x,
        url("../img/dekujeme-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/dekujeme-header.jpg") 1x,
        url("../img/dekujeme-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.headerPrazenaKava {
    background-image: -webkit-image-set(
        url("../img/prazenakava-header.jpg") 1x,
        url("../img/prazenakava-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/prazenakava-header.jpg") 1x,
        url("../img/prazenakava-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.headerOnas {
    background-image: -webkit-image-set(
        url("../img/onas-header.jpg") 1x,
        url("../img/onas-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/onas-header.jpg") 1x,
        url("../img/onas-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.headerMenuPage {
    background-image: -webkit-image-set(
        url("../img/menu-header.jpg") 1x,
        url("../img/menu-header@2.jpg") 2x
        );
    background-image: image-set(
        url("../img/menu-header.jpg") 1x,
        url("../img/menu-header@2.jpg") 2x
    );
    padding-bottom: 0;
    height: 525px;
}
.header404 {
    background-image: none;
    padding-bottom: 0;
}

.singleblog {
    height: 525px;
}
header::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 30%);
    content: "" ;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.headerInfo {
    text-align: right;
    padding-top: 11px;
}
.headerInfo p {
    font-size: 12px;
}
.headerInfo .headerInfoTel {
    font-size: 27px;
}
.headerInfo .headerInfoCas {
    font-size: 14px;
    padding-bottom: 15px;
}
.headerInfo a:hover,
.headerInfo a:active {
    color: #A58150;
}
.logo {
    width: 25%;
}
@media screen and (max-width:1100px) {
    .headermenu .container {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .headerInfo {
        text-align: center;
        padding-top: 0;
    }
    .headermenu .menu ul {
        padding-top: 0;
    }
    .headerInfo p {
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    }
    .headermenu {
        padding: 30px 0 159px;
    }
    .logo {
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:1030px) {
    .headermenu {
        padding: 30px 0 60px;
    }
}
@media screen and (max-width:600px) {
    .headermenu .menu ul {
        flex-direction: column;
        align-items: center;
    }
}

.headerActionBox {
    background: rgba(239, 239, 229, 0.7);
    color: #000;
    display: flex;
    justify-content: flex-end;
    width: 65%;
    padding: 47px 0 31px;
    position: relative;
}
.headerActionBox h2 {
    font-size: 45px;
    line-height: .96;
    padding: 8px 20px 20px 0;
}
.headerActionBox img {
    position: absolute;
    top: 20px;
    left: 20px;
}
.headerActionBoxText {
    width: 50%;
}
.headerActionBoxText p {
    width: 70%;
}
.headerActionBox:hover h2 {
    color: #A58150;
}
.headerActionBox:hover img {
    /*transform: scale(1.02);*/
    scale: 1.02;
}

@media screen and (max-width:1100px) {
    .headerActionBox {
        width: 80%;
    }
}
@media screen and (max-width:920px) {
    .headerActionBox {
        width: 90%;
    }
}
@media screen and (max-width:820px) {
    .headerActionBox img {
        position: unset;
        width: 90%;
        height: 90%;
    }
    .headerActionBox {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 50%;
        margin: auto;
        align-items: center;
        padding: 20px 0;
    }
    .headerActionBoxText {
        width: 90%;
    }
    .headerActionBoxText h2 {
        font-size: 5vw;
    }
    .headerActionBoxText p {
        width: 95%;
    }
}

@media screen and (max-width:500px) {
    .headerActionBox {
        width: 90%;
    }
    .headerActionBoxText h2 {
        font-size: 7vw;
    }
}

/*Section*/

.info .container {
    position: relative;
}
.info {
    height: 480px;
}
.infoPosun {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -65px;
    width: 100%;
}
.infoColumn {
    color: #000;
}
.infoColumn h3 {
    padding-top: 19px;
    line-height: 1.1;
}
.infoColumn p {
    padding-bottom: 17px;
}
.btn,
.rezervace .btn,
.older a,
.newer a,
.tlacitka a {
    background: #0F3826 ;
    color: #fff;
    padding: 10px 13px;
    border-radius: 5px;
    border: 1px solid #0F3826;
    display: inline-block;
}
.infoColumn:hover .btn, 
.btn:hover,
.rezervace .btn:hover,
.older a:hover,
.newer a:hover,
.tlacitka a:hover {
    background: transparent;
    color: #0F3826;
}
.rezervace .btn {
    margin-top: 21px;
}
.infoColumn:hover img {
   scale: 1.02;
}

@media screen and (max-width:1050px) {
    .infoColumn img {
        width: 30vw;
        height: 32vw;
    }
    .infoPosun {
        gap: 20px;
    }
    .infoColumn {
        flex: 0 1 30%;
        /*flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 30%;*/
    }
}
@media screen and (max-width:900px) {
   .infoPosun {
        flex-direction: column;
        position: unset;
        padding: 40px 0;
        gap: 0;
   }
   .info {
        height: 100%;
   }
   .infoColumn {
        display: flex;
        text-align: center;
        align-items: center;
        flex: 0 1 100%;
   }
   .infoColumn:nth-of-type(2) {
        flex-direction: row-reverse;
   }
   .infoColumn h3 {
        padding-top: 0;
   }
   .infoColumn img {
        width: 50%;
        height: 50%;
   }
   .infoColumnText {
        width: 50%;
   }
}
@media screen and (max-width:650px) {
   .infoColumn {
        flex-direction: column;
        gap: 20px;
   }
    .infoColumn:nth-of-type(2) {
        flex-direction: column;
    }
    .infoPosun {
        gap: 50px;
    }
    .infoColumnText {
        width: 70%;
    }
}
@media screen and (max-width:500px) {
    .infoColumnText {
        width: 100%;
    }
}
@media screen and (max-width:400px) {
    .infoColumn img {
        width: 90%;
        height: 90%;
    }
}

.sectionText {
    background: #fff;
    padding: 80px 0;
}
.sectionText .container {
    display: flex;
    gap: 50px;
}
.sectionText h1 {
    text-align: right;
    width: 27%;
}
.sectionText p {
    width: 68%;
}
.sectionText p a:hover,
footer p a:hover {
    text-decoration: underline;
}
@media screen and (max-width:700px) {
    .sectionText .container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .sectionText h1 {
        text-align: center;
        width: 100%;
        font-size: 5vw;
    }
    .sectionText p {
        width: 68%;
    }
    .sectionText {
        padding: 80px 15px;
    }
}

/*Footer*/

footer p {
    font-size: 12px;
}
.footerInfo {
    background: #0F3826;
    color: #fff;
    padding: 42px 0 61px;
    max-width: 2560px;
}
.footerInfo .container {
    display: flex;
    gap: 80px;
}
.footerInfo h3 {
    padding-bottom: 30px;
}
.ig {
    display: flex;
}
.footerInfoBox form {
    padding-bottom: 15px;
}

form input[type="email"] {
    background: #d9d9d9;
    width: 70%;
    margin-right: -15px;
    outline: none;
}
form input[type="submit"] {
    background: #b38457;
    color: #fff;
}
form input[type="submit"]:hover {
    background: #936d47;
    cursor: pointer;
}
form input {
    border-radius: 5px;
    padding: 10px 13px;
    border: none;
    font-size: 17px;
}
.footerInfoBox .wpcf7-form-control-wrap {
    position: inherit;
}
.footerInfoBox .wpcf7-spinner {
    display: none;
}
.footerInfoBoxOdstavec {
    width: 60%;
}

@media screen and (max-width:1050px) {
    .footerInfo .container {
        flex-direction: column;
    }
}
@media screen and (max-width:550px) {
    .ig img {
        width: 22vw;
        height: 22vw;
    }
}

.copy {
    padding: 32px 0;
}
.copy .container {
    display: flex;
    justify-content: space-between;
}
.copyL p {
    padding-bottom: 6px;
}
.copyR {
    display: flex;
    gap: 20px;
}
.socialIkon a {
    color: #000;
    font-size: 20px;
}
.socialIkon {
    transform: translateY(-5px);
}
.fa-facebook:hover {
    color: #1877F2;
}
.fa-instagram:hover {
    color: #e4405f;
}


@media screen and (min-width: 2560px) {
    header,
    .footerInfo {
        margin: auto;
        border-radius: 13px;
    }
}
@media screen and (max-width:1000px) {
    .copy .container {
        flex-direction: column;
        gap: 20px;
    }
}
@media screen and (max-width:550px) {
    .copyR {
        flex-direction: column;
        gap: 10px;
    }
}

/*Kontakt*/
.kontakt {
    padding: 30px 0 270px;
}
.white {
    height: 530px;
    background: #fff;
    position: relative;
}
.white.whiteNadpis {
    height: inherit;
    padding: 65px 0;
}
.white.whiteNadpis p {
    font-size: 16px;
    padding-bottom: 6px;
}
.white.whiteNadpis h1 {
    font-size: 45px;
}
.sectionPosun .infoPosun {
    top: -171px;
}
.sectionPosun {
    position: relative;
}
.sectionPosun .info {
    height: 380px;
}
.nadpisline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.line {
    border-top: 1px dashed #9e9e9e;
    flex-grow: 1;
    gap: 30px;
}
.kontaktInfo a {
    font-size: 44px;
    color: #000;
}
.kontaktInfo a:hover {
    color: #A58150;
}
.kontaktInfo {
    display: flex;
    justify-content: space-between;
    padding-bottom: 45px;
}
.kontakt p {
    line-height: 1.6;
}
.kontakt p span i {
    margin-right: 15px;
}
.kontakt p span:nth-of-type(2) {
    padding: 0 90px 0 25px;
}
.mapa {
    width: 90%;
    margin: auto;
    position: absolute;
    top: -240px;
    left: 5%;
    right: 5%;
}
.mapa iframe {
    width: 100%;
    height: 480px;
    border-radius: 18px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 30%);
}
@media screen and (max-width:1100px) {
   .kontakt p span {
        display: block;
        text-align: center;
        }
    .kontakt p span:nth-of-type(2) {
        padding: 0;
    }
}
@media screen and (max-width:900px) {
    .sectionPosun .info {
        height: 100%;
    }
    .kontaktInfo {
        flex-direction: column;
        text-align: center;
        gap: 45px;
    }
    .white {
        height: 300px;
    }
}


/*rezervace*/
.rezervace {
    padding: 100px 0;
}
.rezervace p {
    font-size: 16px;
    color: #6F7482;
    line-height: 1.5;
    width: 50%;
}
.rezervace input::placeholder {
    color: #b8bcca;
}
.rezervace input[type="text"],
.rezervace input[type="email"] {
    font-size: 16px;
    padding: 12px;
    background: #fff;
    font-weight: 300;
    width: 100%;
}
.formLabel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.formLabel label {
    width: 45%;
    margin-bottom: 40px;
    font-size: 16px;
    color: #6F7482;
    line-height: 1.5;
}
.formLabel br,
.rezervace ul {
    display: none;
}
.rezervace .screen-reader-response {
    padding-bottom: 10px;
    font-weight: 700;
    text-align: center;
}
.rezervace .screen-reader-response p {
    width: 100%;
}
.rezervace .wpcf7-not-valid-tip {
    font-weight: 700;
    padding-top: 5px;
    display: inline-block;
}
.rezervace .wpcf7-response-output {
    text-align: center;
    font-weight: 700;
    padding-top: 10px;
    color: #6f7482;
}
.mob a {
    font-size: 37px;
    color: #000;
}
.mob a:hover {
    color: #A58150;
}
.white.whiteHeight {
    height: 240px;
}
@media screen and (max-width:900px) {
   .white.whiteHeight {
        height: 100px;
   }
}
@media screen and (max-width:750px) {
    .rezervace p {
       width: 65%;
    }
}
@media screen and (max-width:700px) {
    .white.whiteNadpis {
        text-align: center;
    }
    .nadpisline {
        flex-direction: column;
    }
    .line {
        display: none;
    }
    .formLabel label {
        width: 100%;
    }
}
@media screen and (max-width:400px) {
    .kontaktInfo a {
        font-size: 30px;
    }
}
@media screen and (max-width:450px) {
    .mob a {
        font-size: 30px;
    }
    .rezervace p {
        width: 100%;
    }
}

/*Děkujeme*/
.whiteNadpisDekujeme {
    text-align: center;
}
.whiteNadpisDekujeme .nadpisline {
    justify-content: center;
}
.dekujeme {
    text-align: center;
    padding: 100px 0;
}
.bigText {
    font-size: 135px;
    padding-bottom: 60px;
    font-weight: 700;
    color: #0F3826;
}
.dekujeme p {
    font-size: 24px;
}
.dekujeme p b {
    padding-bottom: 10px;
    display: inline-block;
}
.dekujeme p a:hover {
    text-decoration: underline;
}
@media screen and (max-width:900px) {
   .bigText {
    font-size: 15vw;
   }
   .dekujeme {
    padding-inline: 10px;
   }
}
/*Pražená káva*/
.whiteKava .nadpisline p {
    flex: 1;
}
.white.whiteNadpis.whiteKava {
    padding: 56px 0;
}
/*O nás*/
.onas {
    padding: 100px 0 315px;
    text-align: center;
}
.onasFlex {
    display: flex;
    justify-content: space-between;
    gap: 70px;
    text-align: left;
}
.onas p {
    font-size: 22px;
}
.redLine {
    background: #DE0609;
    height: 5px;
    width: 60px;
    border-radius: 5px;
    margin: 40px auto 0;
}
.onas h2 {
    padding: 85px 0 15px;
    font-size: 45px;
}
.onasLektori {
    height: 284px;
    position: relative;
}
.onasLektoriContainer {
    display: grid;
    /*grid-auto-flow: column;*/
    grid-template-areas: 
    "lukas jakub tonda david";
    grid-auto-columns: 1fr;
    position: absolute;
    width: 90%;
    bottom: 102px;
    left: 5%;
    right: 5%;
    align-items: end;
    text-align: center;
}
.onasSloupec:nth-of-type(1) {
    grid-area: lukas;
}
.onasSloupec:nth-of-type(2) {
    grid-area: jakub;
}
.onasSloupec:nth-of-type(3) {
    grid-area: tonda;
}
.onasSloupec:nth-of-type(4) {
    grid-area: david;
}
.onasSloupec img {
    margin-bottom: 27px;
}
.onasSloupec h3, .onasSloupec h4 {
    font-family: "Chivo", sans-serif;
}
.onasSloupec .redLine {
    width: 30px;
    height: 3px;
    margin: 23px auto;
}
.onasSloupec p {
    font-size: 22px;
    width: 60%;
    margin: auto;
    display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
@media screen and (max-width:1600px) {
   .onasLektoriContainer {
        gap: 10px;
   }
   .onasSloupec img {
        width: 21vw;
        height: 31vw;
   }
}
@media screen and (max-width:1350px) {
   .onas {
        padding-bottom: 250px;
   }
}
@media screen and (max-width:1150px) {
   .onas {
        padding-bottom: 150px;
   }
}
@media screen and (max-width:1050px) {
    .onasLektoriContainer {
        grid-template-areas: 
        "lukas jakub" 
        "tonda david";
    }
    .onasLektoriContainer {
        position: inherit;
        bottom: 0;
        gap: 0;
    }
    .onasLektori {
        height: 100%;
        padding: 50px 0;
    }
    .onasSloupec:nth-of-type(1),
    .onasSloupec:nth-of-type(2) {
        margin-bottom: 50px;
    }
    .white.whiteHeight.whiteOnas {
        height: 100px;
    }
    .onas {
        padding-bottom: 45px;
    }
}
@media screen and (max-width:650px) {
   .onasFlex {
        flex-direction: column;
   }
   .onasLektoriContainer {
        grid-template-areas: 
        "lukas"
        "jakub" 
        "tonda"
        "david";
    }
    .onasSloupec:nth-of-type(3) {
        margin-bottom: 50px;
    }
 }
@media screen and (max-width:500px) {
    .onas h2 {
        font-size: 8vw;
    }
    .onasSloupec p {
        width: 90%;
    }
}
/*Page Menu*/
.menuPage {
    text-align: center;
}
.menuPage h2 {
    font-size: 42px;
    position: relative;
    display: inline-block;
}
.menuPage p {
    font-size: 18px;
}
.menuPage .popis {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -2px;
    position: relative;
}
.menuPage .popis span,
.menuPage h2 span {
    font-size: 9px;
    color: #fff;
    background: #e02325;
    padding: 5px;
    border-radius: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: absolute;
    top: -20px;
    left: 40%;
    right: 40%;
    font-weight: 700;
}
.menuPage h2 span {
    right: 0;
    left: inherit;
    font-family: "Chivo", sans-serif;
    top: -7px;
}
.menuObsahFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menuObsahBox {
    width: 30%;
}
.menuObsahBox p:nth-of-type(1) {
    padding: 8px 9% 17px;
}
.menuObsahBox:nth-child(-n+3) {
    margin-bottom: 70px;
}
.menuObsah {
    padding: 95px 0;
}
.menuPage .redLine {
    margin: 50px auto;
}
.hotDrinks {
    background: #0F3826;
    padding: 70px 0;
    color: #fff;
}
.hotDrinks h2 {
    display: block;
    padding-bottom: 11px;
}
.hotDrinksFlex {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.hotCoffee img {
    margin-bottom: 28px;
} 
.menuObsah.white {
    height: inherit;
}
@media screen and (max-width:1010px) {
   .menuObsahBox {
    width: 50%;
   }
}
@media screen and (max-width:950px) {
   .hotDrinksFlex {
    flex-wrap: wrap;
    justify-content: center;
   }
   .hotCoffee {
    width: 33%;
   }
   .hotCoffee:nth-child(-n+3) {
    margin-bottom: 50px;
    }
}
@media screen and (max-width:620px) {
    .menuObsahBox {
    width: 100%;
    margin-bottom: 70px;
    }
    .menuObsahBox:last-of-type {
    margin-bottom: 0;
    }
    .hotCoffee {
    width: 50%;
    }
    .hotCoffee:nth-child(-n+4) {
    margin-bottom: 50px;
    }
}
@media screen and (max-width:450px) {
    .hotCoffee {
    width: 100%;
    }
}

/*Novinky*/
.novinky {
    padding-top: 110px;
}
.novinkyFlex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5%;
}
.novinkyBox {
    width: 30%;
    padding-bottom: 110px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #000;
}
.novinkyBox img {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    margin-bottom: 25px;
}
.novinkyBox:hover {
    color: #A58150;
    text-decoration: underline;
}
.novinkyBox:hover img {
    scale: 1.02;
    filter: grayscale(0.9);
}
.novinkySipky {
    text-align: center;
    padding-bottom: 30px;
}

@media screen and (max-width:900px) {
    .novinkyBox {
        width: 45%;
    }
}
@media screen and (max-width:600px) {
    .novinkyBox {
        width: 90%;
        font-size: 22px;
        position: relative;
        left: 5%;
        right: 5%;
    }
}

/*příspěvek*/
.prispevekZpet {
    color: #000;
    margin-bottom: 6px;
    display: block;
}
.prispevekZpet:hover {
    text-decoration: underline;
}
.prispevek {
    padding: 90px 0;
}
.prispevek p {
    padding: 10px 0;
}
.prispevek h2 {
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    width: 50%;
    font-size: 38px;
}
.prispevek h3 {
    padding: 20px 0;
}
.prispevek ul li {
    margin-left: 30px;
}
.prispevek ol li {
    padding-left: 30px;
}
.prispevek li {
    line-height: 1.8;
}
.tlacitka {
    text-align: center;
    margin-top: 50px;
}
.wrongSearch {
    padding: 90px 0;
    text-align: center;
}
.wrongSearch h2 {
    padding-bottom: 30px;
}
.wrongSearch p {
    padding-bottom: 15px;
}
.wrongSearch .widget .wp-block-search__input {
    flex-grow: 0;
    margin: auto;
    width: 260px;
}
.prispevekInfo span {
    margin-right: 20px;
}
.prispevekInfo {
    font-size: 14px;
    margin-bottom: 30px;
}
.prispevekInfo span a:hover {
    text-decoration: underline;
}

/*bannery v příspěvku*/
.prispevekObsah {
    display: flex;
    justify-content:space-between;
    gap: 1%;
}
.prispevekContent {
    width: 75%;
}
.prvni {
    background-image: url("../img/prvni-cappuccino.jpg");
}
.druhy {
    background-image: url("../img/druhy-cakes.jpg");
}
.treti {
    background-image: url("../img/treti-sandwich.jpg");
}
.obrBanner {
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: auto;
    display: block;
    color: #fff;
    text-align: center;
}
.prispevek .obrBanner:hover {
    text-decoration: none;
}
.banneryText {
    background: rgba(0, 0, 0, 0.3);
    padding: 20px;
}
.obrBanner h3,
.obrBanner p {
    padding: 0;
}
.banneryText h3 {
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.banneryText h3 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    text-transform: lowercase;
}
.bannery .banneryTextAction {
    font-size: 40px;
    font-weight: 700;
    padding: 100px 0 20px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
.obrBanner:hover .banneryTextAction {
    color: #000;
    background: rgba(255, 255, 255, 0.3);
}
.obrBanner:hover {
    filter: grayscale(0.6);
}
.bannery {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 10px;
}
@media screen and (max-width:1000px) {
    .prispevekObsah {
        flex-wrap: wrap;
    }
    .prispevekContent,
    .bannery {
        width: 100%;
    }
    .bannery {
        flex-direction: row;
    }
}
@media screen and (max-width:950px) {
    .bannery {
        flex-direction: column;
    }
    .obrBanner {
        width: 100%;
    }
    .bannery .banneryTextAction {
        padding: 20px 0 20px;
    }
}
.error .copy p {
    font-size: 12px;
}
.header404 .headermenu {
    padding: 30px 0;
}
.header404::before {
    background: linear-gradient(180deg, rgba(0, 0, 0,0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.errorPage {
    padding: 150px 0;
    text-align: center;
    background: #fff;
}
.errorPage h1 {
    padding-bottom: 100px;
}

/*Soc Left Ikon*/
.socLeft {
    position: fixed;
    top: 200px;
    left: 0;
    z-index: 100;
}
.socLeft a {
    display: block;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
    border-radius: 0 5px 5px 0;
    color: #fff;
}
.socLeft .fb {
    background: #1877F2;
}
.socLeft .ig {
    background: #e4405f;
}
.socLeft .fb:hover {
    background: #fff;
    color: #1877F2;
}
.socLeft .ig:hover {
    background: #fff;
    color: #e4405f;
}
/*StrankaPage*/
.strankaPage {
    padding: 90px 0;
}
.strankaPage h1 {
    padding-bottom: 50px;
}
.strankaPage h2 {
    padding: 30px 0;
}
.strankaPage h3 {
    padding: 20px 0;
}
.strankaPage h4 {
    padding: 10px 0;
}
.strankaPage p {
    padding: 15px 0;
}
.strankaPage a:hover {
    text-decoration: underline;
}