/*
 Theme Name: Jisty-najem
 Theme URI: dev.beenet.cz
 Description: Child Theme For Divi
 Author: BeeNet TEAM
 Author URI: https://beenet.cz
 Version: 0.000011166999
 Template: Divi
 */


@media (max-width: 991px) {
	.extra.objednatbut{margin-bottom:-1.5rem; margin-top:-.5rem !important;}
/* #extended {
  background-color: white !important;
}  */
.fixed #extended {
  background-color: transparent !important;
}
	}


@media screen and (max-width:1499px) {
  html{
    font-size: 16px;
  }

}
@media screen and (min-width:1500px) {
  html{
    font-size: 1.1vw !important;
  }

}

 body, p, ul li{
  font-size:.875rem;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
list-style-type: disc;
line-height: 1.625rem;
}

.mymaxwidth {
  max-width: 81rem;
  width:90%;
}


.mymaxwidth.short {
  max-width: 75rem;
  width:90%;
}


.fontsizerem, .fontsizerem li, .fontsizerem p, .fontsize ul li{font-size:1rem;}


#main-content{
min-height: calc(100vh - 18rem);
}


/*uvodni strana boxy*/


.card.card-hover {
  background-color: transparent;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  overflow: hidden;
  border: none;
  height:100%;
  min-height: 15rem;
  display: flex;
}
.card.card-hover {
  border-radius: 2rem;
  padding: .5rem;
  text-align:center;
}
.card-hover img {
  transition: transform 0.4s ease;
  width:90%;
  margin:0 auto !important;

}

.card-hover:hover {
  background-color: white;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.card-hover:hover img {
  transform: scale(1.05);
}

.card-hover h3{
  font-size:.9rem;
}

.card-title {
  text-align: center;
}
/*konec boxu*/
/*produkty - topení*/

.prodpopis{
  min-width:15rem;

}
.prodpopis h3{
  font-size:1rem
}

.prodpopis p{font-size: .9rem;}
.topeni {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  gap: 0.5rem; /* mezera mezi ikonou a textem */
}

.topeni::before {
  content: "";
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-image: url('kotlicek.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.topeni {
  align-items: center;
}

.staveni {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  gap: 0.5rem; /* mezera mezi ikonou a textem */
}

.staveni::before {
  content: "";
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-image: url('lopata.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.staveni {
  align-items: center;
}


.price-wrapper {
  gap: 1rem; /* mezera mezi cenou a textem */
  justify-content: center; /* centrování při zalomení */
  text-align: center; /* centrování textu při zalomení */
}

.price-box {
  background-color: #ffdd00;
  color: #000;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: .375rem;
  text-align: center;
  min-width: 5rem;
  font-size:1.2rem;
}

.price-description, .price-description p  {
  flex: 1;
  text-align: left;
  font-size:.75rem;
}
.price-description p {margin:0px;padding:0px;}

/*konec produktů - topení*/

#dpprispevek, #dpprispevek p, #dpprispevek ul, #dpprispevek ol {
font-size:.81rem;
}



/*header*/
/* Celý modul má třídu zindex100 */
.mymaxwidthheader{
  width:90%;
  max-width:81rem;
}
@media (max-width:991px) {
  #mymenumain,#headernav, #mymenumain.fixed{
  padding-left:0px !important;
  padding-right:0px !important;
  padding-top:1rem !important;
}#mymenumain #headlogo img{
 max-width:6rem !important;

}
#navtop {
  padding: 0px !important;
  margin: 0px !important;
}

.nav-link.extra{font-size:1.2rem;padding:.6rem !important;}

}

#mymenumain #headlogo img{
    max-width:8.1rem;
    transition: max-width 0.5s ease;
    -webkit-transition: max-width 0.5s ease;
    -moz-transition: max-width 0.5s ease;
    -ms-transition: max-width 0.5s ease;
    -o-transition: max-width 0.5s ease;
}

#headernav {
  padding: .3rem;
}

#mymenumain.fixed #headlogo img{
  max-width:6rem !important;

}


li.nav-item {
    list-style: none;
    margin-top: .21rem;
    margin-bottom: -1rem;
  margin-left:.5rem;margin-right:.5rem;
}



button.navbar-toggler.menu-button {
    border: none;
    padding: 0rem 0.2rem 0rem 0.2rem;
   outline: none !important;
    box-shadow: none;
    background-color: inherit; 
}
@media (max-width:991px){
  header{min-height:0rem !important;}
    .navbar-nav{margin-top:1rem !important;
    text-align: center;}
li.nav-item{
  margin-bottom: 1.5rem;
}



}
.zindex100{z-index:100 !important;}


/*z sablony*/


