@charset "utf-8";



/* CSS Document */

@font-face

{

    font-family: Italianno;

    src: url('Italianno-Regular.ttf');

}



@font-face {

    font-family: Italianno,  Italianno_R;

    src: url('itcedscr_hun.eot');

    src: url('itcedscr_hun.eot?#iefix') format('embedded-opentype'),

         url('itcedscr_hun.woff') format('woff'),

         url('itcedscr_hun.ttf') format('truetype'),

         url('itcedscr_hun.svg#edwardian_script_itcregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: Allema;

    src: url('Allema.ttf');

    font-weight: normal;

    font-style: normal;

}



#alapitvany p{

    text-align: center;

    margin: auto;

}



body {

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-color: #F7F7F7;

color:#505f82;

margin:0px;

}



body, td,th{

	font-size:16px;



}



#emptyBox

{

	width:auto;

}

h2

{

	font-size:16pt;

	font-weight:bold;

	text-transform: uppercase;

	margin-top:0px;

}

h1{

	text-align: center;

}

#header{

    vertical-align: middle;

    width: 100%;

    background-color: #FFF;

    font-family: Calibri, Sans-serif, Tahoma;

}

#emptyBoxBottom

{

	width:auto;

	clear:both;

}



.mainContent{

	font-family:Calibri;

	max-width:100%;

	margin:auto;

	padding-right:15px;

	padding-left:15px;/*

	border-right:2px solid;

	border-left:2px solid;*/

}

.mainContent p{

	font-size: 13pt;

	text-align: justify;

	margin-left: 30px;

	margin-right: 30px

}

.mainContent h2{

	text-align:center;

	font-weight: bold;

	margin-top: 25pt;

}

.csoportkep {

	filter: grayscale(40%);

	max-width: 100%;

	border-radius: 4px;

}

.csoportkep:hover{

	filter: none;

}

#kapcsolat p{

	text-align: center;

}

a{

	color:#505f82;

	text-decoration: none;

}

#csoportokTable tr td{

	padding-left:15px;

	width:33%;

}

#csoportokTable p{

	margin-bottom:0px;

}

#tanarokText{

	float:left;

	text-align: center;

	line-height: 1.5;

	display: inline-block;

	vertical-align: middle;

}

#tanarokText p{



}

#tanarokPic{

	float: right;

	max-width:600px;

}

#tanarokPic img{

	max-width: 100%;

}

.row {

  display: flex; /* equal height of the children */

}



.col {

  padding: 1em;

  width: 50%;

  text-align:center;

}

.left{

	float:left;



}

.right{

	float: right;

	max-width:600px;

}

.right img{

	max-width: 100%;

}

.csoportIndexPic{

		max-width:100%;

}

.footer{

	margin-top: 75px;

	font-family: Calibri;

	font-size: 13pt;



}

.footer h2{

	text-transform: none;

	font-weight: lighter;

	font-size: 24pt;

	font-family: Allema;

}

.footerSzerzo{

	max-width:1000px;

}

.idezetSzerzo{

	float: right;

	margin-top: -10pt;

	font-style: italic;

}

#probak p{

	font-size: 11pt;

}

.mainContent h3{

	text-transform: uppercase;

}





#tamogatok{

	max-width:100%

}



.tamogatokMobile{

	display:none;

}

.galeriak{

	width:100%;

	height:100%;

}

.galeriak tr{

}

.galeriak td{

	width:30vw;

	height:300px;

	border-radius:5px;

	text-align: center;

}

.galeriak img{

	width: 100%;

	height: 100%;

	border-radius:5px;

	object-fit: cover;

}

#galeriaYearSelector{

	width:100%;

	text-align:center;

	margin-bottom:40px;

}

#galeriaYearSelector a{

	font-size:12pt;

}

#galeriaYearSelector a:hover{

	text-decoration:underline;

}

#galeriaYearSelector a:hover ~ #galeriaYearSelector{

	margin-bottom: 20px;

}

.galeriaGrid {

  padding: 1rem;

}



.gridContainer {

  display: grid;

  grid-template-columns: 1fr; /* default = 1 column (mobile) */

  gap: 1rem;

}



.grid-2col {

  grid-template-columns: repeat(2, 1fr);

}



.grid-3col {

  grid-template-columns: repeat(3, 1fr);

}



.galeriaItem {

  display: block;

  text-decoration: none;

  color: inherit;

}



.galeriaTd {

  position: relative;

  height: 30vh;

  min-height: 30vh;

  background-size: cover;

  background-position: center;

  border-radius: 8px;

  overflow: hidden;

  filter: grayscale(40%);

  transition: filter 0.3s;

}

.grid-3col .galeriaTd{

	height: 45vh;

}

.grid-3col .galeriaTd{

	height: 50vh;

}

.galeriaTd:hover {

  filter: none;

}



.galeriaDesc {

  position: absolute;

  bottom: 0;

  width: 100%;

  background: rgba(255, 255, 255, 0.8);

  padding: 0.5rem;

  box-sizing: border-box;

  text-align: center;

  font-weight: bold;

}