/* Písmo */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Raleway:wght@200;400;700&display=swap');

/* Barvy */

:root {
  --primary: #cfa752;
  --secondary: #696969;
  --success: #D90404;
  --info: #deefe4;
  --light: #f7f7f7;
  --dark: #333333;
  --white: #ffffff;
  --line: #f0f0f0;

  --cassiopeia-color-primary: var(--light) !important;
  --cassiopeia-color-link: var(--primary) !important;
  --cassiopeia-color-hover: var(--dark) !important;

  --cassiopeia-font-family-body: 'Raleway', sans-serif;
  --cassiopeia-font-family-headings: 'Libre Baskerville', serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;

}

.bg-light {background-color: var(--light) !important;}
.bg-info {background-color: var(--info)!important;}
.bg-primary {background-color:var(--primary) !important;}
.bg-success {background-color:var(--success) !important;}
.bg-white {background-color:var(--white) !important;}

.btn-outline-primary{color:var(--dark);border-color:var(--primary);background-color: var(--white);}
.btn-outline-primary:hover{background-color:var(--primary); color: var(--dark); border-color:var(--primary);}
.btn-outline-primary.focus,
.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(180, 4, 4, 0.5);}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:var(--primary);background-color:transparent;}

.btn-secondary{color:var(--dark);border: none ;background-color: transparent;}
.btn-secondary:hover{background-color: transparent;border-color:none;color: var(--primary);}
.btn-secondary.focus,
.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(180, 4, 4, 0.5);}
.btn-secondary.disabled,
.btn-secondary:disabled{color:var(--primary);background-color:transparent;}

.btn-primary, a.btn-primary {color:var(--dark) !important;border-color:var(--primary)!
  ;background-color: var(--primary)!important;}
.btn-primary:hover, a.btn-primary:hover {color:var(--white) !important;}
.btn-primary.focus,
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(180, 4, 4, 0.5);}
.btn-primary.disabled,
.btn-primary:disabled{color:var(--primary);background-color:transparent;}