:root {
  --barva10: #000000;
}


  .navbar-toggler {
    /* margin-top:17px; */
    margin-top:0.6rem;
    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(--maincolor);
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    font-weight: bold;
    /* background-color: pink !important; */
  }
  
  .dark .navbar-toggler .grey-line {
    color: rgb(255, 255, 255);
    font-weight: bold !important;

  
  }

  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: var(--secondcolor);
    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.875rem) 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;
  }
  




  @media (min-width: 992px) {

  

  .headerbutton{

    /* bottom:0.9375rem !important; */
     width:100%;
    position: relative !important;
     height:3.75rem;
    display: flex;
    justify-content: center;
    margin-top:3rem;
  }
}

.container-fluid.menucontainer{justify-content: center;}

@media (max-width: 991px) {
  #navtop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .navbar-toggler {
    position: relative;
    z-index: 100;
  }

  .navbar-collapse {
    width: 100%;
    margin-top: 1rem;
  }

  #navmenuwrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .navbar-nav {
    width: 100%;
  }

  li.nav-item {
    margin-bottom: 1.5rem;
  }
}

.navbar-nav.ms-auto.animated.fadeInDown {
  padding: 0px;
}  


  li.nav-item a{ background-color:white; border-radius:.3rem; padding-left:.6rem !important; padding-right:.6rem !important; padding-top:.15rem !important; padding-bottom:.15rem !important; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem;
}
@media (min-width: 992px) and (max-width:1119px) {
  #navbarNav {
    display: flex;
    flex-wrap: wrap;          /* povolí zalomení */
    justify-content: center;  /* zarovnání uprostřed */
    width: 100%;
  }

  #navbarNav .navbar-nav {
    display: flex;
    flex-wrap: wrap;          /* položky se zalamují */
    justify-content: center;
    width: auto;
  }

  #navbarNav .nav-item {
    flex: 0 0 auto;           /* šířka podle obsahu */
    flex-shrink: 0;           /* položky se nesmrsknou */
    white-space: nowrap;      /* text se nezalomí uvnitř */
    margin: 0.5rem;
  }
}
@media  (min-width:1200px) {
    .nav-item {margin:.6rem !important;}

}

@media (min-width:992px) and (max-width:1199px) {
  .nav-item {margin:.3rem !important;}
  /* #headlogo img{
    max-width: vw !important;
  } */
}

li.nav-item a {
  font-size: .7rem;
  font-weight: 400;
  display: inline-block;
  /*důležitéprotransform*/transition: transform 0.9s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}

li.nav-item:hover a {
  transform: scale(1.05);

}


li.extra a{
  background-color:var(--maincolor) !important;
}

li.extra a:hover {
  background-color:var(--maincolor) !important;
}

li.extra a{  color:var(--secondcolor) !important;
 }
.nav-link {
  width: 100%;
}

 /* Submenu link styling */
.dropdown-menu  {
  /*font-size: 0.95rem;
  Smallerfont*/border-radius: 1.2rem;
  /*Moreroundedcorners*/padding: 0.5rem 1rem;
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
}

/* Hover effect for submenu items */
.dropdown-menu .nav-link:hover {
  /* background-color: white; */
}

/* Active submenu item */
.dropdown-menu .nav-link.active, .dropdown-menu .nav-link:hover {
  background-color: var(--maincolor) !important;
  color: #000 !important;
  font-weight: 500;
  border-radius: 1rem;
}

.dropdown-menu{
  padding-left:0px !important;
  
}


.dropdown-menu .nav-link{
  margin-bottom:1.11rem;
  margin-top:1.11rem;
    /* font-size: 0.74rem; Smaller font */
    text-align: center !important;

}


/* První položka v submenu */
.dropdown-menu .nav-item:first-child .nav-link {
  margin-top: .6rem;
}

/* Poslední položka v submenu */
.dropdown-menu .nav-item:last-child .nav-link {
  margin-bottom: .6rem;
}

@media  (max-width:991px) {
  #navmenuwrap .navbar-nav  .nav-link{
      background-color: var(--maincolor);

  
}

}

