/*
Theme Name:  Mnam For LB 
Template: Divi
Theme URI: 
Description: Child Theme For Divi
Author: SN
Author URI: https://beenet.cz
Version: 0.0000011133331116
Template: Diviweby js
*/

/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap'); */



@font-face {
    font-family: 'Poppins';
  
    src: url('fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
  
  
  
  @font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }      
  

  html, body {
    font-family: 'Poppins', 'sans-serif' !important;

  
  }
.myboxmnamky{
	background-color:white;border-radius:1rem; padding:1rem;
	display:block;position:relative;
}
.boxmnamky{
  box-shadow: .123rem .123rem .6rem rgba(0, 0, 0, 0.555);
transition: box-shadow 0.3s ease;
}
.myboxmnamky img{border-radius:1rem;}
a .myboxmnamky h2{
	color:black !important;
}

.plink{color:var(--primary-color) !important;}



@media (min-width:981px){
.et_pb_row.mymaxwidth2.mnamkyrow.et_pb_equal_columns {
margin-bottom:3rem !important;
}
}
@media (max-width:980px){
.et_pb_row.mymaxwidth2.mnamkyrow.et_pb_equal_columns {
  max-width: 450px !important;
margin-bottom:2rem !important;
}}
.et_pb_module.et_pb_image.picmnamka
{
  margin-bottom: 1rem;
}

@media (max-width:980px) {
.mnmtitle h2{
  min-height:0px !important;
  margin-bottom:1rem;
}
}
@media (max-width:1256px) and (min-width:981px) {
.mnmtitle h2{
  min-height:9rem !important;
}
}

.mnmtitle h2{
min-height:5.1rem;
display:flex;
justify-content:center;
align-items:center;
padding:0 !important;
margin:0 !important;
}

.mnampopis p{min-height:3rem;
display:flex; justify-content:center;align-items:center;
margin:0px !important; padding:0px !important;
line-height:1.5 !important;
}

.boxmnamky:hover,a .boxmnamky:focus {
box-shadow: .123rem .123rem 1.2rem rgba(0, 0, 0, 0.7); /* Zvýrazněný stín */
}


.picmnamka img{
  object-fit:cover !important;

height:190px !important;
width:270px;
}


.mymaxwidth, .et_pb_row{

width: 80% !important;
max-width: 1600px !important;		;
}

.et_pb_row{
padding-left:.6rem !important; padding-right:.6rem !important;
}

.mymaxwidth2{
max-width:1080px !important;
}

@media  (max-width:991px) {
.et_pb_row {
    width: 99% !important;
    max-width: 1600px !important;
    margin: auto;
    position: relative;
    /* background-color: pink; */
    /* padding: 0 1.2rem !important; */
}

.mymaxwidth{

    width: 99% !important;
    max-width: 1600px;
}
}


/*příspěvky*/
#genprispevky-pagination {
text-align: center;
}
@media (min-width:391px){
div#genprispevky-pagination a {
background-color: var(--secondary-color);
width: 2.83rem !important;
height: 2.83rem !important;
display: inline-flex;
justify-content: center;
align-items: center;
/* border: red solid 1px; */
margin: 0 5px; /* Přidá mezeru mezi odkazy */
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
font-size: .875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.0875px;
text-decoration: none !important;
border-radius:.5rem;
color: var(--typography-color);

}}

div#genprispevky-pagination a.active {
background-color: var(--primary-color);
color: var(--secondary-color);  
}


div#genprispevky-pagination .disabled{
color: #e3e7f3;
}

.newscontent a{
text-decoration: none !important;
}
.mynewsitem{
margin-bottom: 3.5rem;
}

.newscontent{    padding-top: .875rem;
}
.newscontent p {
height: 6rem;
overflow: hidden; /* Skryje přesahující obsah */
display: -webkit-box; /* Vyžadováno pro line-clamp */
-webkit-line-clamp: 3; /* Počet řádků */
-webkit-box-orient: vertical; /* Orientace boxu */
white-space: normal; /* Povolit zalomenĂ­ textu */
}

