:root {
	--tile-padding: 30px;
	--tile-title-height: 30px;
	--tile-news-line-height: 18px;
	--tile-news-line-count: 3;
	--font-color-dark: #232323;
	
	--tiles-gap: 10px;
	--subtile-gap: 10px;
}

table td {
	padding: 0;
}

.tile {
	padding: var(--tile-padding)!important;
	transition: all 0.3s;
}

.tile.tile-big {
	padding: 0px!important;
}

.tile * {
	font-weight: 400;
}

.tile .title {
	font-size: var(--tile-title-height);
	line-height: var(--tile-title-height);
	margin: 0px 0px var(--tile-title-height) 0px;
}

.tile-cnt {
	height: -webkit-calc(100% - 2 * var(--tile-title-height));
	height: -moz-calc(100% - 2 * var(--tile-title-height));
	height: calc(100% - 2 * var(--tile-title-height));
}

.tile.szakma {
	background: #213e7a;
	color: var(--font-color-light);
}

.tile {
	background: #17a5c9;
	color: var(--font-color-light);
}

.tile .latest-news-container {
	height: 100%;
	position: relative;
}

.tile .latest-news-container .news-block * {
	color: #fff!important;
	font-weight: normal!important;
	text-decoration: none!important;
	font-size: 14px!important;
	line-height: var(--tile-news-line-height)!important;
}

.tile .news-block {
	border-top: solid 1px #fff;
	padding: 10px 0px;
}

.tile .news-block:nth-child(1) {
	border-top: none;
}

.tile .news-block .news-title {
	padding: 0;
	margin: 0;
	max-height: -webkit-calc(var(--tile-news-line-count) * var(--tile-news-line-height));
	max-height: -moz-calc(var(--tile-news-line-count) * var(--tile-news-line-height));
	max-height: calc(var(--tile-news-line-count) * var(--tile-news-line-height));
}

.tile .morelink {
	position: absolute;
	left: 0;
	bottom: 0;
}

.tile .news-more {
	display: none;
}

.tile.sajto {
	background: #eee;
	color: var(--font-color-dark);
}

.tile.sajto *:not(.btn, .btn *) {
	color: var(--font-color-dark)!important;
}

.tile.tudastar {
	background: #cdd9d9;
	color: var(--font-color-dark);
}

.tile.tarsasag {
	background: #24217a;
	color: var(--font-color-light);
}

.subtile {
	background-repeat: no-repeat!important;
	background-position: 100% 100%!important;
	display: table!important;
	transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-webkit-background-size: contain!important;
	   -moz-background-size: contain!important;
	     -o-background-size: contain!important;
	        background-size: contain!important;
	min-height: 60px;
}

.subtile:hover {
	-webkit-transform: scale(1.02);
	   -moz-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	     -o-transform: scale(1.02);
	        transform: scale(1.02);
	z-index: 1;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	   -moz-box-shadow: 0px 0px 5px 0px #000;
	        box-shadow: 0px 0px 5px 0px #000;
}