.navbar-nav .nav-link{
      box-shadow:  0 0 0.45rem rgba(0, 0, 0, 0.15);
      background-color: var(--maincolort);
      color:black;
      transition: box-shadow 0.3s ease;
      -webkit-transition: box-shadow 0.3s ease;
      -moz-transition: box-shadow 0.3s ease;
      -ms-transition: box-shadow 0.3s ease;
      -o-transition: box-shadow 0.3s ease;
      color:var(--secondcolor);
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{
  background-color: var(--maincolor)  ;
}

.dropdown-menu .nav-link{
  box-shadow: none;
}

/* Hover efekt pro hlavní položky (ne submenu) */
.nav-link:hover {
  box-shadow:  0 0 0.60rem rgba(0, 0, 0, 0.30);
      /* background-color: var(--maincolor) !important; */


}


/* Aktivní stav pro hlavní položky */
.nav-link.active {
  box-shadow:  0 0 0.60rem rgba(0, 0, 0, 0.30);

}

.dropdown-menu li.nav-item a{
  padding-left:.6rem !important; padding-right:.6rem !important;
}

@media (max-width:991px){
  li.nav-item a{
    margin-left: auto;margin-right: auto;
    max-width: 15rem;
  }
  .dropdown-menu.text-uppercase.show {
  margin-top: 1.5rem;
}
#navbarNav {
  /* background-color: var(--secondcolor); */
  /* backdrop-filter: blur(10px); */
  /* -webkit-backdrop-filter: blur(10px); */
  /* border-radius: 2rem; */
  /* box-shadow: 0px 0px .9rem rgba(0, 0, 0, 0.15); */
}

.nav-item.dropdown.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a {
  box-shadow: 0px 0px .9rem rgba(0, 0, 0, 0.15);

}

.navbar-nav.ms-auto.animated.fadeInDown {
  padding-bottom: 0px;
}
.navbar-toggler.menu-button.animated.fadeInDown {
  margin-top: -1rem;
}
.dropdown-menu .nav-link , .dropdown-menu .nav-link:hover, .dropdown-menu .nav-link.active{
background-color: var(--maincolor) !important;
}
}



@media (min-width:992px){
.dropdown-menu.text-uppercase.show {
  top: 3.4rem;
  left: -1rem;
  /* border-radius:1.2rem; */

}

.nav-link.extra {
  font-size: 1rem;
}
}




li.nav-item a {
  text-transform: uppercase;
  font-weight: 600;
}


.dropdown-menu .nav-item a {
  text-transform: normal;
    font-weight: 400;

}

.nav-item a.navlink:hover, .nav-item a.navlink:active {
  color:var(--secondcolor);
}


:root {
  --maincolor: #FFC81B;
  --maincolort:#ffca1b68 ;
  --secondcolor:#082551;
}

.sctext, .sctext p,.sctext li, sctext ul li, .sctext a{
  color:var(--secondcolor) !important
}

.nav-item {
  white-space: nowrap;
}

.nav-item {
  flex: 0 0 auto; /* šířka podle obsahu */
}

  #mymenumain{padding: 1rem;
transition: padding 0.3s ease; /* animace změny paddingu */
  }
  

  @media (max-width: 991px) and (max-height:510px) {
  #mymenumain {
    /* min-height: 100vh; */
    /* max-height:100vh; */
    /* overflow-y: auto;
  } */
   position:absolute !important
}}


@media screen and (max-width:991px) {
  #mymenumain{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; /* aby bylo nad obsahem */
  background-color:rgba(255, 255, 255, 0.626);
  padding: 0px 0px!important;
  /* box-shadow: 0px 0px .3rem rgba(0, 0, 0, 0.136);  */
  backdrop-filter: blur(9px);
}
}



#mymenumain.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; /* aby bylo nad obsahem */
  background-color:rgba(255, 255, 255, 0.626);
  padding: 0px 0px!important;
  box-shadow: 0px 0px .3rem rgba(0, 0, 0, 0.136); 
  backdrop-filter: blur(9px);
}

#homeheader{
  min-height:6rem;
}
@media (max-width:991px){

  #homeheader{
  /*min-height:12rem;*/
	  max-height:7rem !important;
}
}

/*topbutton*/
#toTopBtn {
position: fixed;
/* bottom: 1.25rem;    */
bottom: 5.625rem;
right: 1.25rem;    /* 20px */
width: 3.75rem;    /* 60px */
height: 3.75rem;   /* 60px */
border-radius: 50%;
background-color: var(--maincolor);
color: white;
font-size: 1.5rem; /* 24px */
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
font-weight: bolder;
}

/* Vnitřní výplň */
#toTopBtn .fill {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: var(--secondcolor);
z-index: 0;
transition: height 0.2s ease;
}

#toTopBtn i {
position: relative;
z-index: 1;
}

.mainbackgroundcolor {
  background-color: var(--maincolor);
}

/* WhatsApp button */
#whatsappBtn {
position: fixed;
/* bottom: 5.625rem;   */
bottom: 1.25rem;
right: 1.25rem;    /* 20px */
width: 3.75rem;    /* 60px */
height: 3.75rem;   /* 60px */
border-radius: 50%;
background-color: #25D366;
color: white;
font-size: 1.75rem; /* 28px */
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 999;
transition: transform 0.2s ease;
}

#whatsappBtn:hover {
transform: scale(1.1);
}
/*konec wp*/
.fsocicon a {
  color: var(--secondcolor);
}
/*podpora wow animate*/
.wow {
      opacity: 0;


}


.wow.wow-finished {
    opacity: 1;
    /* sem můžeš dát cokoliv dalšího */
}