@media (min-width: 1200px){
.newscontent p{
    height: 5.1rem;
}
}

.newscontent a.dpbutton{
padding: .5rem 1rem;
border-radius: 3.125rem;
-webkit-border-radius: 3.125rem;
-moz-border-radius: 3.125rem;
-ms-border-radius: 3.125rem;
-o-border-radius: 3.125rem;

border: var(--primary-color) solid .0625rem;
color:var(--primary-color);
font-size: 0.875rem; /* 14px Ă· 16 = 0.875 */
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.0875rem; /* 1.4px Ă· 16 = 0.0875 */
text-transform: uppercase;

background: rgba(255, 255, 255, 0.60);



}


.newscontent h2{
color: var(--complementary-color) !important;
}
.genprispevek-thumbnail img{
object-fit: cover;
width: 100%;
height:13rem;
border-radius: .5rem;
-webkit-border-radius: .5rem;
-moz-border-radius: .5rem;
-ms-border-radius: .5rem;
-o-border-radius: .5rem;
box-shadow: 0 0 .6rem #ffc9e9;
}
/*konec příspěvků*/


#genprispevky-pagination .bi::before, .navbar .bi::before{
font-weight: 700 !important; 
}


:root {
/* --primary-color:#cd0055; */
--primary-color:#ff398f;
--primary-color-dark:#ff398f;
--secondary-color: #ffffff;
--tertiary-color: #E3E7F3;
--complementary-color: #40a000;
--typography-color: #111111;
}

a {
  color: var(--primary-color);
}


.mysec a {
    color: var(--primary-color) !important;

}

.mysec-dark a {
    color: var(--primary-color-dark) !important;

}

.mysec a:hover, .mysec-dark a:hover {
text-decoration: underline !important;
}


/* neco z ferina zatim */
@media (max-width:991px) {
.nav-link.active.active{border-color: transparent !important;}

}
@media (max-width: 768px) and (max-height:888px){
header.header{
  /* min-height: 888px !important; */
  height: 100% !important;

}}

@media (min-width: 992px) {
  .navbar {
    transition: height 0.6s ease-in-out;
    height: 6rem;

  }
    .navbar.fixed-top {
      transition: height 0.6s ease-in-out;
      height: 3.125rem;
      -webkit-transition: height 0.6s ease-in-out;
      -moz-transition: height 0.6s ease-in-out;
      -ms-transition: height 0.6s ease-in-out;
      -o-transition: height 0.6s ease-in-out;
}
  
    .navbar.fixed-top   .navbar-brand img 
      {
        transition: height 0.6s ease-in-out;
        /*Nastaveníanimace*/height:2.5rem;
        -webkit-transition: height 0.6s ease-in-out;
        -moz-transition: height 0.6s ease-in-out;
        -ms-transition: height 0.6s ease-in-out;
        -o-transition: height 0.6s ease-in-out;
}
  }
    /* .navbar-brand img {
      height: 3.125rem; 
    }
     */

    #navbarNav{
        justify-content: end;
      }
      .navbar-nav .nav-link {
        font-weight: 400;
        font-size: 1rem;
        /* font-size:1.5rem; */
        line-height: 140%;
        /* text-transform: uppercase; */
        margin-left: 1.75vw;
        color: var(--barva10);
        /*color: var(--primary-color);*/
        /* text-shadow: 0rem 0rem 0.6rem rgba(255, 255, 255, 0.9); */
        position: relative; /* Přidáme relativní pozici pro pseudo-element */
        font-weight:450;
        text-transform: uppercase;
      }
     .dark .navbar-nav .nav-link {
      color: #ffffff !important;
    
     }
    
      .navbar-nav .nav-link:before {
        content: "";
        position: absolute;
        left: 0; /* Původní pozice borderu - úplně vlevo */
        bottom: -2px;
        width: 0; /* Počáteční šířka borderu (0) */
        height: 0.125rem; /* Výška borderu */
        background-color: var(--primary-color); /* Barva borderu */
        transition: width 0.3s ease; /* Animace šířky borderu */
      }
      .dark   .navbar-nav .nav-link:before {
        background-color: #ffffff; /* Barva borderu */
    
    
      }
      .navbar-nav .nav-link:hover:before {
        width: 100%; /* Konečná šířka borderu - při najetí myší */
      }
      
    
      .navbar-nav .nav-link.nohover:hover:before {
        width: 0px; /* Konečná šířka borderu - při najetí myší */
      }
      
    
      .nav-link.active {
    
        border-bottom: 0.125rem solid var(--primary-color) !important; 
        /* Další stylizace pro označenou položku menu */
      }
      .navbar-nav .nav-link.active{
        /* color: var(--primary-color); */
        color:var(--barva10);
      }
    
      .dark .nav-link.active {
    
        border-bottom: 0.125rem solid #ffffff !important; 
        /* Další stylizace pro označenou položku menu */
      }


