@font-face {
  font-family: Alegreya;
  src: url('Alegreya-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Alegreya;
  src: url('Alegreya-Bold.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: Alegreya;
  src: url('Alegreya-Italic.otf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Alegreya;
  src: url('Alegreya-BoldItalic.otf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

	:root{
		--body-hatter: 474747;
		--fejlec-hatter: #cacaca;
		--fejlec-cim-betu-szin: #ffffff;
		--bannersav-hatter: #5e0d01;
		--tartalomsav-hatter: #872904;
		--tart-hatter: #f8e0b9;	
		--top-menu-szin: #f8e0b9;
		--link-szin: #872904;
		--betu-szin: #872904;
		--menu-hatter: #cacaca;
		--almenu-hatter: #b24e34;
		--almenu-betu-szin: #154591;
		--modul-fejlec-hatter: #cacaca;
		--modul-hatter: #dbdbdb;
		--modul1-hatter: #d3b78e;
		--modul2-hatter: #f8e0b9;		
		--lablec-hatter: #5e0d01;
		--lablec-cim-betu-szin: #154591;
		--lablec-betu-szin: #f8e0b9;
		--mobil-fejlec-betuszin: #f8e0b9;
		--mobil-lablec-hatter: #5e0d01;	
		--mobil-lablec-betu-szin: #f8e0b9;
	
	}
	
		

@media (min-width: 992px) {
	

	*{
		font-family: 'Alegreya';
		font-size: 16pt;
		color:var(--betu-szin);
	}
	
	h1{		
		text-align: left;
		width:100%;
		margin:0px;
		font-weight:bold;
		font-size: 20pt;
		color:var(--betu-szin);
	}

	h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		font-size: 16pt;
		color:var(--betu-szin);
		text-align:left;
	}	

	body{
		padding:0px;
		margin:0px;
		background:var(--body-hatter);			
	}

	/* --- FEJLEC --- */
	header{
		color:var(--fejlec-hatter);
		background-image:url('../images/fejlec.jpg');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:center center;
		position:relative;
		height:300px;
	}
	

	
	/* --- FEJLEC MENU ---*/
	
	div.fejlec{
		background:rgba(119,15,0,0.8);	
	}
	
	

	div.menusor{
		height:54px;
		line-height:54px;
	}
	
	div.logo img{
		height:37px;
	}	

	div.navigacio{
		
	}

	div.navigacio ul {
		list-style: none;
		float:right;
	}


	div.navigacio a {
		color: var(--top-menu-szin);
		font-weight:bold;
		margin-left:20px;
		font-size: 14pt;
	}

	div.navigacio a:hover{
		text-decoration: none;
		border-bottom: 3px solid var(--top-menu-szin);
	}
	
	div.navigacio li ul{
		display: none;
	}
	
	div.navigacio li:hover ul{
		display:block;
	}
	
	div.navigacio ul ul {
		list-style: none;
		line-height:30px;
		position:absolute;
		top:54px;
		padding-left:20px;
		padding-right:20px;		
		padding-top:10px;				
		padding-bottom:10px;			
		background:rgba(119,15,0,0.8);	
	}
	
	div.navigacio li ul a{
		color: var(--top-menu-szin);
		margin: 0px;
		padding:0px;
		font-size: 14pt;		
	}



	 /* --- FEJLEC BANNER --- */
	 
	div.bannersav{
		background:var(--bannersav-hatter);	
		position:relative;
		height: 56px;
		line-height:56px;
	}
		

	/* --- UTVONAL --- */
	ul.breadcrumb{
		background:transparent;
		list-style: none;
		padding:0px;
		color: var(--top-menu-szin) !important;	
		font-size: 14pt;	
		font-weight:bold;		
	}

	ul.breadcrumb a {
		color: var(--top-menu-szin);
	}

	ul.breadcrumb a:hover{
		text-decoration: none;
		border-bottom: 1px solid var(--top-menu-szin);
		color: var(--top-menu-szin);
	}

	ul.breadcrumb li {
		padding-left:2px;
		padding-right:2px;		
	}
	
	ul.breadcrumb li span{
		padding-left:2px;
		padding-right:2px;		
		color: var(--top-menu-szin) !important;	
		font-size: 14pt;	
		}

	/* --- TARTALOM --- */

	div.tartalomsav{
		position:relative;	
		
	}
	div.tartalomhatter{
		background:var(--tartalomsav-hatter);
		position:relative;
	}


	div.tartalom{
		padding-top:40px;
		padding-bottom:40px;
		background:var(--tart-hatter);		
	}
	
	/* --- AKTOSZLOP --- */
	div.page-header{
		
	}

	div.category-desc{
		padding-top:10px;
	}

	div.aktoszlop{	


	}		
	
	div.aktoszlop p{	
		text-align:justify;
	}	

	div.aktoszlop a{
		color: var(--link-szin);
		text-decoration:none;
		padding:0px;
	}
	
	div.aktoszlop a:hover{
		text-decoration:underline;
	}

	div.aktoszlop div.items-row{
		padding-top:15px;
	}

	div.aktoszlop div.span4{
		width:33.33%;
		height: 325px;
		float:left;
	}

	div.aktoszlop div.span4 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}

	div.aktoszlop div.span4 div.item time{
		font-size:11pt;
		font-weight:bold;
	}
	
	div.aktoszlop div.span4 dl.article-info,div.aktoszlop div.span4 dd.published{
		padding:0px;
		margin:0px;
	}	
	

	div.aktoszlop div.span4 div.item p.readmore{
		position:absolute;
		padding-right:10px;
		bottom:0;
		right:0;
	}

	div.aktoszlop div.span4 div.item img{
		width:100%;
	}

	div.aktoszlop div.pagination{
		width:100%;
	}

	div.aktoszlop div.pagination ul{
		list-style-type: none;
		list-style: none;
		margin: auto auto;
	}

	div.aktoszlop div.pagination ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	div.aktoszlop div.counter{
		display:none;
	}	

	div.aktoszlop div.archive select{
		width:100px;
	}

	div.aktoszlop div.archive button{
		background-color: var(--link-szin);
		border:0px;
	}
	
	div.aktoszlop div.item-image {
		width: 215px;
		height: 145px;  
		overflow: hidden;
	}	
	div.aktoszlop div.item-image img{
		object-fit: contain;
	}
	
	/* --- RENDEZVÉNYEK --- */
	
	div.blog_rendezveny div.items-row::after {
		border-bottom: 2px solid var(--link-szin);
	}
	
	div.blog_rendezveny div.items-row:last-child::after {
		border-bottom: 0px solid var(--link-szin);
	}	
    
	
	/* --- MODUL1--- */
	div.modulsav1{
		background:var(--modul1-hatter);	
		position:relative;
	}

	/* --- MODUL2-- */
	div.modulsav2{
		background:var(--modul2-hatter);	
		position:relative;

	}
	
	div.modulsav2 div.moduletable{
		padding-top:25px;
		padding-bottom:25px;

	}
	
	div.modulsav2 h2{
		padding-bottom:15px;
	}	
	
	
	/* --- KAPCSOLAT --- */
	
	div.elerhetoseg {
		width:50%;
		float:left;
		padding: 0px;
		margin: 0px;
	}

    	
	
	/* --- LABLEC--- */
	div.lablecsav{
		background:var(--lablec-hatter);	
		position:relative;
		max-height:202px;
		line-height:202px;
	}

	/* --- LABLEC MENUSOR --- */
	div.lablec-menu{			
		height:202px;
		position:relative;				
	}

	div.lablec-modul, div.lablec-modul div.custom{
		height:202px;

	}

	div.lablec-menu h1{
		text-transform: uppercase;
		font-size: 16pt;
		color: var(--lablec-betu-szin);
		line-height:20px;			
	}

	div.lablec-menu p{
		font-size: 12pt;
		color:var(--lablec-betu-szin);	
		line-height:20px;		

	}

	div.lablec-menu a{
		font-size: 12pt;
		color:var(--lablec-betu-szin);
		text-decoration: none;
	}
	div.lablec-menu a:hover{
		font-size: 12pt;
		color:var(--lablec-betu-szin);
		text-decoration: underline;
	}
	
	div.lablec-menu img{
		height:auto;
	}	
}


@media (max-width: 991.98px) {

	div.container {

	}
	
	*{
		font-family: 'Alegreya';
		font-size: 16pt;
		color:var(--betu-szin);
	}
	
	h1{		
		text-align: left;
		width:100%;
		margin:0px;
		font-weight:bold;
		font-size: 20pt;
		color:var(--betu-szin);
	}

	h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		font-size: 16pt;
		color:var(--betu-szin);
		text-align:left;
	}	
	
	body{
		background:var(--oldal-hatter);
		padding:0px;
		margin:0px;
	}
	
/* --- FEJLEC --- */	
	div.fejlecsav{
		background-image:url('../images/mobilfejlec.jpg');
		background-repeat: no-repeat;
		background-size:cover;
		height:202px;
		text-align:center;

	}
	
	div.fejlecsav img{
	}	
	
	div.menusav{
		background:rgba(119,15,0,0.8);		
	}
	
	div.menusor{
		height:60px;
	}
	
	nav{

	}

	nav button{
		float:right;
		color:var(--mobil-fejlec-betuszin) !important;
		border-color:var(--mobil-fejlec-betuszin) !important;
	}	
	
	nav div.moduletable{
		padding-top:13px;
		z-index: 1000;
		position: relative;
	}
	
	
	nav ul{
		list-style-type: none;
		margin: 0px;
		padding:0px;
		background:rgba(119,15,0,0.8);			
	}

	nav ul li a{
		display:block;
		width:100%;
		font-weight:bold;	
		font-size: 13pt;
		color:var(--mobil-fejlec-betuszin);
		text-decoration: none;	
	}

	nav ul li a:hover{
		display:block;
		text-decoration: underline;	
		color:var(--mobil-fejlec-betuszin);
	}

	nav ul ul{
		display:none;
	}

	nav ul li.active ul, nav ul li.alias-parent-active ul{
		list-style-type: none;
		margin: 0px;
		padding:0px;
		display:block;
	}

	nav ul ul li{
		background-image:none;
		line-height:35px;
	}

	nav ul ul li.active{
		background-image:none;
	}


	nav ul ul li a{
		display:block;
		font-weight:normal;
		text-transform: none;	
		font-size: 13pt;
		color:var(--mobil-fejlec-betuszin);
		text-decoration: none;
	}
	
	nav ul ul li a:hover{
		color:var(--mobil-fejlec-betuszin);
		text-decoration: underline;
	}


/* --- FEJLEC BANNER --- */
	 
	div.bannersav{
		background:var(--bannersav-hatter);	
		position:relative;
		height: 56px;
		line-height:56px;
	}
		

	/* --- UTVONAL --- */
	ul.breadcrumb{
		background:transparent;
		list-style: none;
		padding:0px;
		color: var(--top-menu-szin) !important;	
		font-size: 14pt;	
		font-weight:bold;		
	}

	ul.breadcrumb a {
		color: var(--top-menu-szin);
	}

	ul.breadcrumb a:hover{
		text-decoration: none;
		border-bottom: 1px solid var(--top-menu-szin);
		color: var(--top-menu-szin);
	}

	ul.breadcrumb li {
		padding-left:2px;
		padding-right:2px;		
	}
	
	ul.breadcrumb li span{
		padding-left:2px;
		padding-right:2px;		
		color: var(--top-menu-szin) !important;	
		font-size: 14pt;	
		}
	

/* --- TARTALOM --- */		
	div.tartalomhatter{
		background:var(--tartalomsav-hatter);
	}

	div.tartalom{
		padding-top:20px;
		padding-bottom:20px;
		background:var(--tart-hatter);		
	}
	
	div.tartalom p{	
		text-align:justify;
	}	
	
	div.page-header{
		
	}

	div.category-desc{
		padding-top:10px;
	}

	div.tartalom a{
		color: var(--link-szin);
		text-decoration:none;
		padding:0px;
	}
	div.tartalom a:hover{
		text-decoration:underline;
	}

	div.tartalom div.items-row{
		padding-top:5px;
	}

	div.tartalom div.span4{
		width:100%;
		float:left;
	}

	div.tartalom div.span4 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}

	div.tartalom div.span4 div.item time{
		font-size:11px;
		font-weight:bold;
	}

	div.tartalom div.span4 dl.article-info,div.aktoszlop div.span4 dd.published{
		padding:0px;
		margin:0px;
	}	
	
	div.tartalom div.span4 div.item p.readmore{
		position:relative;
		padding:0px;
		float:right;
	}

	div.tartalom div.span4 div.item img{
		width:100%;
	}

	div.tartalom div.pagination{
		width:100%;
	}

	div.tartalom div.pagination ul{
		list-style-type: none;
		list-style: none;
		margin: auto auto;
	}

	div.tartalom div.pagination ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
	}

	div.tartalom div.archive select{
		width:100px;
	}

	div.tartalom div.archive button{
		background-color: var(--link-szin);
		border:0px;
	}	
	
	/* --- RENDEZVÉNYEK --- */
	
	div.blog_rendezveny div.items-row::after {
		border-bottom: 2px solid var(--link-szin);
	}
	
	div.blog_rendezveny div.items-row:last-child::after {
		border-bottom: 0px solid var(--link-szin);
	}		
	
	/* --- MODUL1--- */
	div.modulsav1{
		background:var(--modul1-hatter);	
		position:relative;
	}

	/* --- MODUL2-- */
	div.modulsav2{
		background:var(--modul2-hatter);	
		position:relative;

	}
	
	div.modulsav2 div.moduletable{
		padding-top:25px;
		padding-bottom:25px;

	}
	
	div.modulsav2 h2{
		padding-bottom:15px;
	}	
		
	
	/* --- KAPCSOLAT --- */
	
	div.elerhetoseg {
		width:100%;
		float:none;
		padding: 0px;
		margin: 0px;
	}
	
	div.elerhetoseg iframe{
		width:100%;
	}
		
	/* --- GALERIA --- */
	
	div.counter{
		display:none;
	}		
	
	div#phocagallery-module-ri, div#pg-msnr-container{
		width: 100% !important;
	}
	
	.pg-cv-box-mod-ri, .pg-cv-box{
		float:none !important;
		margin: 5px auto;
	}
	.pg-cv-box-img-mod-ri{
		width:100% !important;
		max-width:100% !important;		
	}

	.pg-cv-box-mod-ri img{
		width: 100% !important;
	}	
	
	/* --- LABLEC --- */	
	div.lablecsav{
		background:var(--mobil-lablec-hatter);

	}	
	
	div.lablec{
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}		
	
	div.lablec h1{
		font-size: 13pt;
		color: var(--mobil-lablec-betu-szin);	
	}

	div.lablec p{
		font-size: 13pt;
		color:var(--mobil-lablec-betu-szin);
	}

	div.lablec a{
		font-size: 13pt;
		color:var(--mobil-lablec-betu-szin);
		text-decoration: none;
	}
	div.lablec a:hover{
		font-size: 13pt;
		color:var(--mobil-lablec-betu-szin);
		text-decoration: underline;
	}
	
	div.lablec-modul{
		padding-bottom:20px;
	}		
}