/* *******************
** BLACK ANGELS BAR **
******************* */

/* Písmo */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;700&family=Playfair+Display:wght@600&display=swap');

/* Barvy */

:root {
  --primary: #84150C;
  --secondary: #f6edda;
  --success: #D90404;
  --info: #e90000;
  --light: #f7f7f7;
  --dark: #000000;
  --white: #ffffff;
  --line: #f0f0f0;
  --body-color: #c6c6c6;

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

  --cassiopeia-font-family-body: 'Merriweather', serif;
  --cassiopeia-font-family-headings: 'Playfair Display', serif;
  --cassiopeia-font-weight-headings: 600;
  --cassiopeia-font-weight-normal: 300;
  
}

.item_details.over_head, .newstitle {font-family: 'Anton', sans-serif !important;}
.newstitle a {text-decoration: unset !important; font-size: 21px;}


.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: transparent !important;}
.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(132, 21, 12, 0.5);}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:var(--primary);background-color:transparent;}

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

.btn-primary{color:var(--secondary) !important; background-color: var(--primary) !important; border: dotted 2px var(--primary); border-radius: 25px;}
.btn-primary:hover, .footer .btn-primary:hover {color:var(--white) !important; border-color:var(--primary)!important; background-color: var(--dark) !important;}
.btn-primary.focus,
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(132, 21, 12, 0.5);}
.btn-primary.disabled,
.btn-primary:disabled{color:var(--primary);background-color:transparent;}

.gold {color: var(--primary);}

span.ingallery-loadmore-btn {
  font-family: var(--cassiopeia-font-family-body) !important;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.6rem 1rem;
  text-align: center;
  text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  border: dotted 2px var(--primary) !important;
  border-radius: 25px;
}

a {
  color: white;
  text-decoration: underline;
  text-decoration-color: var(--primary)!important;
  text-underline-offset: 5px;
  text-decoration-thickness: 3px;
  transition: color 0.3s ease;
}
.eb-content a {
    color: black;
}
a:hover {
  color: var(--primary);
  text-decoration-color: var(--primary); /* Nepovinné, ale zajišťuje konzistenci */
}
body:not(.home) h1 {
  padding-top: 3rem;
}

.jidelnik .bhglist-container h1, .bhglist-container h1 {
    padding-top: 10px !important;
    color: var(--secondary) !important;
}
@media (max-width: 991.98px) {
  .responziv-kotvy nav.bhg-anchorbar {
    display: none !important;
  }
}

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

.page-header {text-align: center !important;}
.h1.display-2 {color: var(--secondary); opacity: 0.8;}
h1 {font-size: 3.2rem; color: var(--secondary); text-transform: uppercase; display: block !important; text-align: center; }
h1::after {border-bottom: dotted 2px var(--primary); width: 210px;  content:' ';  display:block; margin: 10px auto; text-align: center;}
div#navbar1.offcanvas.offcanvas-start.show  {
    max-width: 300px;
}

.iti__selected-dial-code {
    color: black;
}
.cart input {
    color: black !important;
}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
  color: var(--secondary) !important; text-decoration: unset !important;
}
.container-header .mod-menu>li>a:hover, .container-header .mod-menu>li>span {
color: var(--light) !important; text-decoration: unset !important;
}
.container-header .mod-menu>li>a.btn:hover {
  color: var(--primary) !important; text-decoration: unset !important;
  }
  body {
    background-image: url('../images/black-bg.png') !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.footer  {background-color: transparent !important;}

.container-header
 {
background-color: /* var(--cassiopeia-color-primary)*/ transparent !important;
color: var(--secondary);
}
.container-header, .footer {
background-image: unset !important;
box-shadow: unset !important;
}
.container-header.bg-dark
 {
background-color: rgba(0,0,0,0.8) !important;
}

.footer {
  color: var(--light);
  }

@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);
}
.container-banner .banner-overlay {
  background-attachment:inherit !important ;
}

.container-banner .banner-overlay .overlay {
  justify-content: flex-end !important;
  padding: 0 !important;
} 


.home .site-grid {margin-top: -90px !important;}

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

*/

.home .site-grid {margin-top: -120px !important;}

