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



/* CUSTOM FONT IMPORT */

/*
@font-face {
    font-family: 'FontCallName';
    src: url('../fonts/fontname.otf');
}

@font-face {
    font-family: 'FontCallName2';
    src: url('../fonts/fontname2.otf');
}
*/



/* GOOGLE FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

/*
	Roboto
	100 - thin
	300 - light
	
*/

body {
	/* font-family: 'FontCallName', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #757575;
}

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

	a:hover {
		color: inherit;
		text-decoration: none;
	}

h1 {
	font-size: 30px;
	color: #3a5d90;
}

h2 {
	font-size: 25px;
	color: #3a5d90;
}

h3 {
	margin-bottom: 15px;
	font-size: 22px;
}

h4 {
	padding: 5px 20px;
	margin-bottom: 15px;
	width: fit-content;
	font-size: 16px;
	color: white;
	background-color: #3a5d90;
}

p {
	text-align: justify;
}

hr {
	border-top: 1px solid black;
}


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

/* Hover dropdown on menu */

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

.navbar-container {
	z-index: 100;
	width: 100%;
	position: fixed;
	background-color: white;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.8);
}

	@media only screen and (min-width: 1200px) {
		.navbar-container {
			padding-bottom: 50px;
		}
	}
	
	@media only screen and (max-width: 1200px) {
		.navbar-container {
			padding-bottom: 20px;
		}
	}

	.navbar-container .upper-row {
		font-size: 13px;
		color: white;
		background-color: #3a5d90;
	}
	
	.navbar-container .upper-row .fa-facebook-f {
		font-size: 19px;
		margin: 0 10px 0 20px;
	}
	
	.navbar-container .upper-row .fa-instagram {
		font-size: 21px;
		margin: 0 20px 0 0;
	}

	.nav-container {
		background-color: white;
	}

.navbar {
	font-size: 12px;
	letter-spacing: 1px;
	background-color: white !important;
	
}
	
	.navbar-brand img {
		width: 75px;
	}

	@media only screen and (max-width: 414px) {
		.navbar-brand img {
			width: 75px;
		}
	}

	.navbar .nav-link {
		padding: 10px 15px !important;
		margin-left: 5px;
		color:#3a5d90 !important;
	}
			
		.navbar .active .nav-link {
			color: white !important;
			background: #3a5d90;
			border-radius: 5px;
		}
		
		.navbar .nav-link:hover {
			color: #baf010 !important;
			background: #3a5d90;
			border-radius: 5px;
		}


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

.no-padding {
	padding: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 50px;
	height: 50px;
}

.header-bg {
	background-color: #f2f0f0;
}



/* - - - - - - - - - TERMEKEK - - - - - - - - - */

.termeklist .card {
	display: inline-block;
	margin:0 20px 30px 0;
	width: 240px;
	border: none;
}

	.termeklist .card-body {
		padding: 10px;
		height: 80px;
	}
	
		.termeklist .card-body a {
			display: inline-block;
			padding: 10px 0;
			width: 100%;
			color: #3a5d90;
			text-align: center;
			border: 1px solid #3a5d90;
			border-radius: 5px;
			transition: all 0.5s ease;
		}
		
			.termeklist .card-body a:hover {
				color: white;
				background-color: #3a5d90;
			}


/* - - - - - - - - - UJDONSAGOK - - - - - - - - - */

.ujdonsagok .card-container, .ujdonsagok-container {
	position: relative;
	margin: 1rem 0;
}

	.ujdonsagok .card-container .date, .ujdonsagok-container .date {
		position: absolute;
		top: 2rem;
		left: 2rem;
		padding: 1rem;
		line-height: 18px;
		text-align: center;
		color: #3a5d90;
		background-color: white;
	}
	
		.ujdonsagok .card-container .date span.day, .ujdonsagok-container .day {
			font-size: 30px;
			line-height: 45px;
		}
		
			.ujdonsagok .card-container .date span.year, .ujdonsagok-container .year {
				font-size: 25px;
			}

	.ujdonsagok .card-container h2 {
		padding: 1rem 2rem;
		margin: 0;
		border: 1px solid #c7c7c7;
		border-bottom: none;
	}

	.ujdonsagok .card-container p {
		padding: 1rem 2rem;
		margin: 0;
		line-height: 30px;
		border: 1px solid #c7c7c7;
		border-bottom: none;
	}
	
		.ujdonsagok .card-container p a, .ujdonsagok-content a {
			color: #3a5d90;
		}
		
			.ujdonsagok .card-container p a:hover, .ujdonsagok-content a:hover {
				color: #3a5d90;
				background: none;
			}
	
	.ujdonsagok .card-container > a {
		display: inline-block;
		padding: 1rem 0;
		width: 100%;
		color: #3a5d90;
		text-align: center;
		border: 1px solid #3a5d90;
		transition: all 0.5s ease;
	}
		
		.ujdonsagok .card-container a:hover {
			color: white;
			background-color: #3a5d90;
		}
		
.ujdonsagok-content {
	padding: 1rem;
	border: 1px solid #c7c7c7;
}

	.ujdonsagok-content p {
		line-height: 30px;
	}




/* - - - - - - - - - HOME PAGE - - - - - - - - - */

@media only screen and (max-width: 970px) {
	.applied-class {
		max-width: 500px;
	}
}

/* - - - - - - - - - TERMEKEINK - - - - - - - - - */



/* - - - - - - - - - KAPCSOLAT - - - - - - - - - */

.kapcsolat-bg {
	background: url("../images/kapcsolat.jpg") left center no-repeat;
	background-size: cover;
	padding-bottom: 12rem;
}
		
input[type="text"] {
	margin-bottom: 1rem;
	width: 100%;
}

textarea {
	margin-bottom: 1rem;
}

.btn-custom {
	padding: 5px 20px;
	margin-bottom: 3rem;
	color: white;
	border: none;
	border-radius: 5px;
	background-color: #3a5d90;
}

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


.footer {
	color: white;
	line-height: 25px;
	background-color: #3d3d3d;
}

	.footer ul {
		font-size: 14px;
		list-style: none;
		padding-left: 0;
	}
	
	.footer p {
		line-height: 35px;
	}
	
	.footer-bottom {
		font-size: 12px;
		color: white;
		background-color: #2b2b2b;
	}
	
		.footer-bottom .social {
			font-size: 20px;
		}