@media (max-width: 991px) {

.nav-link.active {

  border-bottom: 0.125rem solid #00000000 !important; 
  /* Další stylizace pro označenou položku menu */
}


.dark .nav-link.active {

  border-bottom: 0.125rem solid #ffffff00 !important; 
  /* Další stylizace pro označenou položku menu */
}


.navbar-nav .nav-link:before {
  display: none; /* Skryjte animované podtržení na menších obrazovkách */
}

.navbar-nav .nav-link.nohover:before {
  display: none; /* Skryjte animované podtržení pro .nohover taktéž */
}
}
@media (max-width: 991px) {

.dark .navbar { 
   /* background-color: #000000; */
   background-color: rgba(0, 0, 0, 0.801);
   -webkit-backdrop-filter: blur(9px);
   backdrop-filter: blur(9px);
   box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);
  
}
}
@media (min-width:992px){
header{
height:6rem;
}
}

   @media (max-width: 991px) {
    header{
      height:81px;
    }
      .dark .navbar { 
         /* background-color: #000000; */
         background-color: rgba(0, 0, 0, 0.801);
         -webkit-backdrop-filter: blur(9px);
         backdrop-filter: blur(9px);
         box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);
   
       }
   
       .navbar { 
         /* background-color: #ffffff; */
         /* box-shadow: -2px 0.125rem 4px -2px rgba(212, 212, 212, 0.25); */
         /* padding-bottom: 22px; */
         z-index:3;
         position: fixed;
         /* position: relative; */
         width:100%;top:0px;
         background-color: rgba(255, 255, 255, 0.801);
         -webkit-backdrop-filter: blur(9px);
         backdrop-filter: blur(9px);
         /* box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25); */
        
       }
   
       .navbar-collapse {
         overflow-y: auto;
         max-height: 70vh;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none; 
       }
   
   
     .navbar-collapse::-webkit-scrollbar {
       display: none; /* Skryje svislý posuvník prohlížečů WebKit */
     }
   
   
       .navbar-nav .nav-link {
           text-shadow : none;
           text-align: center;  
           margin-bottom:0.43125rem !important;
        
             
       }
   
       .navbar-brand img {
           /* height: 39px;
           margin-top:31px; */
           height: 2.4rem;
           /* margin-top:0.9375rem; */
               
       }
   
       .navbar-nav{ 
           margin-top:4rem;
           margin-bottom:18px
   
       }
   
       /* header   { */
           /* min-height: 571px; */
           /* margin-top:-3px; */
           
         /* } */
   /*     
       header h1  {
         position: absolute;
         top: 150px;
         
       } */
      
   
     }

            /* button.navbar-toggler.menu-button.collapsed {
    padding: 0rem .15rem .1rem .15rem !important;
    border: pink solid 2px !important;
}
      */
   
     .navbar-toggler {
        /* margin-top:17px; */
        margin-top:0.6rem;
        /* border: none !important; */
        outline: none;
        background-color: transparent;
            border: transparent solid 2px !important;
    padding: 0rem .15rem .1rem .15rem !important;

        /* padding-top: 0px; padding-left:0.3125rem; padding-right:0.3125rem;padding-bottom: 0.3125rem; */
        width:3.125rem; height:55px;
      }
      
      .navbar-toggler .menu-line {
        width: 42px;
        height: 0.375rem; /*7px*/
        transition: transform 0.5s;
        margin-top:  0.5625rem;
        margin-bottom:  0.5625rem;
        border-radius:1.5625rem;
        /* border-radius:1.5625rem; */
    
      }
      .dark .navbar-toggler .black-line {
        background-color: #ffffff;
      }
      .navbar-toggler .black-line {
        background-color: var(--primary-color);
      }
      .in-grey-line{
        position: absolute !important;
        top:-4px;
        font-size:0.9375rem;
        /* background-color: pink !important; */
      }
      
      .dark .navbar-toggler .grey-line {
        color: rgb(255, 255, 255);
    
      
      }
    
      .navbar-toggler .grey-line {
        /* color: #ccc; */
        color: var(--barva10);
        background-color: transparent;
        position: relative;
    
      }
      
      .navbar-toggler.opened .menu-line:nth-child(1) {
        transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
        width:56.57px;
        -webkit-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
        -moz-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
        -ms-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
        -o-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    }
      
      .navbar-toggler.opened .menu-line:nth-child(2) {
        opacity: 0;
      }
      
      .navbar-toggler.opened .menu-line:nth-child(3) {
        transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
        width:56.57px;
        -webkit-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
        -moz-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
        -ms-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
        -o-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    }
      
      .navbar-toggler.opened .gray-line {
        margin-top:5.625rem; padding-bottom:3.75rem;background-color: #9BA7B9;
      }
      
    
    