/* VIDEO BANNER - see https://codepen.io/woluweb/pen/rNGROZj */
div.video-banner {
  display: grid;
  grid-template-areas: "hero";
  place-items: center;
  height: max(100vh); /* viewport height minus the fixed height of menu header on current website, with a minimum of X pixels */
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);*/
}
div.video-banner > * {
  grid-area: hero; /* stacking all the child elements of the grid - could simply have set 1 / 1 / 2 / 2 instead of naming the area hero */
}
div.video-banner div.text {
  z-index: 1; /* to be sure that this is on top of the video */
  text-align: center;
  color: white;
  text-shadow: 2px 2px 5px black;
}
div.video-banner div.overlay {
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(120deg, var(--dark), var(--black50));*/
  background-color: #000000; 
  opacity: 0.4;
}
div.video-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}



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

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

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

.home main, .rezervace main, .gdpr main, .podminky main, .pravidla main {max-width: 800px; align-self: center; padding-left: 15px; padding-right: 15px; width: 100%;}
.krcha main {max-width: 1000px; max-width: 1440px;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;}

/* 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: auto;
    padding-bottom: 3rem;
    padding-top: 275px;
    color: #ffffff;
    min-height: 500px;
    align-self: center;
    width: 100%;
}

.bs-carousel .card-text { max-width: 500px; margin: auto;}
.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 .it01 {background-image: url('/images/ceska-kuchyne-restaurace.jpg'); background-size: cover;}
  .bs-carousel .it02 {background-image: url('/images/pivo-restaurant.jpg'); background-size: cover;}
  .bs-carousel .it03 {background-image: url('/images/pizza-pizzerie-praha-centrum.jpg'); background-size: cover;}
  .bs-carousel .it04 {background-image: url('/images/firemni-akce.jpg'); background-size: cover;}
  


/* Mapa */

#map113, #map164 {max-width: 50vw;}
.bgmapka .btn.btn-primary {margin: -10px auto 3px!important; display: block !important; position: relative;}
@media (max-width: 767.98px) { #map113, #map164 {max-width: unset !important;}}


.leaflet-container { font: inherit !important; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: transparent !important; }
.leaflet-container a.leaflet-popup-close-button { color: var(--secondary) !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\ 6 Free';
    font-weight: 900;
    padding-right: 5px;
  }
  a.mail::before {
    content: "\f0e0";
    font-family: 'Font Awesome\ 6 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-a {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-a {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-a>* {margin-bottom: 0 !important;}
.container-bottom-b>* {margin:1rem auto !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;}
.footer a, .footer a:link {color: var(--secondary) !important;}
.footer a:hover {color: var(--primary) !important;}


/* Zafixovaná lišta dole */
.footerfix {background-color: var(--primary) !important; position: fixed; bottom: 0; width: 100%; z-index: 999999;}
.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;}
.footerfix a, .footerfix a:link  {color: var(--secondary) !important;}
.footerfix a:hover {color: var(--white) !important;}

/* Jídelní lístek */

.com_pricelist .site-grid .container-component {display: flex; margin-left: auto; margin-right: auto;  max-width: 1320px;  width: 100%; }
.com-pricelist h1 {display: inherit !important;}
.pricelist-category {display: block; padding: 50px 50px 30px; background-color: rgba(255, 255, 255, 0.221); 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(--white);}
.pricelist-cell.name-cell h3 {color: var(--secondary)!important;}

@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, #mod-custom152 .card {border: unset !important;}
#mod-custom123 .card-body, #mod-custom152 .card-body {color: var(--secondary); background-color: rgba(0,0,0,0.5); padding-top: 150px;}
#mod-custom123 .card-title, #mod-custom152 .card-title {margin-bottom: 1rem; color: var(--secondary); background-color: rgba(0,0,0,0.5) !important;}
.samebuild a, .samebuild a:link {color: var(--secondary) !important;  line-height: 1.5; padding: 0.6rem 1rem; border-color: transparent !important; border: 2px dotted; border-radius: 25px;}
.samebuild a:hover {background-color: var(--dark) !important; color: var(--white) !important; border-color: var(--primary) !important; text-decoration: none !important;}

.col.jedna .card {background-image: url('/images/hotel-u-prince.jpg'); background-size: cover;}
.col.dva .card {background-image: url('/images/restaurace-u-prince.jpg'); background-size: cover;}
.col.tri .card {background-image: url('/images/terasa-u-prince.jpg'); background-size: cover;}
  

@media (max-width: 767.98px) {
  #mod-custom123 .card, #mod-custom152 .card {flex-flow: row !important;}
  #mod-custom123 .card-image, #mod-custom152 .card-image { min-width: fit-content !important; align-self: center !important;}
}

/* Horní lišta */

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


.container-header nav {margin-top: 0 !important;}
.container-header .container-nav { padding-bottom: 0.5em !important; height: 80px;}

@media (max-height:1440px) { .container-header .container-nav {height: 70px;}}

/* Otevírací doba */

#mod-custom128 {
  display: flex;
  align-self: center;
}
.open {
  position: relative;
  flex-wrap: wrap;
  display: inline-flex;
  z-index: 999;
  font-size: 21px;
  width: max-content;
  padding-right: 10px;
  padding-left: 10px;
  justify-content: flex-start;
  align-self: center;
 /* border-left: solid 1px #cfa752; */
}

