/**
 * @file
 * Subtheme specific CSS.
 */

p {
  font-size: 17px;
}

.container {
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

/* Headder */

.header {
  margin-bottom: 3px;
}

/* Logo */

#navbar-main {
  background-color: #fff;
}

#navbar-main>a>img {
  width: 120px;
  margin-top: 0.7em;
  margin-left: 5em;
  margin-bottom: 0.5em;
}

/* Parallax */

.hero {
  padding-top: 2em;
  position: relative;
  height: 45vh;
  overflow: hidden;
}

.hero2 {
  position: relative;
  height: 55vh;
  overflow: hidden;
}

.parallax-image {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: 1;
  will-change: transform;
}

/* Főmenü */

.navbar-nav {
  padding-right: 3em;
}

.nav-item {
  margin-left: 1em;
  margin-right: 1em;
}

/* blokkok */
#block-bootstrap-barrio-subtheme-content>div>article>div>div,
.tartalmi_blokk {
  padding:3em;
  background-color: #4fadc7;
  color: #fff;
}


.field--name-body > h2,
.field--name-body > p,
#block-bootstrap-barrio-subtheme-vfusion > div.content > div > ul{
  max-width: 1000px;
  margin:auto;
  line-height: 1.6em;
}

.osszehason {
  background-color: #f2f2f2;
  color: #818181;
}

/* összehasonlító táblázat*/

table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  box-shadow: 0 4px 20px #f0f0f0;
}

caption h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #818181;
  margin-left: 3em;
}

th,
td {
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #ddd;
  background-color: #fff;
}

thead th {
  background-color: #0066cc;
  color: white;
  font-size: 1.1rem;
}

tbody td ul {
  padding-left: 1.2rem;
  margin: 0;
  padding-top: 1rem;
}

tbody td ul li {
  margin-bottom: 0.5rem;
}

tbody img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  padding: 1em;
}

#block-bootstrap-barrio-subtheme-osszehasonlitas>div.content>div>table:nth-child(3)>tbody>tr>td>img {
  margin-left: 0;
}

tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.caption>figcaption {
  font-size: 19px;
  font-weight: 700;
  caption-side: bottom;
  text-align: center;
}

#block-bootstrap-barrio-subtheme-osszehasonlitas>div>div>table>tbody>tr>td:nth-child(1)>figure {

  width: 195px;
  margin: 0 auto;
  text-align: center;
}

/* Színek */

.szinek {
  background-color: #fff;
  color: #303030;
}

#block-bootstrap-barrio-subtheme-szinek>div.content>div>p {
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#block-bootstrap-barrio-subtheme-szinek>div>div>p>img {
  margin: 1rem;
}

/*galéria*/

.galeria {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 2em;
  margin-top: 2em;
}

#block-bootstrap-barrio-subtheme-views-block-galeria-block-1>div>div>div>div>div>div>div>div>div,
#block-veltia-views-block-galeria-block-1 > div.content > div > div > div.view-content.row > div > div > div > div{
  overflow: hidden;
  max-height: 342px;
}

/* Vfusion */

.vfusion{
width: 50%;
float:right;
margin:1em;
padding-right: 2em;
overflow:hidden;
}

.vfusion > img{
  width:100%;
  height: auto;
}
/* KAPCsoLAT*/

.kapcs {
  color: #818181;
  padding-bottom: 2em;
}

.kapcs p {
 
  padding-bottom: 10px;
}

/* Reszponziv */

@media (max-width: 768px) {

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
    width: 100%;
  }

  thead {
    display: none;
  }

  tr {
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }

  td {
    position: relative;
    padding-left: 50%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #eee;
  }

  /* összehasonlítás */

  figure {
    margin: 0 0 0rem;
  }

  #block-bootstrap-barrio-subtheme-osszehasonlitas>div.content>div>table>tbody>tr>td:nth-child(1) {
    text-align: -webkit-center;
    padding: 0;
  }

  tbody img {
    margin-left: 0;
  }

  .caption>figcaption {
    font-size: 16px;
    margin-left: 0;
  }

  /* veltia szöveg megjelenítése */

  #block-veltia-osszehasonlitas > div.content > div > table > tbody > tr > td:nth-child(3):before {
    content: attr(data-label);
  }

   #block-veltia-osszehasonlitas > div.content > div > table > tbody > tr > td:nth-child(3) >ul {
    padding-top: 3rem;
  }

  /*utolsó tábláról eltüntetni */
#block-veltia-osszehasonlitas > div.content > div > table:nth-child(3) > tbody > tr > td:nth-child(3):before {
    content: "";
  }

  

  .vfusion{
    width:100%;
    height:auto;
    clear:both;
    margin-right:auto;
    margin-left: auto;
    padding: 0;
  }

  /* folytatás */
  td:before {
    position: absolute;
    left: 1rem;
    top: 1rem;
    font-weight: bold;
    color: #666;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {

  /* Parallax */

.hero {
  padding-top: 2em;
  position: relative;
  height: 30vh;
  overflow: hidden;
}

.hero2 {
  position: relative;
  height: 55vh;
  overflow: hidden;
}

.parallax-image {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  will-change: transform;
}


}