.subtile a {
	color: var(--font-color-light);
	text-decoration: none;
	font-size: 18px;
	padding: 0px 10px;
	display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tile-cnt a:hover,
.subtile:hover a {
	text-shadow: 0px 0px 2px currentColor;
}

.rendezvenyek {
	background: url(../frameimage/nyitolap/szakma_microphone.png) #1a2837;
}

.kepzes {
	background: url(../frameimage/nyitolap/szakma_kepzesek.png) #529fbc;
}

.ph {
	background: url(../frameimage/nyitolap/szakma_ph.png) #368aa6;
}

.tajekoztato {
	background: url(../frameimage/nyitolap/tudastar_tajekoztatok.png) #67b0b1;
}

.ellatohelyek {
	background: url(../frameimage/nyitolap/tudastar_ellatohely.png) #3a7778;
}

.iranyelvek {
	background: #3a6377;
}

.allasfoglalas {
	background: #48768d;
}

.jogszabaly {
	background: #5897b8;
}

.allaslehetoseg {
	background: url(../frameimage/nyitolap/allaslehetoseg.png) #17cab3;
}

.rendezveny {
	background: url(../frameimage/nyitolap/mpt_rendezveny.png) #17afca;
}

.vandorgyules {
	background: url(../frameimage/nyitolap/vandorgyules.png) #84bef3;
}

.elnokseg {
	background: #619ebd;
}

.tagozatok {
	background: #43bcb7;
}

.partnerek {
	background: #1e6d96;
}

.mptm {
	background: #5b78c8;
}

.kapcsolat {
	background: #48768d;
}

.rolunk {
	background: #68dcd9;
}

.sajto {
	background: #395b6d;
}

.hirek-kultura {
	background: #0078b7;
}

.hirek-legendak {
	background: #2196F3;
}

.szakma .subtile,
.tudastar .subtile,
.tarsasag .subtile {
	width: calc(100% - 5px);
}

.tarsasag .subtile {
	width: calc(50% - 5px);
}

.tudastar .tajekoztato,
.tudastar .ellatohelyek,
.szakma .rendezvenyek,
.szakma .ph,
.tarsasag .subtile {
	height: calc(50% - 5px);
}

.tarsasag .rolunk,
.tarsasag .mptm,
.tarsasag .elnokseg {
	margin-bottom: 10px;
}

.szakma .rendezvenyek,
.szakma .ph,
.tudastar .tajekoztato,
.tudastar .ellatohelyek,
.tarsasag .rolunk,
.tarsasag .elnokseg {
	margin-right: 5px;
}

.szakma .kepzes,
.szakma .hirek-kultura,
.szakma .hirek-legendak,
.tudastar .iranyelvek,
.tudastar .allasfoglalas,
.tudastar .jogszabaly,
.tarsasag .mptm,
.tarsasag .tagozatok {
	margin-left: 5px;
}

.szakma .kepzes,
.szakma .hirek-kultura,
.szakma .hirek-legendak,
.tudastar .iranyelvek,
.tudastar .allasfoglalas,
.tudastar .jogszabaly,
.tile-big .subtile {
	height: calc(100% / 3 - 7px);
}

.szakma .hirek-kultura,
.tudastar .allasfoglalas,
.subtile.allaslehetoseg,
.subtile.sajto {
	margin-top: 10px;
	margin-bottom: 10px;
}

.szakma .rendezvenyek,
.tudastar .tajekoztato {
	margin-bottom: 5px;
}

.szakma .ph,
.tudastar .ellatohelyek {
	margin-top: 5px;
}

.tiles {
	row-gap: 10px;
    column-gap: 40px;
	margin-left: 0px!important;
}

.tile {
	margin: 0px -15px;
}

.tile-big {
	background: transparent;
}

.tile-big > div {
	height: 100%!important;
}


.tile:not(.tile-big):hover, .tile-big .subtile:hover {
	box-shadow: 0px 0px 5px #aaa;
}

@media screen and (max-width:991px) {
	/*
	,
	.tiles .hirek {
		max-width: calc(50% - 7px);
	}
	*/
	
	.tiles .hirek {
		max-width: calc((100% / 12) * 7 - 7px);
	}
	
	.tiles .szakma {
		max-width: calc((100% / 12) * 5 - 7px);
	}
	
	.szakma .subtile,
	.tarsasag .subtile {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	
	.szakma .subtile {
		/* height: calc(100% / 3 - 7px); */
		height: 53px;
	}
	
	.tarsasag .subtile {
		height: calc(100% / 4 - 7px);
	}
	
	.tile-big > div {
		aspect-ratio: 9;
	}
	
	.tile-big .subtile {
		margin-top: 0px;
		margin-bottom: 0px;
		height: 100%;
		width: calc(100% / 3 - 7px);
	}
	
	.tile-big .subtile {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.tile-big .subtile:first-child {
		margin-left: 0px;
		margin-right: 5px;
	}
	
	.tile-big .subtile:last-child {
		margin-left: 5px;
		margin-right: 0px;
	}
}

@media screen and (max-width:767px) {
	.tiles {
		margin-right: 0px!important;
	}
	
	.tiles .tile {
		margin-left: 0px;
	}
	
	.tiles .szakma,
	.tiles .hirek {
		max-width: 100%;
	}
	
	.tiles .tile.tile-big {
		padding: var(--tile-padding) !important;
	}

	.tile.tile-big1 {
		background: #004567;
	}

	.tile.tile-big2 {
		background: #1e8193;
	}
	
	.tile-big > div {
		aspect-ratio: initial;
	}
	
	.szakma .subtile,
	.tudastar .subtile,
	.tile-big .subtile {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		aspect-ratio: initial;
		height: 60px;
		margin: 0px 0px 10px;
	}
	
	.tile-big .subtile:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media screen and (max-width:575px) {
	.subtile {
		margin: 0px 0px 10px !important;
        height: 60px !important;
	}
}