.open .hod {padding-top: 2px;}

.open .cas {
  display: flex;
  position: inherit;
  align-self: center;
  flex-wrap: wrap;
  }

.cas::before {
  display: inline-flex;
  content: '';

  /* Using the background-image and
     its related properties to add
     the SVG content */
  background-image: url('/images/hodiny-w.svg');
  background-size: 32px 32x;
  background-repeat: no-repeat;
  background-position-y: 0px;
width: 32px;
height: 32px;
margin-right: 5px;
margin-left: 7px;
}
@media (max-width: 991.98px) {.cas::before {width: 28px; height: 28px; background-size: 28px 28px; margin-top: 1px;} .open .hod {padding-top: 0px;} }
@media (max-width: 767.98px) {.cas::before {width: 21px; height: 21px; background-size: 21px 21px; margin-top: 5px;}}
@media (max-width: 575px) {.cas::before {width: 21px; height: 21px; background-size: 21px 21px; margin-top: 3px;}}

 .open .h405, .h405 { display: contents;}

@media (max-width: 1370px) { .open .cas {font-size: 1.2rem;} }
@media (min-width: 1260px) and (max-width: 1440px) { .open .cas {font-size: 1.2rem;}}
@media (min-width: 1200px) and (max-width: 1260px) { .open .cas {font-size: 1rem;}}
@media (max-width: 640px){ .open .cas .h405 {display: none;} #mod-custom127 img {width: 120px;} #mod-custom146, #mod-custom130 {flex-direction: row-reverse;} .mod-languages .btn {margin-bottom: 0em;}}
@media (max-width: 575px){ .open .cas {font-size: 1rem;}}
@media (max-width: 349.98px){ .open { display:none;}}

/* Logo */

#mod-custom127 {width: 194px; padding: 0 2em;}
@media (max-width: 992px) { #mod-custom127 {padding: 0.2em 0 0 2em !important; width: unset !important;}}
@media (max-width: 575.98px) { #mod-custom127 {padding: 0 0 0 0.5em !important; width: unset !important;}}


/* Velké logo */

#mod-custom131 {position: absolute; top: 0; left:2em; z-index: 999999; background-color: transparent !important; padding-top: 2px; overflow: hidden; height: 150px; width: 160px;}
@media (max-width: 1440px) {#mod-custom131 {width: 136px !important; left: 0.5em !important; top: 6px; height: 94px;} #mod-custom127 {width: 140px !important; overflow: hidden; height: 40px;}}
@media (min-width: 1200px) and (max-width: 1260px) {#mod-custom131 {width: 125px !important; padding-top: 3px;}}
@media (max-width: 1200px) {#mod-custom131 {top: 0px; padding-top: 5px;}}
@media (max-width: 575.98px) {#mod-custom127 {width: 110px !important; height: 36px;}}

/* 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;}
*/

/* Posunutí Akce a Jídlo dolu - místo pro horní tlačítka */

/* .item-pagejidloakce main, .jidloakce main {padding-top: 100px;} */


/* Top menu */

.navbar-expand-xl .offcanvas {
  width: auto;
}
/*@media (min-width: 1200px) and (max-width: 1240px) {
  .navbar-expand-xl {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  .navbar {
    flex-wrap: wrap !important;
  } 

.offcanvas-start {
  border-right: 1px solid rgba(0,0,0,.2);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 400px;
}
.navbar-expand-xl .offcanvas {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  background-clip: padding-box !important;
  background-color: #fff;
  bottom: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  max-width: 100% !important;
  outline: 0;
  position: fixed !important;
  -webkit-transition: -webkit-transform .3s ease-in-out !important;
  transition: -webkit-transform .3s ease-in-out !important;
  -o-transition: transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out !important;
  visibility: hidden !important;
  z-index: 1045 !important;
}
.navbar-expand-xl .navbar-toggler {
  display: inline-block !important;
}
}*/

header .metismenu.mod-menu .mm-toggler-link {color: var(--secondary);}
header .metismenu.mod-menu .mm-toggler-link:hover {color: var(--primary);}
.container-header .navbar-toggler  {border: unset !important; color: var(--primary);}

.metismenu.mod-menu .metismenu-item>ul {padding: 1rem; z-index: 999999;}
.metismenu.mod-menu .metismenu-item>ul li.level-2 a {color: var(--secondary); 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,
.mod-menu_dropdown-metismenu .metismenu-item.item-257, .mod-menu_dropdown-metismenu .metismenu-item.item-258
{padding: 0.5em 0 !important;}
a.socialis span.p-2 {padding-left: 5px !important;padding-right: 5px !important; }

.offcanvas.show {z-index: 999999 !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.mobil-pad {padding: 0.5em 0.75em !important;}
@media (max-width: 600px) {.p-2 {padding-top: 0!important; padding-bottom:0 !important}}

/* Skryté položky hlavního menu */
.mod-menu_dropdown-metismenu .metismenu-item.mobil-only { display:none !important;}
.offcanvas.show .mod-menu_dropdown-metismenu .metismenu-item.mobil-only { display:inherit !important;}

/* Tlačítko rezervace v menu */
.metismenu .btn.btn-primary.rez {color: var(--secondary) !important;}
.metismenu .btn.btn-primary.rez:hover {color: var(--white) !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: 0px;}}
div.mod-languages ul.lang-block li {padding: 0.5rem !important;}
div.mod-languages li {margin: 0 !important;}
div.mod-languages .dropdown-menu {padding: 0 !important;}
.mod-languages__select.btn-group ul li a:hover {color: var(--dark) !important;}
.mod-languages__select.btn-group ul li.lang-active {font-weight: bold !important;}

.mod-languages a {
    color: var(--primary);
}

 /* Mobilní menu */
@media (min-width: 1200px) and (max-width: 1440px) {
 .metismenu.mod-menu .metismenu-item {font-size: 1rem;padding: 0.5em 0.75em;}
 .metismenu-item .btn {min-width: unset !important;}
 #mod-custom146 {margin-right: 0px !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; height: 70px;}
 @media (max-width: 600px) { .offcanvas-header {height: 72px;}}

 .offcanvas {  width: 100% !important;}
 .offcanvas-body { padding-top: 20px; background-color: /* var(--cassiopeia-color-primary)*/ transparent !important; /* border-top: solid 1px 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;}

 .offcanvas-start.show .offcanvas-body {background-color: rgba(0, 0, 0, 0.855) !important;}

.btn-close.btn-close {border: 1px solid var(--secondary); font-size: 1rem; opacity: unset; position: absolute;
right: 20px; top: 80px; 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
  }

  .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;}}

  
/* Scroll to Top */

.back-to-top-link { position: fixed !important; bottom: 3rem !important;  border: unset !important; color: var(--primary,#112855); background-color: rgba(255, 255, 255, 0.4);}
.back-to-top-link:hover, .back-to-top-link:focus {color: var(--dark);}

/* Úzký blok - video */

  .container.w800 {max-width: 800px; }

  /* Pravidla baru */

ol {
  counter-reset: item;
  list-style-type: none;
  line-height: 1.4;
  margin-left: -40px;
}

ol li {
  display: block;
  position: relative;
  margin-top: 10px;
}

.list-group-item {
  border: none !important;
  color: var(--body-color) !important;
  background-color: transparent !important;
  margin-left: 40px;
}

ol li:before {
  content: counter(item) " ";
  counter-increment: item;
  color: var(--white);
  position: absolute;
  top: 50%;
  margin-top: -1em;
  background: var(--primary);
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 2em;
  font-weight: 700;
}

/* Zmenšená fotka - firemní akce */
.minh300 {min-height: 300px;}