/* - - - - - - - - - GLOBAL - - - - - - - - - */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');

/*
	300 - light
	400 - regular
	700 - bold-italic
	800 - extra-bold
*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #706f6f;
}

a:link, a:visited {
	color: inherit;
}

a.blue:link, a.blue:visited {
	color: #164194;
}

a.blue-link:hover {
	color: #164194;
}

h1 {
	font-size: 32px;
	color: #164194;
	font-weight: 800;
	margin-bottom: 15px;
	clear: both;
}

	.light {
		font-weight: 300;
	}

	.subh1 {
		font-size: 21px;
		font-weight: 300;
	}
	
h2 {
	font-size: 20px;
	font-weight: 400;
}

h3 {
	font-size: 20px;
	font-weight: 800;
	color: #164194;
}

.content p {
	text-align: justify;
	line-height: 30px;
}

.blue {
	color: #164194;
}
	
.bold {
	font-weight: 800;
}
	

hr	{
	margin: 15px 0;
	border-top: 1px solid #c5c6c7;
}

.p-20 {
	padding-left: 10%;
	padding-right: 10%;
}

/* - - - - - - - - - HEADER - - - - - - - - - */

.headertop {
	padding: 3% 7% 0 7%;
}
	
.headerbottom {
	padding: 0 7%;
}

	.headerbottom ul {
		margin-top: 2%;
		color: #164194;
	}



/* - - - - - - - - - NAVBAR - - - - - - - - - */

.navbar {
	background-color: #164194;
}

	.navbar .menu1 {
		min-height: 64px;
	}
	
	.navbar .menu2 {
		min-height: 64px;
		background-color: #4e6eae;
	}
	
	.navbar .menu3 {
		min-height: 64px;
		background-color: #7c94c3;
	}
	
		.navbar a:link, .navbar a:visited {
			color: white !important;
			padding-left: 30px !important;
			padding-right: 30px !important;
		}
		
			.navbar a:hover {
				text-decoration: underline;
			}



/* - - - - - - - - - FRAME - - - - - - - - - */

.content {
	background-color: #f6f9fe;
}

.content-padder-white {
	padding: 20px;
	background-color: white;
}

	@media only screen and (min-width: 768px) {
		.left-image {
			margin-left: 20px;
		}
		.right-image {
			margin-right: 20px;
		}
	}

.bg-white {
	background-color: white;
}

.bg-mediumgray {
	background-color: #f5f5f5;
}

.bg-blue {
	background-color: #164194;
}

.active {
	color: #164194;
}

.btn-custom {
	display: inline-block;
	padding: 1% 3%;
	margin: 20px 0;
	font-size: 14px;
	font-weight: 800;
	color: white !important;
	border: none;
	background-color: #164194;
}

.pagemenu a {
	color: #164194;
}

	.pagemenu a.active {
		font-weight: 800;
	}
	
	.pagemenu.icons a {
		display: inline-block;
		margin: 0 25px;
	}
	
		.pagemenu.icons a img {
			height: 100px;
			margin-bottom: 15px;
		}
	
	.pagemenu.boxed a {
		display: inline-block;
		font-weight: 800;
		padding: 30px 50px;
		margin: 0 20px 20px 0;
		border: 1px solid #d1d1d1;
		background-color: white;
	}
	
		.pagemenu.boxed a.active {
			color: white;
			background-color: #164194;
		}

/* - - - - - - - - - FOOLDAL - - - - - - - - - */

ul.fooldal-list li {
	padding: 7px 0;
}

.fooldal-blocks p {
	font-size: 13px;
}

	.fooldal-blocks p.padded {
		padding: 5px 10px;
		margin: 0;
	}

	.fooldal-blocks p.mediumgray {
		font-size: 13px;
		padding: 5px;
		margin: 0;
	}
	
	.fooldal-blocks .blockhirek p {
		line-height: 22px;
		text-align: left;
	}
	
	.fooldal-blocks p img {
		margin-right: 10px;
	}

.fooldal-blocks .blue-link a:hover {
	color: #164194;
}

.fooldal-videok video {
	object-fit: cover;
}

/* - - - - - - - - - PROGRAM-TAJEKOZTATO - - - - - - - - - */

p.emberitest span {
	font-size: 18px;
	color: #164194;
}

table.lista td:first-child {
	font-weight: 500;
}

span.bold700 {
	font-weight: 700;
}


/* - - - - - - - - - KOZERDEKU ADATOK - - - - - - - - - */

ol li {
	line-height: 40px;
}

/* - - - - - - - - - HELYSZINEK-IDOPONTOK - - - - - - - - - */

.evek a {
	margin-right: 30px;
	font-size: 40px !important;
	font-weight: 800;
	color: #d0d1d2;
}

	.evek a:hover {
		color: #164194;
	}

table.helyszinek-idopontok {
	color: #164194;
}

	table.helyszinek-idopontok th {
		color: #706f6f;
		font-size: 18px;
		font-weight: 300;
	}
	
		table.helyszinek-idopontok th img {
			margin-right: 10px;
		}
		
		table.helyszinek-idopontok th span.last {
			margin-right: 30px;
		}

	table.helyszinek-idopontok th, table.helyszinek-idopontok td {
		border-top: none;
	}
	
		table.helyszinek-idopontok img {
			width: 20px;
		}