h1, h2, h3{
      font-family: 'Poppins', 'sans-serif' !important; 

}
  

  .navbar {
    font-family: 'Poppins', 'sans-serif' !important; 
    /* background-color: #ffffff; */
    /* box-shadow: -2px 0.125rem 4px -2px rgba(212, 212, 212, 0.25); */
    /* padding-bottom: 22px; */
    z-index:3;
    position: fixed;width:100%;top:0px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    /* box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25); */

  }

  .navbar-collapse {
    overflow-y: auto;
    max-height: 70vh;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
  }


.navbar-collapse::-webkit-scrollbar {
  display: none; /* Skryje svislý posuvník prohlížečů WebKit */
}


  .navbar-nav .nav-link {
      text-shadow : none;
      text-align: center;  
      margin-bottom:0.43125rem !important;
   
        
  }

  .navbar-brand img {
    transition: height 0.3s ease-in-out; /* Nastavení animace */
      /* height: 39px;
      margin-top:31px; */
      height: 3rem;
      /* margin-top:0.9375rem; */
          
  }

  .navbar-nav{ 
      margin-top:4rem;
      margin-bottom:18px

  }

  /* header   { */
      /* min-height: 571px; */
      /* margin-top:-3px; */
      
    /* } */
/*     
  header h1  {
    position: absolute;
    top: 150px;
    
  } */
 



.navbar-toggler {
  /* margin-top:17px; */
  margin-top:-0.3rem;
  border: none;
  outline: none;
  background-color: transparent;
  padding-top: 0px; padding-left:0.3125rem; padding-right:0.3125rem;padding-bottom: 0.3125rem;
  width:3.125rem; height:55px;
}

.navbar-toggler .menu-line {
  width: 42px;
  height: 0.375rem; /*7px*/
  transition: transform 0.5s;
  margin-top:  0.5625rem;
  margin-bottom:  0.5625rem;
  border-radius:1.5625rem;
  /* border-radius:1.5625rem; */

}
.dark .navbar-toggler .black-line {
  background-color: #ffffff;
}
.navbar-toggler .black-line {
  background-color: var(--primary-color);
}
.in-grey-line{
  position: absolute !important;
  top:-4px;
  font-size:0.9375rem;
  /* background-color: pink !important; */
}

.dark .navbar-toggler .grey-line {
  color: rgb(255, 255, 255);


}

.navbar-toggler .grey-line {
  /* color: #ccc; */
  color: var(--barva10);
  background-color: transparent;
  position: relative;

}