.back-to-top-link {
  border: 1px solid var(--primary,#112855);
  color: var(--primary,#112855);
}

a {
  color: var(--primary) !important; 
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}

a:hover {
  color: var(--dark) !important; 
}

.btn, span.ingallery-loadmore-btn {min-width: 150px !important;}
#language_btn_118 {min-width: unset !important;}

.h1.display-2 {color: var(--info); font-weight: 400;}
h1 {font-size: 3.2rem; color: var(--primary) }

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
  color: var(--dark) !important; text-decoration: unset !important;
}
.container-header .mod-menu>li>a:hover, .container-header .mod-menu>li>span {
color: var(--primary) !important; text-decoration: unset !important;
}
.container-header .mod-menu>li>a.btn:hover {
  color: var(--white) !important; text-decoration: unset !important;
  }

body, .container-header {
background-color: var(--cassiopeia-color-primary);
color: var(--dark);
}
.container-header, .footer {
background-image: unset !important;
box-shadow: unset !important;
}
.footer {
  background-color: var(--white);
  color: var(--dark);
  }

@media (max-width: 575.98px){
body.wrapper-fluid header>.grid-child {
    padding-left: 0.5em;
    padding-right: 0.5em;
}}

/* Banner- Hlavička */

.container-banner .banner-overlay {
    height: max(100vh); /* by default is 50vh in Cassiopeia */
}
.container-banner .banner-overlay {
  background-attachment:inherit !important ;
}



.homebannerbuttons .btn {padding: 1em 1.5em; min-width: 180px !important; margin: 0.2em;}



/* Stránka na celou šířku */

.grid-child.container-component, .grid-child.container-bottom-b {
    grid-column: full-start/full-end !important;
}

/* Hlavní část na střed */

.home main, .rezervace main, .gdpr main {max-width: 800px; align-self: center; padding-left: 15px; padding-right: 15px; width: 100%;}

/* h1 */

h1 {text-align: center; margin-bottom: 3rem;}
.home main {padding-bottom: 3rem; padding-top: 2rem;}
.com_pricelist.jidloakce main {padding-top: 100px;}

/* Carousel */

.bs-carousel .card {
    background-color: transparent !important;
    border: none !important;
}

.bs-carousel .card .card-body {
    background: rgba(0, 0, 0, 0.5); 
    border: none !important;
    margin-top: 350px; 
    margin-bottom: 0px;
    padding-bottom: 3rem;
    padding-top: 2rem;
    color: #ffffff;
    min-height: 220px;
}
.bs-carousel .card-title { margin-bottom: 1rem; text-align: center;}
.bs-carousel .card-footer { padding-bottom: 3rem; border-top: unset !important; text-align: center; background: rgba(0, 0, 0, 0.5); }


  .bs-carousel .ceska {background-image: url('/images/ceska-kuchyne-restaurace.jpg'); background-size: cover;}
  .bs-carousel .pivo {background-image: url('/images/pivo-restaurant.jpg'); background-size: cover;}
  .bs-carousel .pizza {background-image: url('/images/pizza-pizzerie-praha-centrum.jpg'); background-size: cover;}
  .bs-carousel .akce {background-image: url('/images/firemni-akce.jpg'); background-size: cover;}
  


/* Mapa */

#map113 {max-width: 50vw;}
@media (max-width: 767.98px) { #map113 {max-width: unset !important;}}

/* Kontakt */

.contact p.h3   {
    margin-top: unset !important;
    margin-bottom: unset !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 300;
  } 
  
  .kontakt p.rezp  {
    margin-top: unset !important;
    margin-bottom: unset !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
  } 
  
  a.call, a.mail {
    font-weight:900;
  }
  a.call::before {
    content: "\f879";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    padding-right: 5px;
  }
  a.mail::before {
    content: "\f0e0";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    padding-right: 5px;
  }

  @media screen and (max-width: 991.98px) { .h950 {display: none;} .hw950 {display:inline-block;} .grid-child.container-bottom-b {flex-direction: row;}}
  @media screen and (min-width: 992px) { .h950 {display: inline-block;} .hw950 {display:none;}}
  @media screen and (max-width: 767.98px) {.grid-child.container-bottom-b {flex-direction: column;}}
  
  /*Desktop Offset*/
  #kontakt.kontakt-anchor {
    position: relative;
    top:-130px;
  }
  
  /*Mobile Offset*/
  @media (max-width: 767.98px) {
    .kontakt-anchor {
      position: relative;
      top:50px;
    }
  }
  

/* Zápatí */

.container-bottom-b>* {margin-bottom: 0 !important;}
.container-footer  {padding-top: 3rem;}
.footer {margin-top: 0;}
.footer .grid-child {display: block !important; text-align: center; padding: unset !important;}
.footer .mod-footer {font-size: 12px;}
.footer.provozovatel {padding-top: 1.5rem;}

/* Menu v zápatí */

.footer .mod-menu.mod-list {flex-direction: row; justify-content: center;}
.footer .mod-menu.mod-list li.nav-item {margin-left: 5px; margin-right: 5px;}

/* Zafixovaná lišta dole */
.footerfix {background-color: var(--primary); position: fixed; bottom: 0; width: 100%; z-index: 999;}
.footerfix .mod-menu .texthide .image-title {display: none;}
.footerfix .bhgsymb {height: 33px; width: auto;}
.footer.footerfix .mod-menu.mod-list {justify-content: space-around !important;}

/* Jídelní lístek */

.com_pricelist .site-grid .container-component {display: flex; margin-left: auto; margin-right: auto;  max-width: 1320px;  width: 100%; }
.pricelist-category {display: block; padding: 50px 50px 30px; background-color: var(--info); margin-bottom: 20px; border-radius: 0.25rem;}
.field-img {flex-basis: 15%; min-width: 80px;}
.pricelist-cell p {font-size: 16px;}
.price-cell {padding: 0.8em 0 0.8em 1.2em;}
.pricelist .pricelist-row { border-bottom: 1px solid var(--primary);}
.pricelist-category .category-heading {color: var(--primary);}

@media (max-width: 750px) {
  .pricelist-cell {display: block !important;}
  .pricelist--collapse .pricelist-row {margin-bottom: 0.2em; box-shadow: unset;}
}

@media (max-width: 575.98px) {
.container-banner .mod-menu_dropdown-metismenu .metismenu-item.level-1 {padding: 0.2em !important;}
.container-banner .mod-menu_dropdown-metismenu .btn {min-width: unset !important;}

}

/* Ve stejné budově */

#mod-custom123, #mod-custom152 { /*max-width: 800px;*/ align-self: center; width: 100%;}
#mod-custom123 .card-group, #mod-custom152 .card.group {justify-content: center;}
#mod-custom123 .card-body .btn, #mod-custom152 .card-group .btn { margin-top: -40px; display: table; margin-bottom: 2rem;}
#mod-custom123 .card-footer, #mod-custom152 .card-footer {
  background-color: var(--white);
  border-top: unset !important;
  padding: 1rem 1rem 2rem;
  text-align: center;
}
#mod-custom123 .card-title, #mod-custom152 .card-title {margin-bottom: 1rem; text-align: center;}

