/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.gform-embed-wrap {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
  background: #fff;
}

.gform-embed-frame {
  display: block;
  width: 100%;
  height: 900px;
  border: 0;
}

/* Az impresszum oldal két oszlopa alapból középre igazítja a tartalmat;
   ez a magas beágyazott űrlappal együtt lenyomta a bal oszlop szövegét. */
#top .post-entry-311 .flex_column_table_cell.av-align-middle {
  vertical-align: top !important;
  align-items: flex-start !important;
}

/* A bal oszlop szövege görgetéskor a képernyőn marad, amíg az űrlap oszlop tart. */
#top .post-entry-311 .impresszum-sticky-col {
  position: sticky;
  top: 140px;
}

@media only screen and (max-width: 767px) {
  #top .post-entry-311 .impresszum-sticky-col {
    position: static;
  }
  .gform-embed-frame {
    height: 1100px;
  }
}

/* "Legfrissebb írásaink" widget: eredetileg csak 2 hírt sorolt egy "slide-entry-wrap"
   divbe, ami félig üres sorokat okozott. Rács elrendezésre váltjuk, ahol a wrap divek
   eltűnnek a dobozmodellből, és a hírek egyenletesen, soronként 4-esével törnek sort. */
#top .avia-content-slider-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* az oldalankénti lapozó-csoport (1/2/3) is eltűnik a dobozmodellből, hogy a
   benne lévő hírek közvetlenül a rács celláiba kerüljenek */
#top .gyerekasztal-pager-page {
  display: contents;
}

#top .avia-content-slider-inner .slide-entry-wrap {
  display: contents;
}

#top .avia-content-slider-inner .slide-entry {
  width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
}

@media only screen and (max-width: 989px) {
  #top .avia-content-slider-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 600px) {
  #top .avia-content-slider-inner {
    grid-template-columns: 1fr;
  }
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}