.navbar-toggler.opened .menu-line:nth-child(1) {
  transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
  width:56.57px;
  -webkit-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
  -moz-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
  -ms-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
  -o-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
}

.navbar-toggler.opened .menu-line:nth-child(2) {
  opacity: 0;
}

.navbar-toggler.opened .menu-line:nth-child(3) {
  transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
  width:56.57px;
  -webkit-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
  -moz-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
  -ms-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
  -o-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
}

.navbar-toggler.opened .gray-line {
  margin-top:5.625rem; padding-bottom:3.75rem;background-color: #9BA7B9;
}



/*další navigační hacky*/
.navbar-nav {
  list-style: none !important; /* Skryje odrážky */
  margin: 0; /* Nastaví okraje */
  padding: 0; /* Nastaví odsazení */
}

.mymainmenu {
  list-style: none !important;
}

.et-l--header ul{
padding:0px;
}

/* .navbar-toggler.menu-button{
border:none !important;
} */


/*fix prispevky*/
div#genprispevky-container {
padding: 0 .6rem;
}

@media (max-width:390px) and (min-width:331px){

#genprispevky-pagination a {
background-color: var(--secondary-color);
width: 2.4rem !important;
height: 2.4rem !important;
display: inline-flex
;
justify-content: center;
align-items: center;
/* border: red solid 1px; */
margin: 0 5px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.0875px;
text-decoration: none !important;
border-radius: .5rem;
color: var(--typography-color);
text-decoration:none !important;
}


}@media (max-width:330px){

#genprispevky-pagination a {
background-color: var(--secondary-color);
width: 2.1rem !important;
height: 2.1rem !important;
display: inline-flex
;
justify-content: center;
align-items: center;
/* border: red solid 1px; */
margin: 0 5px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.0875px;
text-decoration: none !important;
border-radius: .5rem;
color: var(--typography-color);
}


}

@media (min-width: 991px) {
#main-content, .mycontent {
  min-height: calc(100vh - 21rem);
}
}

/*genshortpost*/
.genshortpost-thumbnail img {
width: 100% !important;
height: 19rem !important;
object-fit: cover !important;
border-radius: 1.5rem;
-webkit-border-radius: 1.5rem;
-moz-border-radius: 1.5rem;
-ms-border-radius: 1.5rem;
-o-border-radius: 1.5rem;
}

.genshortpost-item{
padding:1rem 1rem .5rem 1rem; 
}


.genshortpost-item-content {
box-shadow: .123rem .123rem .6rem rgba(0, 0, 0, 0.555);
border-radius: 1.5rem;
padding: 1.5rem;
text-align: center !important;
display: flex;
flex-direction: column; /* Prvky pod sebou */
align-items: center; /* Vystředění prvků */
justify-content: center; /* Vystředění podél hlavní osy */
width: 100%; /* Maximální šířka */
transition: box-shadow 0.3s ease; /* Animace stínu */
}

.genshortpost-item-content:hover {
box-shadow: .123rem .123rem 1.2rem rgba(0, 0, 0, 0.7); /* Zvýrazněný stín */
}


@media (max-width:991px){

.genshortpost-item-content {
box-shadow: .123rem .123rem .6rem rgba(0, 0, 0, 0.555);
border-radius: 1.5rem;
padding: 1rem;
text-align: center !important;
display: flex;
flex-direction: column; /* Prvky pod sebou */
align-items: center; /* Vystředění prvků */
justify-content: center; /* Vystředění podél hlavní osy */
width: 100%; /* Maximální šířka */
transition: box-shadow 0.3s ease; /* Animace stínu */

}
.genshortpost-item-content:hover {
box-shadow: .123rem .123rem 1.2rem rgba(0, 0, 0, 0.7); /* Zvýrazněný stín */
}
}


.genshortpost-item-content h2{
text-align: center;
font-size:1.2rem;
}

a {text-decoration:none !important;}




/*mysingle*/
.post-title{margin-top:1.5rem;
font-family: 'Damion', handwriting;
}