@media (max-width: 991.98px) {
#mod-custom123 .card , #mod-custom152 .card {display: block !important;}
#mod-custom123 .card-group, #mod-custom152 .card-group {flex-flow: column;}
#mod-custom123 img, #mod-custom152 img, #mod-custom123 .card-body, #mod-custom152 .card-body {display: inline-block; vertical-align: top;}
#mod-custom123 img.w-100, #mod-custom152 img.w-100 {width: 30% !important;    vertical-align: inherit;}
#mod-custom123 .card-body, #mod-custom152 .card-body {width: 65% !important;}  
#mod-custom123 .card-title, #mod-custom152 .card-title {text-align: start;}
#mod-custom123 .card-body .btn, #mod-custom152 .card-group .btn {position: absolute; bottom: 25px; left: 27px;}
}

@media (max-width: 767.98px) {
  #mod-custom123 img, #mod-custom152 img, #mod-custom123 .card-body .btn, #mod-custom152 .card-group .btn {display: none;}
  #mod-custom123 .card-body, #mod-custom152 .card-body {width: 100% !important;} 
  #mod-custom123 .card-title, #mod-custom152 .card-title {text-align: center;}
}

/* Horní lišta */

.container-header { z-index: 9999;}
#mod-custom129, #mod-custom130, #mod-custom146, #mod-custom160 {display: flex;}
#mod-custom127, #mod-custom128, .mod-languages, #mod-custom159, #mod-custom160 {align-self: center;}

.container-header nav {margin-top: 0 !important;}

/* Otevírací doba */


.open {
  display: flex;
  z-index: 999;
  font-size: 21px;
  width:auto;
  padding-right: 20px;
  /*margin-top: 7px;*/
  padding-left: 15px;
  border-left: solid 1px #cfa752;
}

.open .hodiny {
  height: 32px;
  padding-right: 5px;
  display: flex;
}

 .open .cas {
display: flex;
position: inherit;
}

 .open .h405, .h405{ display: inline-flex;}

