:root {
  --bs-primary: #bf062a !important;
  --bs-primary-rgb: 191, 6, 42 !important;
  --lila: #6f1a84;
  --piros: #bf062a;
  --zold: #00a636; /*0,166,54*/
  --kek: #4ca7c9;
  --szurke: #8d8d95;
  --vszurke: #e7e7e8;
  --stszurke: #323337;
  --bgszurke: #f7f7f7;
  --zold-lablec: rgba(137, 161, 60, 0.85);
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  font-family: "Roboto", sans-serif;
}

html {
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #f7f7f7;
  min-height: 100vh;
  display: grid;
}

fieldset {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  padding: 10px !important;
  border: 1px solid var(--bs-primary) !important;
  border-radius: 10px !important;
}
legend {
  border-radius: 10px !important;
  background-color: var(--bs-primary) !important;
  color: white !important;
  padding: 4px 20px !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  float: inherit !important;
  width: auto !important;
}

.text-primary {color: var(--bs-primary);}
.text-stszurke {color: var(--stszurke);}
.text-stszurke-i {color: var(--stszurke) !important;}
.text-szurke {color: var(--szurke);}
.text-vszurke {color: var(--vszurke);}
.bg-vszurke {background-color: var(--vszurke);}
.bg-szurke {background-color: var(--szurke);}
.bg-stszurke { background-color: var(--stszurke);}
.bg-green {background-color: var(--zold);background-image: url(../img/zoldsav.jpg);background-repeat: no-repeat;background-position: center;}
.br-transparent {border: transparent;}
.beljebb { padding-inline: 12%;}
.idezet {background-image: url(../img/idezojel.png);background-position: 11% 10px;background-repeat: no-repeat;background-size: 150px;}

h1, h2, h3, h4, h5 {font-weight: bold;}

.filter-piros {filter: brightness(50%) sepia(100) saturate(100) hue-rotate(25deg);}

.Subtraction-1 {
  width: 157px;
  background-color: #bf062a;
  border-radius: 0 0 35px 35px;
  color: white !important;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 35px 20px 20px 20px;
  margin-top: -15px;
  margin-bottom: 5px;
}