/* - - - - - - - - - SZAKMAI-ES-KOORDINACIOS-BIZOTTSAG - - - - - - - - - */

h1.bizottsag {
	padding-top: 50px;
}

.card.bizottsag {
	width: 210px;
	height: 110px;
}

	.card.bizottsag img {
		max-width: 150px;
		max-height: 80px;
		width: auto !important;
		height: auto !important;
	}

/* - - - - - - - - - STRATEGIAI-PARTNEREINK - - - - - - - - - */

h1.tamogatok {
	padding-top: 50px;
}

p.tamogatok {
	font-size: 21px;
}

.card.gyemant-fotamogatok {
	width: 330px;
	height: 230px;
}

	.card.gyemant-fotamogatok img {
		max-width: 270px;
		max-height: 170px;
		width: auto !important;
		height: auto !important;
	}
	
.card.arany-fotamogatok {
	width: 300px;
	height: 200px;
}

	.card.arany-fotamogatok img {
		max-width: 240px;
		max-height: 140px;
		width: auto !important;
		height: auto !important;
	}

.card.fotamogatok {
	width: 270px;
	height: 170px;
}

	.card.fotamogatok img {
		max-width: 210px;
		max-height: 110px;
		width: auto !important;
		height: auto !important;
	}
	
.card.tamogatok {
	width: 240px;
	height: 140px;
}

	.card.tamogatok img {
		max-width: 180px;
		max-height: 80px;
		width: auto !important;
		height: auto !important;
	}
	
.card.media-tamogatok {
	width: 210px;
	height: 110px;
}

	.card.media-tamogatok img {
		max-width: 150px;
		max-height: 50px;
		width: auto !important;
		height: auto !important;
	}



/* - - - - - - - - - HIRDETES - - - - - - - - - */

.hirdetes img {
	margin-bottom: 25px;
	width: 100%;
}

/* - - - - - - - - - GALLERY - - - - - - - - - */

.card {
	margin:0 20px 30px 0;
	width: 240px;
	border-radius: 0;
	border: none;
	box-shadow: 0px 5px 8px 0px rgba(135,135,135,0.21);
}

	.card-img-top {
		border-radius: 0;
	}

	.card-body {
		padding: 10px;
		height: 80px;
	}
	
		.card-body p {
			text-align: center;
			font-size: 14px;
			line-height: normal;
		}
		


/* - - - - - - - - - EGESZSEG-KONYV - - - - - - - - - */

.egeszseg-konyv a.konyv {
	display: inline-block;
	margin: 0 3% 3% 0;
	text-align: center;
}

	.egeszseg-konyv a.konyv img {
		margin-top: 10px;
	}

/* - - - - - - - - - CIKKEK-ERDEKESSEGEK - - - - - - - - - */

.cikkek-erdekessegek p {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 14px;
}

	.cikkek-erdekessegek img {
		width: 380px;
		margin: 0 20px 20px 0;
	}

/* - - - - - - - - - FOOTER - - - - - - - - - */

.footer {
	
}

	/* - - - - - - - - -  SLIDER / FLICKITY - - - - - - - - - */
	
	.slider1 h2 {
		margin-top: 30px;
	}
	
	.main-carousel1, .main-carousel2 {
		width: 100%;
		height: 110px;
		margin: 30px 0;
	}
		
	.carousel-cell {
		width: 200px;
		height: 100%;
		margin-right: 10px;
		background: white;
		border: 1px solid #d1d1d1;
		text-align: center;
	}
	
	.carousel-cell img {
		max-height: 50px;
		max-width: 160px;
		margin: 20px 0;
		/*
		filter: grayscale(100%);
		*/
	}
	
		.flickity-prev-next-button.previous {
			left: -10px !important;
		}
		.flickity-prev-next-button.next {
			right: -10px !important;
		}
		
		.flickity-button-icon {
			fill: #cfd0d1 !important;
		}
		
		.flickity-button {
			height: 100% !important;
			background: #f5f5f5 !important;
			border-radius: 0 !important;
		}


	
	/* - - - - - - - - - FOOTER BLOCKS - - - - - - - - - */

	.footer .blocks-container {
		background-color: white;
	}
	
		.footer .blocks-container .block {
			display: inline-block;
			width: 220px;
			margin: 25px 5%;
		}
		
			.footer .blocks-container .block img {
				max-height: 80px;
				width: auto !important;
				margin-bottom: 25px;
			}

	/* - - - - - - - - -  BOTTOM - - - - - - - - - */
	
	.footer .bottom {
		padding: 2% 0 1% 0;
		color: white;
		background-color: #164194;
	}
	
/* - - - - - - - - - ELO KOZVETITES - - - - - - - - - */


	table.eloprogram td {
		padding: 3px;
		vertical-align: top;
	}
	
		table.eloprogram td.first {
			width: 100px;
		}