.hero .carousel-container {
    min-height: 100vh;
    width: 100vw;
    }

.hero-background {
    width: 100%;
    position: absolute;
    inset: 0;
    background-image: url(../img/bg/0000.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05;
    height: 110%;
    z-index: 0;
}

/*PARALLAX*/
.parallax-bg {
  background-image: url(../img/parallax/0000.png);
 /*background-size: cover;*/
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
  /*z-index: 0;*/ /*modalnal bezavart*/
}

.scrolled .header{
    border-bottom: 1px solid #ef6603 !important;
}

.feladatok-border{
 border-left: 5px solid #ef6603;
}
.text-kiemelt{
        color:#ef6603;
    }
.bg-kiemelt{
  background-color: #ef6603!important;
}

  .nav-tabs.nav-item.nav-link{
           color: #ef6603 !important;
    }
  .nav-tabs.nav-item.nav-link.active{
           color: #0f9e44 !important;
    }


/*FOOTERBEN A CENGETÉS*/
.csengetes-jeloles{
  background-color: #ef6603;
  border-radius: 0.5rem;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 65px;
  z-index: 996;
  width: 44px;
  height: 44px;
  transition: all 0.8s;
  background-color: #ef6603;
  color: #ffffff;
  font-size: 2rem;
  border-radius: 50%;
  box-shadow: 3px 6px 15px #000

}
.back-to-top:hover {
  background: #ffffff;
  color: #000000;
  box-shadow: 2px 3px 5px #000000;
}
.back-to-top:hover i {
  color:  #ef6603;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Cookie button
--------------------------------------------------------------*/
.cookie-btn {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 44px;
  height: 44px;
  transition: all 0.8s;
  background-color: #ef6603;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 3px 6px 15px #000000;
  padding-top: 2px;
}
.cookie-btn i {
  font-size: 1.6rem;
}
.cookie-btn:hover {
  background: #ffffff;
  color: #000000;
  box-shadow: 2px 3px 5px #000000;
}
.cookie-btn:hover i {
  color:  #ef6603;
}


/*--------------------------------------------------------------
# Cookie
--------------------------------------------------------------*/
.cookie-disclaimer {
  display: none;/*hogy ne villanjon fel*/
  background: #000000;
  color: #ffffff;
  opacity: 0.95;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: auto;
  position: fixed;
  border-top:1px solid white;
}

.cookie-disclaimer .container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  padding: 10px;
  cursor: pointer;
}

.cookieModal .modal-dialog{
  max-width: 60%;
}

@media only screen and (max-width: 767px) {
  .cookieModal .modal-dialog{
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
  }
  .accept_all_cookies,
  .set_cookies,
  .reject_all_cookies{
      width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio .portfolio-filters li {
    padding: 8px 8px 8px 8px !important;
  }
}


.portfolio .portfolio-item .portfolio-info h4 {
  text-align: justify !important;
  padding-left: 20px;
}


#countdown{
  font-size: 10rem;
}
@media only screen and (max-width: 767px) {
#countdown{
  font-size: 5rem;
}
}



/*--------------------------------------------------------------
# fade-in ANIMÁCIÓ
--------------------------------------------------------------*/
.fade-in {
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.fade-in-visible {
  opacity: 1;
  transform: translateY(0);
}



/*--------------------------------------------------------------
# Megosztások
--------------------------------------------------------------*/
.sharing ul { list-style-type: none; padding-left: 20px; }
.folder { cursor: pointer; color: rgb(0, 0, 0); }
.hidden { display: none; }

/*--------------------------------------------------------------
# IKONOK feladaoknál
--------------------------------------------------------------*/
   @media (max-width: 700px) {
        .tab-label {
            display: none !important;
        }
    }




/*--------------------------------------------------------------
# SORSOLÁS
--------------------------------------------------------------*/
#namesContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.nameBox {
  width: 200px;
  height: 100px;
  margin: 10px;
  padding: 5px;
  background-color: rgba(248, 248, 248, 0.479);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 10px;
  border: 1px solid gray;
  transition: background-color 0.3s;
  box-shadow: 2px 2px 12px rgb(78, 78, 78) !important;
}
.selected {
  background-color: #ef6603!important;
  border: 5px solid rgb(255, 255, 255) !important;
  color: white !important;

  box-shadow: 0 0 10px black !important;
  font-size: 24px !important;
}
#lotterycountdown{
  font-size: 28px;
}
/*--------------------------------------------------------------
# VISSZASZÁMLÁLÓ
--------------------------------------------------------------*/
#countdown{
  font-size: 12vw;
}
.counter {
  font-size: 12vw;
  font-weight: bold;
}
.minutes, .seconds {
  font-size: 12vw;
}