.Subtraction-1 a {color: white !important;}
.vl {border-left: 1px solid white;height: 24px;}
.vl-stszurke {border-left: 1px solid var(--stszurke);height: 24px;margin-inline: 4%;}
a {text-decoration: none !important;}
.sliderimg {height: auto;object-fit: cover;}
.slider_btn {height: 7px !important;width: 7px !important;border-radius: 100%;}
.slider_btn_2 {height: 7px !important;width: 7px !important;border-radius: 100%;background-color: #bcbcbc !important;}
.carousel-control-prev-icon {background-image: url("/Frontend/img/nyil_balra.png");}
.carousel-control-next-icon {background-image: url("/Frontend/img/nyil_jobbra.png");}
.carousel-indicators .active {opacity: 0 !important;}

/* #region input */
.input {
  border: 1px solid var(--stszurke);
  background-color: transparent;
  border-radius: 5px;
  padding: 5px;
  color: var(--stszurke);
  outline: none;
}

/* #endregion */

/* #region  Gombok */

.gomb {
  cursor: pointer;
  width: fit-content;
  border: 0px;
  border-radius: 20px;
  padding-inline: 35px;
  color: white;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  align-content: center;
}

.gomb-zold {
  background: #00a636;
  color: white !important;
}

.gomb-fzold {
  background: #00a636;
  border: 1px solid white;
  font-weight: bold;
  color: white;
}
.gomb-fzold:hover {
  background: white;
  color: var(--zold);
  border: 1px solid white;
}

.gomb-zold:hover {
  background: #017929;
}

.gomb-sarga {
  background: #d2ac33;
  color: white !important;
}

.gomb-sarga:hover {
  background: #d28f27;
}

.gomb-feher {
  color: var(--bs-primary);
  font-weight: bold;
  background-color: white;
  transition: all 0.2s;
  border: 2px solid white;
}

.gomb-feher:hover {
  color: white;
  background-color: var(--bs-primary);
}

.gomb-piros {
  background-color: var(--bs-primary);
  font-weight: bold;
  color: white;
  transition: all 0.2s;
  border: 2px solid var(--bs-primary);
}

.gomb-piros:hover {
  color: var(--bs-primary);
  background-color: white;
}

.gomb-szurke {
  background-color: var(--szurke);
  border: 2px solid vaR(--szurke);
  color: white;
}

.gomb-szurke:hover {
  background-color: transparent;
  color: var(--szurke);
}

/* #endregion */

.footer a {
  color: white;
  text-decoration: none;
  transition: all 0.2s;
}

.footer a:hover {
  color: var(--bs-primary);
}

.btn-admin-aktivitas {
  transition: all 0.2s;
}

.adminaktiv:checked + .btn-admin-aktivitas:before {
  content: "Jelenleg aktív, megjelenik";
}

.adminaktiv:not(:checked) + .btn-admin-aktivitas:before {
  content: "Jelenleg inaktív";
}

.adminaktiv:not(:checked) + .btn-admin-aktivitas {
  border: 1px solid var(--bs-primary);
  color: var(--bs-primary);
}

.adminaktiv:not(:checked) + .btn-admin-aktivitas:hover {
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  color: white;
}

.keresForm {
  display: grid;
  grid-template-columns: auto min-content;
}
/*EGYÉB*/

.esemeny {
  flex: 0 0 calc(100% / 3 - 2%);
  margin-bottom: 20px;
  border-radius: 20px;
  margin-inline: 1%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  background-color: white;
}

.esemeny:hover {
  transform: scale(1.02);
}

.esemeny .datum {
  display: block;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  border-radius: 20px;
  padding-inline: 20px;
}

.esemeny img {
  width: 100%;
  height: auto;
  object-fit: fill;
  border-radius: 20px 20px 0 0;
}

.esemeny p {
  color: #323337;
}

.palyazat {
  border-radius: 20px;
  box-shadow: rgba(141, 141, 149, 0.25) 0px 8px 24px;
  cursor: pointer;
  transition: all 0.2s;
  flex: 0 0 calc(100% / 3 - 20px);
  margin: 10px;
  padding: 20px;
  max-width: 100% !important;
  overflow: hidden;
}

.palyazat h3 {
  color: #323337;
}

.palyazat .datum {
  display: inline-block;
  border-radius: 20px;
  padding-inline: 20px;
}
/*Rólunk*/
.infok {
  grid-template-columns: auto auto;
  column-gap: 30px;
}

.infok img {
  filter: brightness(1.2);
  margin-right: 30px;
  height: 25px;
}

.hely {
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  width: 16.666%;
}
.hely .zoldszuro {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(141, 141, 149, 0.7);
  z-index: 0;
  top: 0;
}
.hely img {
  width: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(0.7) brightness(1.3) opacity(0.7);
}
.hely:hover .zoldszuro {
  display: block;
}
.hely:hover button {
  background: white;
  color: var(--zold);
  border: 1px solid white;
}

.ember-details {
  background-color: #f7f7f7;
}

.ember-details .pkep {
  width: 20vh;
  height: 20vh;
  border-radius: 15px;
}

.ember-details .infok div img {
  margin-right: 10px;
  height: 20px;
  width: 20px;
}

.ember .szoveg {
  z-index: -1;
  line-height: 0;
  color: transparent !important;
  transition: all 0.2s;
  height: 0;
}

.ember .szoveg:target {
  line-height: 1.5;
  color: black;
  height: auto;
}

.gomb:hover > .plusz {
  background-color: var(--bs-primary) !important;
}
.gomb:hover > .plusz span {
  color: white;
}

.gomb .plusz {
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  transition: all 0.2s;
}

.bemutatkozas {
  width: fit-content;
  z-index: 10;
}

.pdf {
  width: calc(100% / 4);
  font-size: 20px;
  align-items: center;
  margin-bottom: 2%;
}
.pdf span {
  font-size: 25px;
}

/*Publikációk*/

.publikacio div:first-child {
  max-width: 80%;
}

.publikacio .ikon {
  color: var(--stszurke) !important;
  cursor: pointer;
  transition: all 0.2s;
}

.publikacio .ikon:hover {
  transform: scale(1.05);
}

/* #region jogsegély */

.jogs-gombok .lenyilo {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(100% / 2 - 10%);
  margin-bottom: 20px;
}

.jogs-gombok .nyitni {
  transition: all 0.4s;
  background-color: white;
  padding: 2vw;
  padding-top: 50px;
  transform: translateY(-90%);
  margin-bottom: -90%;
  display: none;
  z-index: 1;
  border-radius: 0 0 20px 20px;
}

.nyito {z-index: 2;}

/* #endregion */

/* #region palyazat */
.palyazat-filek .pdf {width: fit-content;display: flex;}
/* #endregion */

/* #region kapcsolat */
.kapcs-elem img {width: 20px;height: 20px;margin-right: 15px;}
.kapcs-elem {color: var(--stszurke);}
.kapcs-content {columns: var(--stszurke);}
.kapcs-mezok input, textarea {border: 1px solid #707070;background-color: white;padding: 10px;margin: 5px;border-radius: 5px;}

/* #endregion */
.ketfele * {flex: 0 0 calc(100% / 2 - 10px);}
.haromba * {flex: 0 0 calc(100% / 2 - 10px);}
.f-full {flex: 0 0 100%;}
.content {color: var(--stszurke);display: flex;align-items: stretch;justify-content: flex-start;padding-bottom: auto;flex-direction: column;}
.content p {color: var(--stszurke);text-align:justify;}
.content img {max-width: 100%;}
.tartalom img {max-width: 550px;}

.text-error {color: var(--piros)!important;}
.text-ok {color: var(--zold)!important;}

/*#region GALLÉRIA */
.gallery {display: grid;grid-column-gap: 10px;grid-row-gap: 10px;overflow: hidden;}
.g-egy {grid-template-columns: 100%;}
.g-ketto {grid-template-columns: 50% 50%;}
.g-tobb {grid-template-columns: 33% 33% 33%;}
.gallery a {overflow: hidden;cursor: zoom-in;}


.galleryModal {
  visibility: collapse;
  display: block;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  pointer-events: initial;
}

.galleryModal .gm-felsosav {
  position: absolute;
  top: 0;
  width: 100%;
  padding-inline: 1%;
  display: flex;
  justify-content: space-between;
  padding-top: 1%;
}

.galleryModal .gm-felsosav .gmf-jobb {
  display: flex;
  flex-direction: row;
  color: white;
  cursor: pointer;
  user-select: none;
}

.galleryModal .gm-felsosav .gmf-jobb * {
  margin-left: 10px;
  transition: all 0.2s;
}
.galleryModal .gm-felsosav .gmf-jobb *:hover {
  color: var(--bs-primary);
}

.galleryModal .gm-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
  top: 0;
}

.galleryModal .gm-content .gmc-slide {max-width: 80%;}
.galleryModal .gm-content .gmc-slide img {max-width: 100%;}
.galleryModal .gm-content .gmc-slide  .gmcs-felirat {position: absolute;color: white;transform: translateY(-100%);padding: 5px;background-color: rgba(0,0,0, 0.75);}
.galleryModal .gm-controls {user-select: none;color: white;display: flex;justify-content: space-between;position: absolute;width: 100%;top: 50%;
padding-inline: 1%;cursor: pointer;}
.galleryModal .gm-controls * {transition: all 0.2s;}
.galleryModal .gm-controls *:hover {color: var(--bs-primary);}

/*#endregion*/

.slider-szoveg {top: 50%;transform: translateY(-50%);}
.login {width: fit-content;background-color: var(--vszurke);border-radius: 20px;padding: 20px;}

/* RESPONSIVE */

@media only screen and (min-width: 1000px) {
  .esemenyek {display: flex;}
  .sliderimg {width: 960px;}
}
@media only screen and (max-width: 1250px) {
  .esemeny {flex: 0 0 calc(100% / 2 - 10px);}
  .palyazat {flex: 0 0 calc(100% / 2 - 20px);}
  #hirekSlider .MS-content .esemeny {flex: 0 0 calc(100% / 2 - 20px);}
}

@media only screen and (max-width: 960px) {
  .jogs-gombok .lenyilo {flex: 0 0 calc(100%);margin-bottom: 20px;}
  .esemeny {flex: 0 0 calc(100%);margin-bottom: 20px;}
  .palyazat { flex: 0 0 calc(100%);}

  .slider-szoveg {
    justify-content: center;
    align-items: center;
    margin-left: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
    width: -webkit-fill-available;
    width: -moz-available;
    padding-inline: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
  }

  .gomb-zold {margin-top: 20px;}
}

@media only screen and (max-width: 800px) {
  .hely {width: 50%;}
}

@media only screen and (max-width: 600px) {
  .hely {width: 100%;}
  .tartalom img {max-width: 100%;}
  .beljebb {padding-inline: 1%;margin-inline: 0;}
}

/*SLIDER*/
@media only screen and (min-width: 993px) {
  .palyazat:hover {transform: scale(1.02);}
  body {grid-template-rows: 85px auto 300px;}
}

@media screen and (max-width: 767px) {
  .publikacio div:first-child {width: 100%;max-width: none;}
  .beljebb {margin-inline: 3%;}
  .ember .pkep {width: 100%;height: auto;}
  .pdf {width: auto;margin-inline: 10%;}
  .pdfek {justify-content: center !important;}
  .ketfele * {flex: 0 0 calc(100%);}
}

@media screen and (max-width: 400px) {
  .esemeny img {height: auto;}
}

@media only screen and (min-width: 600px) {
  .hn::after {background-color: white !important;}
}

/* #region Dropdown menü */
.navbar .nav-item {
    position: relative;
}

/* Desktop nézet */
@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        display: none;
        position: absolute;
        left: 0;
        background-color: var(--bgszurke);
        border-top: solid var(--bs-primary);
        border-width: 2px 0 0 0;
        padding: 0.5rem 0;
        min-width: 105%;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar .nav-item:hover > .dropdown-menu {
        display: block;
    }
}

/* Mobil nézet */
@media screen and (max-width: 991px) {
    .navbar .dropdown-menu {
        display: none;
        position: static;
        background: none;
        border: none;
        padding: 0;
        text-align: center;
        margin-top: 0;
    }

    .navbar .nav-item:hover > .dropdown-menu {
        display: block;
    }
}

.navbar .dropdown-menu .nav-link {
    color: var(--stszurke) !important;
    padding: 0.2rem 1rem;
    transition: all 0.2s;
}

.navbar .dropdown-menu .nav-link:hover {
    color: var(--piros) !important;
    background-color: transparent;
}

/* #endregion */