@media (max-width: 600px){.open .cas .h405, .open .hodiny {display: none;} #mod-custom127 img, #mod-custom159 img {width: 120px;} #mod-custom146, #mod-custom130 {flex-direction: row-reverse;} .mod-languages .btn {margin-bottom: 0em;} .open { padding-right: 3px;}}
@media (max-width: 449.98px){ .open {font-size: 18px;}}
@media (max-width: 374.98px){ .open { display:none;}}


/* Velké logo */

#mod-custom131, #mod-custom161 {position: absolute; top: 0; left:65px; z-index: 999999; width: 210px; height: auto; background-color: #ffffff;}
.biglogo {padding: 0;}
#mod-custom127, #mod-custom159 {padding: 0 2em;}

@media (max-width: 991.98px){
  #mod-custom131, #mod-custom161, .biglogo {display: none;}
}



/* Horní tlačítka */

.jidloakce .container-banner {background-color: var(--line); text-align: center; position: absolute;}
.mod-menu.banner-buttons {display: inline-flex; flex-direction: row;}
.metismenu.mod-menu.banner-buttons .metismenu-item {padding: 0.5em;}

/* Top menu */

.navbar-expand-lg .offcanvas {
  width: auto;
}


header .metismenu.mod-menu .mm-toggler-link {color: var(--primary);}
header .metismenu.mod-menu .mm-toggler-link:hover {color: var(--dark);}
.metismenu.mod-menu .metismenu-item>ul {padding: 1rem; z-index: 999999;}
.metismenu.mod-menu .metismenu-item>ul li.level-2 a {color: var(--dark); text-decoration: unset;}
.metismenu.mod-menu .metismenu-item>ul li.level-2 a:hover {color: var(--primary); text-decoration: underline;}
.mod-menu_dropdown-metismenu .metismenu-item.level-1 {padding: 0.5em 0.75em !important;}
#mod-custom140 {display: flex;}
.mod-menu_dropdown-metismenu .metismenu-item.item-160, .mod-menu_dropdown-metismenu .metismenu-item.item-161,
.mod-menu_dropdown-metismenu .metismenu-item.item-166, .mod-menu_dropdown-metismenu .metismenu-item.item-167
{padding: 0.5em 0 !important;}
a.socialis span.p-2 {padding-left: 5px !important;padding-right: 5px !important; }

.offcanvas.show .texthide.socialis .visually-hidden {
  clip: unset !important;
  border: unset !important;
  height: unset !important; 
  margin: unset !important;
  overflow: unset !important;
  padding: unset !important;
  position: unset !important;
  white-space: unset !important;
  width: unset !important;
}

.offcanvas.show .mod-menu_dropdown-metismenu .metismenu-item.item-160, .offcanvas.show .mod-menu_dropdown-metismenu .metismenu-item.item-161,
.offcanvas.show .mod-menu_dropdown-metismenu .metismenu-item.item-166, .offcanvas.show .mod-menu_dropdown-metismenu .metismenu-item.item-167
{padding: 0.5em 0.75em !important;}

@media (max-width: 600px) {.p-2 {padding-top: 0!important; padding-bottom:0 !important}}


/* Logo line */
.logoline .mod-custom a {display: inline-block; justify-content: center; padding: 0.5rem; align-self: end;}
.logoline .mod-custom img {width: 130px; height: 130px; }
.logoline .mod-custom img.bhg {width: 150px; height:150px;}
.logoline .mod-custom {
  display: grid;
  grid-template-areas: ". obr1 obr2 obr3 bhg obr4 obr5 obr6 ." ;
  justify-items: center;
  
}

.logoline .mod-custom .obr1 {grid-area: obr1;}
.logoline .mod-custom .obr2 {grid-area: obr2;}
.logoline .mod-custom .obr3 {grid-area: obr3;}
.logoline .mod-custom .bhg {grid-area: bhg;}
.logoline .mod-custom .obr4 {grid-area: obr4;}
.logoline .mod-custom .obr5 {grid-area: obr5;}
.logoline .mod-custom .obr6 {grid-area: obr6;}

@media (max-width: 991.98px){

.logoline .mod-custom {
  grid-template-areas: ". bhg bhg bhg ." ". obr1 obr2 obr3." ". obr4 obr5 obr6 ." ;
}
}

@media (max-width: 575.98px) {
  .logoline .mod-custom {
    grid-template-areas: ". bhg bhg ." ". obr1 obr2 ." ". obr3 obr4 ." ". obr5 obr6 ." ;
  }
  }

/* Hashtag instagram */

.container.hashtag {
    padding-bottom: 3em;
    border-bottom: solid 1px var(--primary);
}

/* Popup gdpr */

.wf-mediabox-body {width: 800px  !important;}
.com-content-article.item-pagegdpr {padding: 2em !important;}

/* Languages */

.lang-block.dropdown-menu {min-width:fit-content !important;}
@media (max-width:600px) {.mod-languages .mod-languages__select.btn-group {padding-top: 5px;}}

 /* Mobilní menu */
@media (min-width: 1200px) and (max-width: 1330px) {
 .metismenu.mod-menu .metismenu-item {font-size: 1rem;padding: 0.5em 0.75em;}
 .metismenu-item .btn {min-width: unset !important;}
 #mod-custom146 {margin-right: -20px !important;}
}

@media (min-width: 992px) and (max-width: 1200px) {
.container-header .offcanvas-start.show .mod-menu {
    flex-direction: column !important;
}
}

 .offcanvas-header { justify-content: end; /* margin-top: 10px; padding-top: 1.5em; */ height: 85px;}
 @media (max-width: 600px) { .offcanvas-header {height: 72px;}}

 .offcanvas {  width: 100% !important;}
 .offcanvas-body { padding-top: 20px; background-color: var(--cassiopeia-color-primary); border-top: solid 3px var(--info)}
  .offcanvas-start {
  border-right: 1px solid rgba(239, 35, 59,.2); background-color: transparent;
 }
 .offcanvas-start.show .metismenu.mod-menu .metismenu-item {font-size: 1.2rem;}

 .container-header .navbar-toggler  {border: 1px solid var(--secondary); color: var(--dark);}

.btn-close.btn-close {border: 1px solid var(--secondary); font-size: 1.4rem; opacity: unset; /*margin-right: 2px; margin-top: 10px;*/ position: absolute;
right: 20px; top: 100px; background:var(--light) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat
  }
  @media (max-width: 600px){.btn-close.btn-close {top: 90px}}

  .navbar-toggler:focus { box-shadow: unset !important;}

  @media (max-width: 991.98px) {.container-header {position: sticky !important; }}

  /* Ikona cookies */

  .cc-trigger.cc-trigger-icon svg {width: 36px !important;}
  @media (max-width: 575.98px) { .cc-trigger.cc-trigger-icon svg {width: 24px !important;}}