/*--------------------------------------------------------------
# ÉRTÉKELŐ
--------------------------------------------------------------*/
.result{
  margin-top: -65px;
}

@media (max-width: 992px) {
  .result{
    margin-top: 0px;
  }
}

/*--------------------------------------------------------------
# FOOTER CSENGETÉS
--------------------------------------------------------------*/
.current {
  background-color: var(--bs-primary) !important;
  color: white !important;
  border-radius: 0.5rem;
}


.p-text-wrap {
  word-wrap: break-word; /* Hosszú szavak törése */
  word-break: break-word; /* Szóköz nélküli sorok törése */
  overflow-wrap: break-word; /* Szöveg törése a tartályhoz igazodva */
  overflow: hidden; /* Szöveg túllógásának elrejtése */
}



/*--------------------------------------------------------------
# KIVÁLASZTÁS
--------------------------------------------------------------*/
.mtop{
  margin-top: 125px!important;
}
@media only screen and (max-width: 767px) {
  .btn p {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/*--------------------------------------------------------------
# Portfólió
--------------------------------------------------------------*/
.glightbox-container .gslide.current {
 background-color: #000 !important;
    height: 100vh;
}
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
    background-color: #000 !important;
}
.glightbox-clean .gslide-desc {
    color: black;
    max-height: 100px;
    overflow-y: scroll;
}

/*--------------------------------------------------------------
# Minden Modal Teteje
--------------------------------------------------------------*/
.modal.show .modal-dialog {
    top: 5% !important;
}




/*--------------------------------------------------------------
# genealogy MAPPANÉZET
--------------------------------------------------------------*/
.genealogy-scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.genealogy-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e4e4e4;
}
.genealogy-scroll::-webkit-scrollbar-thumb {
  background: #212121;
  border-radius: 10px;
  transition: 0.5s;
}
.genealogy-scroll::-webkit-scrollbar-thumb:hover {
  background: #d5b14c;
  transition: 0.5s;
}

/*----------------genealogy-tree----------*/
.genealogy-body {
  white-space: nowrap;
  overflow-y: hidden;
  padding: 50px;
  min-height: 500px;
  padding-top: 10px;
  text-align: center;
}
.genealogy-tree {
  display: inline-block;
}
.genealogy-tree ul {
  padding-top: 20px;
  position: relative;
  padding-left: 0px;
  display: flex;
  justify-content: center;
}
.genealogy-tree li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  width: max-content;
}
.genealogy-tree li::before,
.genealogy-tree li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 18px;
}
.genealogy-tree li::after {
  right: auto;
  left: 50%;
  border-left: 2px solid #ccc;
}
.genealogy-tree li:only-child::after,
.genealogy-tree li:only-child::before {
  display: none;
}
.genealogy-tree li:only-child {
  padding-top: 0;
}
.genealogy-tree li:first-child::before,
.genealogy-tree li:last-child::after {
  border: 0 none;
}
.genealogy-tree li:last-child::before {
  border-right: 2px solid #ccc;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}
.genealogy-tree li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}
.genealogy-tree ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.genealogy-tree li a {
  text-decoration: none;
  color: #666;
  font-family: arial, verdana, tahoma;
 
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.genealogy-tree li a:hover + ul li::after,
.genealogy-tree li a:hover + ul li::before,
.genealogy-tree li a:hover + ul::before,
.genealogy-tree li a:hover + ul ul::before {
  border-color: #fbba00;
}

/*--------------memeber-card-design----------*/
.member-view-box {
  margin: 0 auto;
  padding: 10px 10px;
  width: 200px;
  /*min-height: 75px;*/
  border-radius: 3px;
  border-top-style: solid;
  border-top-color: coral;
  position: relative;
}
/* .member-image{
    width: 60px;
    position: relative;
} */
.member-image img {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background-color: #000;
  z-index: 1;
}

    .genealogy-tree ul ul {
        display: none; /* csak a gyerekek legyenek elrejtve, a gyökér maradjon */
    }

    .member-details{
      padding-left: 10px;
      padding-right: 10px;
    }


.msg {
    border-radius: 10px; /* minden sarok 10px-re lekerekítve */
}



/*ADMIN MENÜ NEVEK MELLETTI NYILAk*/
#sidebar.expand .sidebar-link[data-bs-toggle="collapse"]::after {
      position: absolute !important;
    right: 15px !important;
    margin-top: 10px !important;
}

.full-h{
  height: -webkit-fill-available !important;
}