@media  (max-width:991px){
nav.navbar.navbar-expand-lg{
padding-left:.3rem;
padding-right:.3rem;
}}


/*tabulka oteviraci doby*/
#tabulka .mytable, .mytable td, .mytable tr {
border-color: #ffc9e8 !important; /* Nastavení barvy ohraničení */
}

#tabulka  .mytable th{background-color:#ffc9e8 !important;}

#tabulka  .mytable .table-bordered > :not([class]) {
border-color: #ffc9e8 !important; /* Zajištění jednotnosti u všech částí */
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
      left: 1.5rem !important;
      padding: .3rem;
  }
}

.dropdown-menu li {
list-style-type: none; /* Odstraní tečky */
padding: 0; /* Volitelné: pro odstranění případného odsazení */
margin: 0; /* Volitelné: pro odstranění případného mezery */
}
.nav-link.dropdown-toggle::after {
display: none; /* Skryje výchozí šipku od Bootstrapu */
}


@media (max-width:991px){/* Zarovnání textu "Naše nabídka" */
.navbar-nav .nav-link {
text-align: center !important; /* Zarovná text na střed */
}

/* Zarovnání položek dropdown menu */
.dropdown-menu {
text-align: center !important; /* Text uvnitř položek bude na střed */
justify-content: center !important; /* Zarovnání obsahu na střed */
}
}
@media (max-width: 991px) {
ul.dropdown-menu.show {
    box-shadow: none;
    border-radius: 1rem;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    border-bottom: 0.18rem solid var(--primary-color);
    margin: 0 auto !important;
    width: 80%;
    padding-top:1rem;
    padding-bottom: 1rem !important;
    margin-bottom: 1.5rem !important;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
}

@media (max-width: 991px) {
.navbar-nav .nav-link {
    display: block;
    text-align: center;
}
a#categoriesDropdown {
display:flex;
justify-content:center;
}
}
a.dropdown-item {
font-size: 1rem !important;
margin-bottom: .25rem;
margin-top: .25rem;
transition: background-color 0.3s ease, color 0.3s ease; /* Přidání animace */
}

a.dropdown-item:hover, a.dropdown-item:focus {
background-color: var(--primary-color);
color: white !important;
}

@media (min-width:992px){
header.et-l.et-l--header, nav ,#navbarNav {
  overflow: visible !important; 
  /* Umožní dropdownu vystoupit mimo */
}}


.dropdown-toggle .bi{
color: var(--primary-color) !important;
}

.portpic{
  object-fit: cover;
  height: 15rem;
  width:100%;
}

h4.port-title {
    margin: 0px;
    padding-bottom: 0.3rem;
    opacity:.6;
}
.card-rok {
    font-size: 1rem;
    opacity: .8;
    margin-bottom: .3rem;
}
.card-text
 {
    font-size: .75rem;
    opacity: .9;
}

.menu-button:focus {
  outline: none;
  box-shadow: none;
}
.menu-button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}


.menu-line.black-line{
  opacity: .66 !important;
}
.grey-line{text-transform: uppercase;
color: #ABABAB !important;}


/* Nastavení maximální velikosti obrázku v lightboxu */
.lb-outerContainer,
.lb-container,
.lb-image {
  width: 90vw !important;
  height: auto !important;
  max-width: 90vw !important;
  max-height: 80vh !important;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  background-color: #111111;
  border:0px !important; 
  border-color:transparent !important;
  padding-bottom: 1rem;
}

img.lb-image{
  border-bottom: #ffffff solid .15rem !important;
}


.lightboxOverlay{
    background-color: #111111 !important;
    opacity: 1 !important; 
}

.lb-outerContainer {
    background-color: transparent !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: white !important;
    --bs-table-bg-type:var(--primary-color) !important;
}


img.portpic {
  box-shadow: 0 0 0.9rem rgb(172, 172, 172);
  transition: box-shadow 0.3s ease, filter 0.3s ease;
}

img.portpic:hover {
  box-shadow: 0 0 1.5rem rgb(100, 100, 100); /* větší a tmavší stín */
  filter: brightness(90%); /* ztmavení obrázku */
}