@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');


/* VIKTOR */
.d-none {
	display: none !important;
}

.card-img {
	height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
}

*{margin: 0px; padding: 0px; font-family: 'Figtree', sans-serif; box-sizing: border-box !important; -webkit-box-sizing: border-box !important;}

body{display: flex; flex-direction: column; min-height: 100vh; -ms-overflow-style: none; scrollbar-width: none; position:relative;}
body::-webkit-scrollbar {display: none;}

p{margin: 0px;}

h1{text-align: center; position: relative; margin-bottom: 1rem; font-size: 2rem;}
h1::after{position: absolute; content: ''; width: 3rem; height: 3.5px; background-color: #ffc107;	border-radius: 1.75px; bottom: -15px; left:50%;	transform: translateX(-50%);}
h1, h2, h3, h4{color: #006e9d; z-index: 1;}
ul{list-style-type: none;}
header{z-index: 2;}
main{position: relative;}

main:nth-child(4){font-size: 1.1rem; line-height: 1.5;}

.grid{display: grid; max-width: 1400px; margin: 0 auto; width: 90%; height: 100%; grid-template-columns: repeat(12,1fr); grid-template-rows: auto; grid-gap: 20px; justify-self: center;}
.flex-row{grid-column: span 12; justify-self: center; display: flex; flex-flow: wrap; justify-content:center; gap: 40px; width: 100%; padding: 0 auto;}
.flex{max-width: 1400px; width:90%; display: flex; justify-content:flex-start;}
#accept-cookies{background-color: crimson; position: fixed; width: 100%; height: 200px; bottom: 0; left: 0;}

/*******Menük*******/
.menu-item{display: grid; justify-content: center; width: auto;	height: 4rem; color: #fff;z-index: 1; grid-template-rows: 3px auto 3px; grid-template-columns: 0.6rem auto 0.6rem; cursor: pointer; transition: grid-template-rows 0.1s linear; grid-template-areas:
		". 		. 		."
		".		menu-item	."
		"border	 border	 border";}
.menu-content{grid-area: menu-item;	text-decoration: none; display: flex; align-self: center;}
.menu-item::before{content: '';	background-color: transparent; grid-area: border; height: 100%; width: 100%; border-radius: 1px;}
/*********************/

header,main,footer{width: 100%;}
header nav:nth-child(1){padding: 0.5rem 0; background-color: #F1F2F6;}
header nav:nth-child(1) .basic-menu{grid-column: span 8;}
header nav:nth-child(1) .contact-menu{grid-column: span 4; justify-self: end;}
header nav:nth-child(1) span{font-weight: 400;}
header nav:nth-child(1) a{color:#000; text-decoration: none;}
header nav:nth-child(1) a:not(:last-child)::after{content: "|"; margin: 0 0.3rem;}
#admin-label {
	color: red;
  }
@media screen and (max-width: 1050px){
	header nav:nth-child(1) .basic-menu{display: none;}
	header nav:nth-child(1) .contact-menu{grid-column: span 12;}
}

header nav:nth-child(2){background-color: #006e9d; padding: 1.2rem 0; position: relative;}
header nav:nth-child(2) .grid{align-items: center; position: relative;}
header nav:nth-child(2) .logo{display: flex; align-items: center; grid-column: span 4; position: relative; z-index: 2}
header nav:nth-child(2) .logo p{color: #fff; margin-left: 1rem; font-family: 'Quicksand', sans-serif; font-size: 1.2rem;}
header nav:nth-child(2) .logo i{margin-left: 4rem; color: #fff; font-size: 2rem;}
header nav:nth-child(2) .arrow-left {width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #ffc107;}
header nav:nth-child(2) .login{grid-column: span 8; justify-self: end; display: flex; align-items: center;}
header nav:nth-child(2) .login a{display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; cursor: pointer; font-weight: 300; transition: ease-in-out all 0.2s; text-decoration: none;} 
header nav:nth-child(2) .login a:hover{color: #ffc107;}
header nav:nth-child(2) .login a span:first-child{font-size: 2rem;}
header nav:nth-child(2) .login a:nth-child(3) span:first-child,
header nav:nth-child(2) .login a:nth-child(4) span:first-child{font-size: 2.4rem;}
header nav:nth-child(2) .login a:not(:last-child){margin-right: 1rem;}
header nav:nth-child(2) .login a:last-child{margin-left: 3rem;}
header nav:nth-child(2) .login button{background-color: transparent; border: 0;}
header nav:nth-child(2) .login button .material-symbols-outlined{color: #fff; font-size: 3rem; transition: ease-in-out all 0.2s;}
header nav:nth-child(2) .login button .material-symbols-outlined:hover{color: #ffc107; cursor: pointer;}

@media screen and (max-width: 800px){
	header nav:nth-child(2) .logo{grid-column: span 8;}
	header nav:nth-child(2) .login{grid-column: span 4;}
}
@media screen and (max-width: 690px){
	header nav:nth-child(2) .login a:nth-child(1){display: none;}
	header nav:nth-child(2) .login a:nth-child(2){display: none;}
	header nav:nth-child(2) .login a:last-child{margin-left: 0;}
}
@media screen and (max-width: 450px){
	header nav:nth-child(2) .arrow-left {border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid #ffc107;}
	header nav:nth-child(2) .logo p{font-size: 1rem; margin-left: 0.5rem;}
}


#navigation-menu {height: 4rem; background-color: #212529; position: sticky; position: -webkit-sticky; top:0; z-index: 2; display: flex; justify-content: center;}
#navigation-menu::after{content: ''; width:100%; height: 3px; background-color: #006e9d; position: absolute; bottom: 0; left:0;}
#navigation-menu .main-menu{grid-column: span 12; display: flex;}
#navigation-menu .hamburger-menu{display: none; grid-column: span 12; justify-self: end; font-size: 2.5rem;}
#navigation-menu .hide{display: none !important;}
#navigation-menu .flex{align-items: center; position: relative; justify-content: space-between;}
#navigation-menu a{color: #fff; text-decoration: none;}
#navigation-menu a.menu-item:nth-child(2)::before{background-color: #D8EFEF;}
#navigation-menu a.menu-item:nth-child(3)::before{background-color: #FF7F17;}
#navigation-menu a.menu-item:nth-child(4)::before{background-color: #0c9d46;}
#navigation-menu a.menu-item:nth-child(5)::before{background-color: #C99700;}
#navigation-menu a.menu-item:nth-child(6)::before{background-color: #3d44c3;}
#navigation-menu a.menu-item:nth-child(7)::before{background-color: #FFCE3D;}
#navigation-menu a.menu-item:nth-child(8)::before{background-color: #0c9d46;}
#navigation-menu a.menu-item:nth-child(9)::before{background-color: #FF7F17;}
#navigation-menu div.menu-item:nth-child(10)::before{background-color: #D8EFEF;}
#navigation-menu .menu-item:nth-child(1n+1):hover{grid-template-rows: 7px auto 7px;}
#navigation-menu a.menu-item:last-child i{color: #fff; font-size: 2rem;}
#search-box{width: 80%; max-width: 400px; height: min-content; position: relative; align-items: center; display:none;}
#search-box i{color: #ffc107; font-size: 2rem; margin-left: 2rem; cursor: pointer; position: absolute; right: -30px; top: 50%; transform: translateY(-50%)}
#search-box i:hover{color: crimson;}
#search-box::before{content: '\f002'; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); font-family: 'FontAwesome'; font-style: normal; font-size: 1.5rem; font-weight: light; color: #212529;}
#search-box input{background-color: #454b52; border: 1px solid #000; padding: 0.5rem 0.5rem 0.5rem 2.5rem; font-size: 1.2rem; width: 100%;}
#search-box input:focus{outline: 0; color: #fff; }
#search-box input::placeholder,
#search-box input:-ms-input-placeholder,
#search-box input::-ms-input-placeholder{color: #000; opacity: 0.2;}

#pofi{position: relative;}
#pofi .pofi-content{display: none; position: absolute; right: 0; top:100%; background-color: #00353B; width:max-content; height: auto;}
#pofi:hover .pofi-content{display: block;}
#pofi .pofi-content a{display: block; width:auto; padding: 10px;}
#pofi .pofi-content a:hover{background-color: #006872;}
.pofiStyle{background-color: #17212A; font-style: italic; font-weight: 300;}

@media screen and (max-width: 1050px){
	#navigation-menu {position: sticky; position: relative;}
	#navigation-menu .hamburger-menu{display: flex; align-items: center;}
	#navigation-menu .main-menu{display: none; position: absolute; top: 4rem; right: 0; border-top: 15px solid #006e9d; background-color: #212529; width: 75%; justify-content: flex-end; height: auto; align-items: flex-end; flex-direction: column; font-size: 2rem; z-index: 101 !important;}
	#navigation-menu .main-menu .menu-item{display: block; width: 100%; height: auto; transition: none; grid-template-rows: 1px auto 1px; padding: 1rem 0 1rem 3rem;}
	#navigation-menu .main-menu .menu-item:not(:last-child):hover{background-color: rgba(255,255,255,0.1)}
	#navigation-menu .main-menu .menu-item:not(:last-child){border-bottom: 1px solid #414950;}
	#navigation-menu .flex{justify-content: flex-end;}
	#navigation-menu .main-menu .menu-item:last-child{display: none !important;}
	#search-box{margin-right: 10px;}
	#navigation-menu .hide{display: block !important;}
	#pofi:hover .pofi-content{display: none;}
}
@media screen and (max-width: 690px){
	#navigation-menu .main-menu{width: 85%;}
	#navigation-menu .main-menu .menu-item:last-child{display: block; text-align: center; padding-left: 0;}
	#navigation-menu .main-menu .menu-item:last-child i{font-size: 3rem;}
	#navigation-menu .main-menu .menu-item:last-child i:first-child{margin-right: 2rem;}
}

@media screen and (max-width: 600px){
	#navigation-menu .main-menu{width: 95%;}
	#navigation-menu .menu-item a{font-size: 1.4rem;}

}
/*Ikon grid*/

.icon-grid{display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; height: 100%; width:auto; grid-template-areas: "icon" "." "icon-name"; color: #fff; cursor: pointer; text-align: center; margin-left: 1rem; text-decoration: none;}
.icon-grid:hover{color: #ffc107 !important;}
.icon{grid-area: icon; align-content: center; font-size:1.5rem;}
.icon-name{grid-area: icon-name; font-size: 1rem; font-family: 'Quicksand', sans-serif;}

main h1{grid-column:  span 12; margin-top: 2rem;}

#highlighted-news{background-color: #F1F2F6;}
.triangle{position: absolute; top:0px; left:0; width: 100%; height: 200px; background-color: #F1F2F6; z-index: 0; transform: skew(0deg, 2deg); transform-origin: top right;}

/*Carousel - 1*/
:root{--carousel-height: 400px; --carousel-width: calc(var(--carousel-height)*0.707);}
main:nth-child(1) .owl-carousel{grid-column: span 12; margin: 2rem 0;}
main:nth-child(1) .owl-carousel section{height: var(--carousel-height); display: flex; background-color: #fff;}
main:nth-child(1) .owl-carousel section .images{width: var(--carousel-width); min-width:var(--carousel-width); overflow: hidden; position: relative; z-index:0;}
main:nth-child(1) .owl-carousel section .images img{height: 100%; width:auto; transform: translateX(-50%); position: absolute; left:50%;}
main:nth-child(1) .owl-carousel section .text{width:100%; display: flex; align-items: self-start; justify-content: center; flex-direction: column; padding: 0rem 2rem 2rem 2rem; position: relative;}
main:nth-child(1) .owl-carousel section .text a{position: absolute; left: 2rem; bottom: 2rem; z-index:5;}
main:nth-child(1) .owl-carousel section .text .gradient{width: 100%; min-height: 120px; position:absolute; bottom: 0; z-index: 0; background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0.2) 12%, rgba(255,255,255,1) 23%);}
main:nth-child(1) .owl-carousel section .text .grid{grid-gap: 0; height:min-content; width: 100%; min-height: 0; }
main:nth-child(1) .owl-carousel section .text .grid div{grid-gap: 0; height:min-content; width: 100%; min-height: 0px;}
main:nth-child(1) .owl-carousel section .text .events-category,
main:nth-child(1) .owl-carousel section .text .events-title,
main:nth-child(1) .owl-carousel section .text .events-btn,
main:nth-child(1) .owl-carousel section .text .events-date,
main:nth-child(1) .owl-carousel section .text .events-short{grid-column: span 12;}
main:nth-child(1) .owl-carousel section .text .events-category{font-weight: bold; font-size: 1rem; text-transform: uppercase; color: #686363;}
main:nth-child(1) .owl-carousel section .text .events-title{font-family: 'Merriweather', serif; font-size: 1.6rem; margin: 0.5rem 0; border: 1px 0 1px 1px; border-color: #000; text-transform: uppercase;}
main:nth-child(1) .owl-carousel section .text .events-short{font-weight: 200; font-size: 1.2rem; overflow: hidden;}
main:nth-child(1) .owl-dots{position: absolute; display: flex; justify-content: center; width:100%; bottom:-3rem; height: 3rem;}
main:nth-child(1) .owl-dots .owl-dot span{background-color: #006e9d;z-index: 1;}
main:nth-child(1) .owl-dots .owl-dot.active span{background-color: rgba(44,62,80,1);}
main:nth-child(1) .owl-nav{margin-top: 0; position: absolute; display: flex; justify-content: flex-end; width: 100%; height: 3rem;}
main:nth-child(1) .owl-theme .owl-nav [class*=owl-]{padding: 0; background-color: #006e9d; z-index: 2; color: #fff; height: 2rem; width: 2rem;}
main:nth-child(1) .owl-theme .owl-nav button:hover{background-color: rgba(44,62,80,1);}


@media screen and (max-width: 500px){
	main:nth-child(1) .owl-carousel section .text{justify-content: flex-start; padding: 3rem 2rem 2rem 2rem;}
}
@media screen and (max-width: 600px){
	main:nth-child(1) .owl-carousel section .images{width:150px; min-width:150px;}
}
@media screen and (max-width: 600px){
	main:nth-child(1) .owl-carousel section{height:400px;}
	main:nth-child(1) .owl-carousel section .text .events-title{font-size: 1.3rem;}
	main:nth-child(1) .owl-carousel section .text .events-short{font-size: 1.2rem;}
}

main:nth-child(2) {background-color: #fff;}
main:nth-child(2) .gridCol12{display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px;}
main:nth-child(2) .card{border-radius: 0.7rem; border-top: 3px solid #006e9d; border-bottom: 3px solid #006e9d; width: 550px;}
main:nth-child(2) .btn-yellow{margin-top: 10px;}

/*Kiemelt hírek*/

main:nth-child(3){background-color: #F1F2F6;}
main:nth-child(3) .card{grid-column: span 3; grid-row: span 6;}

#latestNews .grid{grid-template-rows: repeat(6, 1fr);}
#latestNews .card{min-width: 330px;}
#latestNews .card img{width: 100%; height: 330px; object-fit: scale-down;}
#latestNews .card .card-title{margin-top: 10px;}

@media screen and (max-width: 1600px) {
	#latestNews .grid{grid-gap: 0px; row-gap: 20px;}
	#latestNews .card:nth-child(2){grid-area: 2/4/7/7; margin-right: 20px;}
	#latestNews .card:nth-child(3){grid-area: 2/7/7/10;}
	#latestNews .card:nth-child(4){grid-area: 7/4/7/7; margin-right: 20px;}
	#latestNews .card:nth-child(5){grid-area: 7/7/8/10;}
}
@media screen and (max-width: 750px) {
	#latestNews .grid{grid-template-columns: repeat(12, 1fr);}
	#latestNews .card{margin-bottom: 20px;}
	#latestNews .card:nth-child(2){grid-area: 2/5/7/9; margin-right: 0px;}
	#latestNews .card:nth-child(3){grid-area: 7/5/12/9;}
	#latestNews .card:nth-child(4){grid-area: 12/5/17/9; margin-right: 0px;}
	#latestNews .card:nth-child(5){grid-area: 17/5/22/9;}
}





main:nth-child(4){background-color: #fff;}
main:nth-child(4) p{grid-column: span 6; line-height: 2;}
main:nth-child(4) img{grid-column: span 6; justify-self: end; width:100%; height: auto; padding: 15px; background-color: #F1F2F6; border-radius: 0.7rem; border-bottom: 3px solid #006e9d; border-top: 3px solid #006e9d;}
main:nth-child(4) a{grid-column: span 12;}

main:nth-child(5){background-color: #F1F2F6;}
main:nth-child(5) .owl-carousel-gallery{grid-column: span 12; margin: 0.5rem 0; padding: 15px; background-color: #fff; border-radius: 0.7rem; border-bottom: 3px solid #006e9d; border-top: 3px solid #006e9d;}
main:nth-child(5) .owl-carousel-gallery section{position: relative;}
main:nth-child(5) .owl-carousel-gallery section img{display: block;}
main:nth-child(5) .owl-carousel-gallery .owl-dots{position: absolute; bottom: 0.5rem; left:50%; transform: translateX(-50%);}
main:nth-child(5) .owl-carousel-gallery .owl-nav{margin-top: 0;}
main:nth-child(5) .owl-carousel-gallery .owl-prev{left: 30px;}
main:nth-child(5) .owl-carousel-gallery .owl-next{right: 30px;}
main:nth-child(5) .owl-carousel-gallery .owl-prev, main:nth-child(5) .owl-carousel-gallery .owl-next{position: absolute; bottom: 50%; transform: translateY(50%);}
main:nth-child(5) .owl-carousel-gallery .owl-prev span, main:nth-child(5) .owl-carousel-gallery .owl-next span{font-size: 6rem;}

@media screen and (max-width: 1200px){
	main:nth-child(4) p{grid-column: span 12;}
	main:nth-child(4) img{grid-column: span 12;}
	}
main .introduction p{grid-column: span 12;}
main .introduction div{grid-column: span 6;}

footer{background-color: #212529; color: white; padding: 1rem 0; margin-top: auto; border-top: #006e9d 3pt solid;}
footer .grid{grid-row-gap: 0px;}
footer .footer-left,
footer .footer-right,
footer .footer-center{display: flex; align-items: center;}
footer .footer-left{grid-column: span 8; justify-content: flex-start;}
footer .footer-right{grid-column: span 4; justify-content: flex-end;}
footer .footer-center{grid-column: span 12; justify-content: flex-end; margin: auto; text-align: center;}
footer .footer-left div,
footer .footer-right div{padding: 1rem; display: block; flex-direction: row; align-items: center;}
footer .footer-left div img,
footer .footer-right div img{height: 55px; width: auto;}
footer .footer-right div{padding-left: 0;}

@media screen and (max-width: 930px) {
	footer .footer-left{margin-bottom: 1rem;}
	footer .footer-left,
	footer .footer-right{grid-column: span 12; justify-content: center;}
	footer .footer-left div,
	footer .footer-right div{justify-content: space-around; width: 100%;}
}
@media screen and (max-width: 620px) {
	footer .footer-left div,
	footer .footer-right div{padding: 0.5rem; flex-wrap: wrap;}
}

/*Alap gomb*/
.btn{display: inline-flex; justify-content: space-between; align-items: center; width:auto; height: auto; border-radius: 3px; border: 1px solid transparent; padding: 0.4rem 0.8rem; cursor: pointer; text-decoration: none;}
.btn:hover,
.btn:visited{color:#000;}
.btn span{font-family: 'Roboto', sans-serif; font-size: 1rem;}
.btn i{margin: 0 0 0 0.8rem;}
/*Sárga gomb*/
.btn-yellow{background-color: #ffc107; transition: ease background 0.5s; color: #000;}
.btn-yellow:hover{background-color: #FEAC3C;}
/*szürke gomb*/
.btn-grey{background-color: #ABA9A9; transition: ease background 0.5s; color: #000;}
.btn-grey:hover{background-color: #ccc;}
/*Zöld gomb*/
.btn-green{background-color: #0c9d46; transition: ease background 0.5s; color: #fff;}
.btn-green:hover{background-color: #14bb57; color: #fff;}
/*Kék gomb*/
.btn-blue{background-color: #006e9d;transition: ease background 0.5s; color: #fff;}
.btn-blue:hover,
.btn-blue:visited{color: #fff;}
.btn-blue:hover{background-color: #0092d0;}
.btn-blue i{color: #fff;}

/*Alsó margó*/
.mb{margin-bottom: 2rem;}

/*Alap Card*/
.card{background-color: #fff; border-radius: 0.7rem; border-bottom: 3px solid #006e9d; box-shadow: 1px 1px 26px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 26px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 26px 0px rgba(0,0,0,0.3); z-index: 1; overflow:hidden; display: flex; flex-direction:column;}
.card img{width:100%}
.card-body{align-self: start; height: auto; font-size: 1.1rem; line-height: 1.5;}
.card-title{padding: 0 0.5rem 0 0.8rem; text-transform: uppercase;}
.card-date{padding: 0 0.8rem;}
.card-text{padding: 0.8rem 0.8rem 0 0.8rem; text-align: justify;}
.card-btn{padding: 0.8rem 0 1.2rem 0.8rem; margin-top: auto;}
.next-btn{grid-column: span 12; margin-bottom: 20px;}

@media screen and (max-width: 1200px) {
	main:nth-child(2) .card{grid-column:  span 6;}
	main:nth-child(3) .card{grid-column:  span 6;}
	main:nth-child(2) .card-body{height: auto;}
	main:nth-child(3) .card-body{height: auto;}
	.card-img {height:auto;}
}
@media screen and (max-width: 800px) {
	main:nth-child(2) .card{grid-column:  span 12;}
	main:nth-child(3) .card{grid-column:  span 12;}
	.card-img {height:auto;}
}

/*Card animáció*/
.news-container:hover,
.worker_card_container:hover,
.events_card_container:hover,
.groups_card_container:hover {animation: card_move 0.1s both;}
@keyframes card_move {from {top: 0px} to {top: -5px }}

/*Hírek*/
:root{--news-height: 22rem;}
#news .grid{grid-template-columns: repeat(12,1fr); grid-template-rows: auto; grid-gap: 25px; margin-bottom: 3rem;}
#news article{position: relative; height: var(--news-height);}
#news article section{display: flex; height: 100%;}
#news article .text{width:auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem;}
#news article .text .grid{grid-gap: 0; height:min-content; width: 100%; min-height: 0; margin: 0;}
#news article .text .events-date,
#news article .text .events-title,
#news article .text .events-btn,
#news article .text .events-short{grid-column: span 12;}
#news article .text .events-date{font-weight: bold; font-size: 1rem; text-transform: uppercase; color: #686363; margin-bottom: 0.3rem;}
#news article .text .events-title{font-family: 'Merriweather', serif; font-size: 1.6rem; margin-bottom: 0.5rem; border: 1px 0 1px 1px; border-color: #000;}
#news article .text .events-short{font-weight: 200; font-size: 1.2rem; margin-bottom: 1rem; overflow: hidden;}
#news article .images{--width: calc(var(--news-height)*0.707); min-width: var(--width); overflow: hidden; position: relative;}
#news article .images img{height: 100%; width:auto; transform: translateX(-50%); position: absolute; left:50%;}

#news article{grid-column: span 6; background-color: #F1F2F6;}
#news article:nth-child(1n+8){grid-column: span 6; background-color: none; height: 4rem; border-left: 3px solid #006e9d; padding-left: 1rem;}
#news article:nth-child(1n+8) .images,
#news article:nth-child(1n+8) .text .events-short,
#news article:nth-child(1n+8) .text .btn{display: none;}

#news article:nth-child(1n+8) .text{width: 100%; padding: 0;}
#news article:nth-child(1n+8) .text span{margin: 0;}
#news article:nth-child(1n+8) .text .events-title{font-size: 1rem;}

@media screen and (max-width: 1050px) {
	#news article:nth-child(1n+8),
	#news article{grid-column: span 12;}
}
@media screen and (max-width: 500px) {
	#news article .images{width: 150px; min-width: 150px;}
	#news article .text .events-title{font-size: 1.3rem;}
	#news article .text .events-short{font-size: 1rem;}
	#news article .text .events-date{font-size: 0.8rem;}
	#news article .text{padding: 1rem;}
	#news article{position: relative; height: 20rem;}
}
/*Dolgozóink*/
#workers .grid:first-child{margin-bottom: 2rem;}
#workers .grid .grid{grid-gap:0; padding: 1rem; border-radius: 0.7rem; border-bottom: 3px solid transparent; width: 100%;}
.worker_card_container{width: 16rem; height: 20rem; position: relative; z-index: 0; cursor: pointer; border-radius: 0.7rem; overflow: hidden; border-bottom: 3px solid #006e9d;}
.worker_card_content{display: flex;	flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 35%; position: absolute; bottom: 0; z-index: 1;}
.worker_card_content i{margin-right: 0.5rem;}
.worker_card_content div{margin-bottom: 1rem; line-height: 22px;}
.worker_card_face{width: 9rem; height: 9rem; border-radius: 50%; position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); z-index: 2; overflow: hidden;}
.worker_card_face img{width: 100%; height: 100%;}
.worker_card_top{width: 100%; height: 45%; position: absolute; top:0; z-index: 1;}

/*workers-headOfInstitution*/
#workers-headOfInstitution .worker_card_container{background-color:#ABEAFF; height: 23rem;}
#workers-headOfInstitution .worker_card_content{align-items: center; height: 45%;}
#workers-headOfInstitution .worker_card_face{border: 3px solid #fff; outline: 3px solid #006e9d;}
#workers-headOfInstitution .worker_card_top{background-color:#006e9d;}

/*workers-library*/
#workers-library .worker_card_container{background-color: #006872; color: #fff; border-color: #00353B;}
#workers-library .worker_card_face{border: 3px solid #fff;	outline: 3px solid #00353B;;}
#workers-library .worker_card_top{background-color:#00353B;}

/*workers-community-center*/
#workers-community-center .worker_card_container{background-color: #DCC6A5; border-color: #B89D74;}
#workers-community-center .worker_card_face{border: 3px solid #fff; outline: 3px solid #B89D74;;}
#workers-community-center .worker_card_top{background-color:#B89D74;}

/*sports-facilities*/
#workers-sports-facilities .worker_card_container{background-color: #C8CAF1; border-color: #9DA0DE;}
#workers-sports-facilities .worker_card_face{border: 3px solid #fff; outline: 3px solid #9DA0DE;}
#workers-sports-facilities .worker_card_top{background-color:#9DA0DE;}

@media screen and (max-width: 1225px){
	#workers .gridCol6{grid-column: span 12;}
}

/*Csoportjaink*/
#groups {margin-bottom: 3rem;}
#groups .grid{grid-gap: 0;}
#groups h3{margin-top: 1rem;}
#groups h3 + .divider{margin-bottom: 2rem; height: 2px;}

.groups_card_container{width: 23rem; height: 10rem; cursor: pointer; padding: 1rem; color:#006e9d; border-radius: 0.7rem; border-bottom: 3px solid #006e9d;}
.groups_card_container:nth-child(5n+1){background-color: #e0f1eb;}
.groups_card_container:nth-child(5n+2){background-color: #E6F9FF;}
.groups_card_container:nth-child(5n+3){background-color: #FDF0DC;}
.groups_card_container:nth-child(5n+4){background-color: #ECEDFD;}
.groups_card_container:nth-child(5n+5){background-color: #FCE1E1;}
.groups_card_top{width: 100%;}
.groups_card_top span{font-size: 1.2rem; text-transform: uppercase;}
.groups_card_content{width: 100%; height: calc(100% - 1.5rem - 25px); display: flex; align-items: center; justify-content: center; line-height: 1.5rem;}
.groups_card_content span i{margin-right: 0.5rem;}

/*Letöltések*/
#downloads .linkBox{height: auto; padding-top: 20px; padding-bottom: 20px; background-color: #F1F2F6; display: grid; margin: 0 auto; width: 100%; grid-template-columns: repeat(12,1fr); grid-template-rows: auto;  justify-self: center;}
#downloads .linkBox .gridCol3{justify-self: left;}
#downloads .linkBox .gridCol3 i{font-size: 5rem; margin-left: 20px;}
#downloads .linkBox .gridCol2 {justify-self: right; align-self: center;}
#downloads .linkBox .gridCol2 i{font-size: 2rem; color: #006e9d; margin-right: 20px;}
#downloads .linkBox .gridCol2 i:hover{color: crimson;}
#downloads .linkBox .gridCol3,
#downloads .linkBox .gridCol7{align-self: center;}
#downloads .linkBox .gridCol10 div:first-child{margin-bottom: 0.5rem; font-weight: bold; text-transform: uppercase;}

@media screen and (max-width: 1000px){
	#downloads .gridCol6{grid-column: span 12; padding-top: 20px; padding-bottom: 20px;}
	#downloads .linkBox .gridCol3{grid-column: span 2;}
	#downloads .linkBox .gridCol7{grid-column: span 8;}
}
@media screen and (max-width: 725px){
	#downloads .linkBox .gridCol3{grid-column: span 3;}
	#downloads .linkBox .gridCol7{grid-column: span 7;}
}
@media screen and (max-width: 500px){
	#downloads .linkBox .gridCol3{grid-column: span 4;}
	#downloads .linkBox .gridCol7{grid-column: span 6;}
}


/*Események*/
.events_card_container{width:26rem; height: 18rem; background-color: #f5f2ef; position: relative; z-index: 0; cursor: pointer; border-radius: 9px; border-bottom: 3px solid #006e9d; overflow: hidden;}
.events_card_container:last-child{margin-bottom: 3rem;}
.events_card_images{width: 100%; height: 80%; background-color: antiquewhite; position: relative;}
.events_card_images img{display: block; width: 100%; height: 100%;}
.events_card_title{position: absolute; background-color: rgb(0, 110, 157, 0.9); width: 100%; min-height:40px; height: auto; bottom: 0; z-index: 2; padding: 0.3rem 0.7rem 0.3rem 0.7rem; display: flex; align-items: center;}
.events_card_title span{color: #fff; font-size: 1.2rem; font-weight: 300;	text-transform: uppercase;}
.events_card_right{display: flex; flex-direction: column; align-items: flex-end; position: absolute; padding: 0.5rem 0.5rem 0 0; top:0; right: 0; height: 100%;	width: 7rem; background-color: rgba(255, 193, 7, 0.7); z-index: 1;}
.events_card_right span{font-weight: 500; font-size: 1.2rem; color: #fff; margin: 0; padding: 0;}
.events_card_right span:nth-child(3),
.events_card_right span:nth-child(7){font-size: 1.5rem;}
.events_card_content{padding: 0rem 0.7rem; width: 100%; height: 20%; z-index: 1; position: absolute; bottom: 0; display: flex; align-items: center; justify-content: space-between;}
.events_card_container .events_card_content i{transform: rotateZ(45deg);}

#events #events-calendar{padding: 1rem;}
#events #events-cards{padding: 1rem; margin-bottom: 2rem;}
#events #events-cloud{width: 100%;}
#events #events-cloud a{padding: 1rem; background-color: #00353B; border-radius: 5px; text-decoration: none; color: #fff;}
#events #events-filter-btn{display:flex; justify-content: right; margin: 1rem 0 0 0;}

#changeDate{display:flex;}
#changeDate select{padding: 10px; border: transparent; background-color: #006e9d; color: #fff; font-size: 1.2rem; outline: 0px;}
#changeDate select:nth-child(2){margin-left: 10px;}
#calendarDays{display: grid; grid-template-columns: repeat(7, 1fr);	grid-template-rows: repeat(7, auto); grid-column-gap: 10px; grid-row-gap: 10px; color: #fff;}
#calendarDaysName{display: grid; grid-template-columns: repeat(7, 1fr);	grid-template-rows: auto; grid-column-gap: 10px; grid-row-gap: 10px; color: #fff; margin: 30px 0 10px 0;}
.childCalendarTableCell,
.childCalendarTableCell_disabled{display:flex; align-items: center; justify-content: center; padding: 10px; position:relative;}
.childCalendarTableCell_disabled{background-color: #F1F2F6 !important; color: #2c3e50;}
#calendarDays a[data-status="1"]{position: relative; cursor: pointer; background-color: crimson !important;}
#calendarDays .childCalendarTableCell{background-color: #006e9d;}
#calendarDays a:link{color: #fff; text-decoration: none;}
#calendarDays a:visited{color: #fff; text-decoration: none;}
#calendarDaysName .childCalendarTableCell{background-color: #2c3e50;}

.events{color: #006e9d; margin-bottom: 5px;}
.currentDate{background-color: #ffc107 !important; color: #2c3e50;}

@media screen and (max-width: 500px){
	#events #events-cards{padding: 1rem 0;}
	.events_card_images img{object-fit: cover;}
}

@media screen and (max-width: 410px){
	.childCalendarTableCell,
	.childCalendarTableCell_disabled{padding: 5px;}
	}


/*Modal - reg*/
.modal {display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}
.modal .modal-content {display: flex; position: absolute; top:15%; left:50%; transform: translateX(-50%); width: 50rem; background-color: #fefefe; animation-name: animate; animation-duration: 1s; border-radius: 10px; z-index: 60;}
.modal .modal-content-sub {display: flex; flex-direction: column; width: 35%; background-color: #006e9d; border-radius: 10px 0 0 10px; position: relative; z-index: 2;}
.modal .modal-content-sub::after,
.modal .modal-content-sub::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; background: rgba(44,62,80,1); border-radius: 10px 0 0 0;}
.modal .modal-content-sub::after{height: 7rem; z-index: 0; transform: skewY(6deg); transform-origin: top left;}
.modal .modal-content-sub::before{height: 5rem; z-index: 1;}
.modal .modal-content-sub div{z-index: 5; color: #ffc107; font-size: 1.2rem;}
.modal .modal-content-sub div:nth-child(1){padding: 1.2rem; text-transform: uppercase;}
.modal .modal-content-sub div:nth-child(2){padding-left: 1.2rem;}
.modal .modal-content-sub div:nth-child(2) ul{list-style-type: none;}
.modal .modal-content-sub div:nth-child(2) ul li{margin-bottom: 0.5rem;}

.modal .modal-content-main {width: 65%; background-color: #fff; border-radius: 0 10px 10px 0; grid-gap: 0;position: relative; z-index: 0;}
.modal .modal-content-main::after{content: ''; position: absolute; top: 7rem; left: 0; width: 100%; height: 50%; background: #f5f2ef; z-index: 1; transform: skewY(-6deg); transform-origin: top right; opacity: 0.7;}

.modal .modal-content .modal-header{grid-column: span 12; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem;}
.modal .modal-content .modal-header .modal-title{display: flex; text-transform: uppercase; margin-left: 1rem;}
.modal .modal-content .modal-header .modal-title input{display: none;}
.modal .modal-content .modal-header .modal-title label{cursor: pointer; margin-top: 0.4rem;}
.modal .modal-content .modal-header .modal-title label span{padding: 0.5rem;}

.modal .modal-content .modal-header .modal-title label span.active_tab{background-color: #006e9d; color: #fff; border-radius: 5px;}

.modal .modal-content .modal-header #modal-close{font-size: 2rem; margin-right: 1rem; cursor: pointer;}
.modal .modal-content .modal-header #modal-close:hover{color: crimson;}
.modal .modal-content .modal-header #modal-close,
.modal .modal-content .modal-header .modal-title span{font-weight: bold; color: #006e9d;}
.modal .modal-content .modal-header .modal-title label span:hover{color: #fff; border-radius: 5px; background-color: rgba(44,62,80,1);}
.modal .modal-content .modal-header .modal-title #tab01{margin-right: 1rem;}

.modal .modal-content .modal-body{grid-column: span 12; display: flex; justify-content: center; padding: 2rem 0; z-index: 2;}
.modal .modal-content .modal-body fieldset{display: none; border: 0; width:auto;}
.modal .modal-content .modal-body fieldset form{display: flex; flex-direction: column; align-items: center;}
.modal .modal-content .modal-body fieldset.show{display:block;}
.modal .modal-content .modal-body fieldset input{padding: 0.8rem 0.8rem 0.8rem 3rem; width: 15rem; background-color: #e6e6e6; color: #686868; padding-left: 3rem; border: 0px; font-size: 1rem;}
.modal .modal-content .modal-body fieldset input:focus{background-color: #e6e6e6; border: 0px}
.modal .modal-content .modal-body fieldset:nth-child(2) button{margin-top: 2rem;}

.modal .modal-content .modal-body fieldset form .box,
.modal .modal-content .modal-body fieldset form #email-box,
.modal .modal-content .modal-body fieldset form button,
.modal .modal-content .modal-body fieldset form .text-divider{position: relative; margin-bottom: 1rem;}
.modal .modal-content .modal-body fieldset form a{margin-bottom: 1rem; text-decoration: none; color: #000;}
.modal .modal-content .modal-body fieldset form a:hover{color: crimson;}

.modal .modal-content .modal-body fieldset form .text-divider{--text-divider-gap: 1rem; display: flex; align-items: center; font-size: 1rem; color:#006e9d; text-transform: uppercase; letter-spacing: 0.1em;}
.modal .modal-content .modal-body fieldset form .text-divider::before,
.modal .modal-content .modal-body fieldset form .text-divider::after{content: ''; height: 1px; background-color: #006e9d; flex-grow: 1; width: 2rem;}
.modal .modal-content .modal-body fieldset form .text-divider::before{margin-right: var(--text-divider-gap);}
.modal .modal-content .modal-body fieldset form .text-divider::after {margin-left: var(--text-divider-gap);}

.modal .modal-content .modal-body fieldset form .social_media{font-size: 2rem; margin-bottom: 2rem;}
.modal .modal-content .modal-body fieldset form .social_media i:not(:last-child){margin-right: 2rem;}
.modal .modal-content .modal-body fieldset form .social_media i:nth-child(1){color: #3b5998;}
.modal .modal-content .modal-body fieldset form .social_media i:nth-child(2){color: #10dffd;}
.modal .modal-content .modal-body fieldset form .social_media i:nth-child(3){color: #d62d20;}

.modal .modal-content .modal-body fieldset form .remember-checkbox{display: flex; align-items: center; margin-bottom: 3rem;}

.modal .modal-content .modal-body fieldset .box::before{position: absolute;font-family: FontAwesome; font-style: normal; font-weight: light; text-decoration: inherit; color: #000; opacity: 0.4; font-size: 1.5rem; z-index: 1; padding-left: 0.5rem; top: 50%; transform: translateY(-50%);}

.modal .modal-content .modal-body fieldset #email-box::before{content: '\f0e0';}
.modal .modal-content .modal-body fieldset #password-box::before{content: '\f084';}
.modal .modal-content .modal-body fieldset #password-confirm-box::before{content: '\f023';}
.modal .modal-content .modal-body fieldset #username-box::before{content: '\f007';}
.modal .modal-content .modal-body fieldset #policy-confirm-box {color:#006e9d; width: 250px;}
.modal .modal-content .modal-body fieldset #policy-confirm-box label {margin-left: 5px;}

.modal .modal-content .modal-body fieldset #email-box::placeholder,
.modal .modal-content .modal-body fieldset #email-box:-ms-input-placeholder,
.modal .modal-content .modal-body fieldset #email-box::-ms-input-placeholder{color: #000; opacity: 0.8;}

/* Base for label styling */
.modal .modal-content .modal-body fieldset input[type="checkbox"]:not(:checked),
.modal .modal-content .modal-body fieldset input[type="checkbox"]:checked {position: absolute; left: -9999px;}
.modal .modal-content .modal-body fieldset input[type="checkbox"]:not(:checked) + label,
.modal .modal-content .modal-body fieldset input[type="checkbox"]:checked + label {position: relative; padding-left: 32px; cursor: pointer; display: inline-block; font-size: 16px;}
/* checkbox aspect */
.modal .modal-content .modal-body fieldset input[type="checkbox"]:not(:checked) + label:before,
.modal .modal-content .modal-body fieldset input[type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 2px; top: -3px; width: 23px; height: 22px; border: 2px solid #cccccc; background: #ffffff; border-radius: 8px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
/* checked mark aspect */
.modal .modal-content .modal-body fieldset input[type="checkbox"]:not(:checked) + label:after,
.modal .modal-content .modal-body fieldset input[type="checkbox"]:checked + label:after {content: '✔'; position: absolute; top: -4px; left: 4px; font-size: 21px; line-height: 1.2; color: #09ad7e; transition: all .2s;}
/* checked mark aspect changes */
.modal .modal-content .modal-body fieldset input[type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.modal .modal-content .modal-body fieldset input[type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
/* disabled checkbox */
.modal .modal-content .modal-body fieldset input[type="checkbox"]:disabled:not(:checked) + label:before,
.modal .modal-content .modal-body fieldset input[type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #999999; background-color: #dddddd;}
.modal .modal-content .modal-body fieldset input[type="checkbox"]:disabled:checked + label:after {color: #999999;}
.modal .modal-content .modal-body fieldset input[type="checkbox"]:disabled + label {color: #aaaaaa;}
/* hover style just for information */
.modal .modal-content .modal-body fieldset label:hover::before {border: 2px solid #b8b8b8!important; background: #ffffff;}

@media screen and (max-width: 900px) {
	.modal .modal-content {width: 40rem;}
}
@media screen and (max-width: 700px) {
	.modal .modal-content {width: 90%;}
	.modal .modal-content .modal-content-sub{display: none;}
	.modal .modal-content .modal-content-main{width: 100%; border-radius: 10px;}
}

/*reginfo modal*/
#reginfoModal{position: absolute; z-index: 2; min-width: 200px; min-height: 50px; padding: 0.5rem; background-color: #F1F2F6; border-radius: 0.3rem; left: 50%; transform: translate(-50%); top: 60px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #686363;}
#reginfoModal .fa-circle-check{margin-right: 1rem; color: #0c9d46; font-size: 2.5rem;}
#reginfoModal .fa-circle-xmark{margin-right: 1rem; color: crimson; font-size: 2.5rem;}
.hide-modal{animation: hide forwards  10.0s; }
@keyframes hide {
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

/*Galéria*/
#gallery{margin-bottom: 2rem;}
#gallery .imageGalleryBox{grid-column: span 8; position: relative;}
#gallery .imageGallerySearchBox{border-radius: 0.7rem; border-bottom: 3px solid transparent; grid-column: span 4; padding: 1rem;}
#gallery .gallery-search{display: flex; flex-direction: column; position: relative; background-color: #006e9d; border-bottom: 3px solid #ffc107;}
#gallery .gallery-search::before{content: '\f002'; font-family: FontAwesome; position: absolute; top:50%; transform: translateY(-50%); left:0.8rem; font-size: 1.5rem; color: #fff;}
#gallery .gallery-search input{padding: 1rem 1rem 1rem 3rem; font-size: 1rem; color: #fff; border: none; background: none; outline: none;}
#gallery .gallery-search input::placeholder,
#gallery .gallery-search input:-ms-input-placeholder,
#gallery .gallery-search input::-ms-input-placeholder{color: #000; opacity: 0.8;}
#gallery #gallery-options{overflow-y: scroll; height: 30rem; display:flex; flex-direction: column;}
#gallery #gallery-options a{padding: 0.8rem 1rem; cursor: pointer; color: #006e9d; background-color: #fff; text-decoration: none;}
#gallery #gallery-options a:not(:last-child){border-bottom: 1px solid #006e9d;}
#gallery #gallery-options a:hover{background-color: #006e9d; color: #fff;}

.swiper_main{
	width: 100%;
	aspect-ratio: 4/3;
}
.swiper-wrapper{
	width: 100%;
	height: 100%;
}
.swiper_main img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.swiper_thumbnail .swiper-slide{
	cursor: pointer;
}
.swiper_thumbnail .swiper-slide-thumb-active{
}
.swiper_thumbnail{
	height: 150px;
	margin-top: 10px;
	width: auto;
	object-fit: cover;
}
.swiper_thumbnail img{
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#gallery .imageGalleryBox{grid-column: span 12; order: 2;}
	#gallery .imageGallerySearchBox{grid-column: span 12; order: 1;}
	#gallery .gallery-options{height: 15rem;}
}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: rgba(44,62,80,0.6);}
::-webkit-scrollbar-thumb {background: rgba(44,62,80,1);}
::-webkit-scrollbar-thumb:hover {background: #ffc107;} 

@supports (scrollbar-color: red blue){
	* {
		scrollbar-color: rgba(44,62,80,1) rgba(44,62,80,0.6);
		scrollbar-width: thin;
	}
}
/*Bemutatkozás*/
#introduction  div{padding: 1rem; border-radius: 0.7rem;}
#introduction  .grid{margin-bottom: 3rem; padding: 0;}

#introduction #introduction-main{grid-column: span 8; border-bottom: 3px solid #00353B;}
#introduction #introduction-main p{line-height: 1.7rem; margin-bottom: 1.5rem;}

#introduction #introduction-highlighted-events{grid-column: span 4; line-height: 1.7; border-bottom: 3px solid #B89D74;}
#introduction #introduction-highlighted-events ul{list-style-type: none; margin-left: 2.5rem;}
#introduction #introduction-highlighted-events ul li{margin-bottom: 0.2rem;}
#introduction #introduction-highlighted-events ul li:nth-child(1n+8){font-style: italic; margin-left: 2rem;}

#introduction #introduction-library{grid-column: span 5; border-bottom: 3px solid #9DA0DE;}
#introduction #introduction-library div{display: flex; flex-direction: column;}
#introduction #introduction-library div span{margin-bottom: 0.5rem;}

#introduction #introduction-contact{grid-column: span 3; border-bottom: 3px solid #B87B7B;}
#introduction #introduction-contact div{display: flex; flex-direction: column;}
#introduction #introduction-contact div span{margin-bottom: 0.2rem;}
#introduction #introduction-contact ul{list-style-type: none; margin-left:1.5rem; line-height: 1.5rem;}

#introduction #introduction-opening-hours{grid-column: span 4; border-bottom: 3px solid #006e9d;}
#introduction #introduction-opening-hours div{display: flex; flex-direction: column;}
#introduction #introduction-opening-hours div span{margin-bottom: 0.2rem;}
#introduction #introduction-opening-hours ul{margin-bottom: 0.5rem; list-style-type: none; margin-left:1.5rem; line-height: 1.5rem;}

@media screen and (max-width: 1200px) {
	#introduction #introduction-main{grid-column: span 7;}
	#introduction #introduction-highlighted-events{grid-column: span 5; line-height: 1.7rem;}
	#introduction #introduction-library{grid-column: span 7;}
	#introduction #introduction-contact{grid-column: span 5;}
	#introduction #introduction-opening-hours{grid-column: span 5;}
	#introduction #introduction-library .introduction-border,
	#introduction #introduction-contact .introduction-border,
	#introduction #introduction-opening-hours .introduction-border{height: 100%;}
}
@media screen and (max-width: 800px) {
	#introduction #introduction-main,
	#introduction #introduction-highlighted-events,
	#introduction #introduction-library,
	#introduction #introduction-opening-hours,
	#introduction #introduction-contact{grid-column: span 12;}
}

/*Keresés*/
#search .a-list a{width: 100%; padding: 0.7rem; text-decoration: none; display:block; color: #000;}
#search .a-list a span{display: inline-block;}
#search .a-list a span:first-child{margin: 0 1rem 0.25rem 0;}
#search .a-list a span:last-child{width: 100%;}
#search .a-list a span:not(:last-child){text-transform: uppercase; color: #686363; font-weight: bold; font-size: 1rem;}
#search .a-list a:nth-child(odd){background-color: #F1F2F6;}
#search .a-list a:hover{background-color: #006e9d;}
#search .a-list a:hover span{color: #fff;}
#search .searchPagination{grid-column: span 12; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
#search #paginationButtons{display: flex; gap: 5px;}
#search #paginationButtons a{padding: 0; background-color: #006e9d; z-index: 2; color: #fff; height: 2rem; width: 2rem; border: 0; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#search #paginationPages{display: flex; gap: 5px;}
#search #paginationPages a{background-color: rgba(44,62,80,1); align-items: center; justify-content: center; text-decoration: none; cursor: pointer;}
#search #paginationPages a:hover{background-color: #686363;}
#search h2 {text-align: center;}
.active_page{background-color: #ffc107 !important; color: #fff !important;}


/*Szolgáltatások*/
#services .grid{margin-bottom: 3rem;}
#services h3{margin-bottom: 1rem;}
#services span{grid-column: span 12; display: inline-flex; align-items: center;}
#services i{font-size: 2rem; margin-right: 1rem; color: #006e9d;}
#services-copy-color{grid-column: span 12;}
#services .divider{margin-bottom: 1rem;}
#services #services_library h3{margin-top: 2rem; display: block;}

/*Táblázat*/
.divTable{display: grid; grid-template-columns: 0.5fr repeat(4,1fr); grid-template-rows: auto; width:100%; text-align: center; grid-gap: 3px;}
.divTable div{padding: 0.5rem 0; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.divTableColor1{background-color: #006e9d !important; color: #fff;}
.divTableColor2{background-color: rgba(44,62,80,1) !important; color: #fff;}
.divTableColor3{background-color: transparent !important;}
.divTableCol1{grid-column:  span 1;}
.divTableCol2{grid-column:  span 2;}
.divTableCol3{grid-column:  span 3;}
.divTableCol4{grid-column:  span 4;}
.divTableCol3,
.divTableCol4{text-align: left; padding-left: 0.8rem !important; justify-content: flex-start !important;}

/*Kapcsolat*/
#contact .box{padding: 1rem; color: #006e9d; border-radius: 0.7rem; border-bottom: 3px solid #006e9d;}
#contact #sub-contact{border-color: #00353B;}
#contact .box h3:not(:first-child){margin-top: 1rem;}
#contact .box:last-child{margin-bottom: 3rem;}

/*Térkép*/
#contact #map{width: 100%; min-height: 30rem;}
#contact #map iframe{width: 100%; min-height: 30rem;}

/*Kapcsolat - Írjon nekünk*/
#contact .box form{display: flex; flex-direction: column; align-items: center;}
#contact .box form input,
#contact .box form textarea{padding: 0.8rem; background-color: #DAC5A6; color: #686868; border: 1px solid #B89D74; font-size: 1rem; width: 30rem;}
#contact .box form input{padding-left: 3rem;}
#contact .box form textarea{height: 25rem; margin-bottom: 1rem;}
#contact .box form div{position: relative; margin-bottom: 1rem;}
#contact .box form div::after{position: absolute; font-family: FontAwesome; font-style: normal; font-size: 1.5rem; top:50%; transform: translateY(-50%); left:0.8rem; color: #B89D74; line-height: 0.7;}
#contact .box form #contact-email{margin-top: 2rem;}
#contact .box form #contact-email::after{content: '\f0e0';}
#contact .box form #contact-subject::after{content: '\f15c';}
#contact .box form button{margin-bottom: 1rem;}

#contact #leadership a{margin-top: 1rem;}
#contact #leadership div{padding-left: 2rem;}
#contact #sub-contact{color: #00353B;}
#contact #sub-contact .mb,
#contact #leadership .mb{display: inline-block; margin-bottom: 1rem;}
#contact #leadership div:last-child{display: flex; justify-content: center;}

#contact #sub-contact span{line-height: 1.5rem;}

@media screen and (max-width: 1200px) {
	#leadership,
	#sub-contact {grid-column: span 6;}
	#map {grid-column: span 12;}
}
@media screen and (max-width: 810px) {
	#leadership,
	#sub-contact {grid-column: span 12;}
}

@media screen and (max-width: 580px) {
	#contact .box form input,
	#contact .box form textarea,
	#contact-email,
	#contact-subject{width: 100%;}

}

/*Eredmények oldal*/

#newsTemplate{margin-bottom: 40px;}
#newsTemplate .newsTemplateInformation{display: flex; flex-direction: column;}
#newsTemplate .mb,
#newsTemplate .newsTemplateInformation,
#newsTemplate .newsTemplateInformation2,
#newsTemplate .newsTemplateContent .newsTemplateContentBox .buyTicket div{text-transform: uppercase;}
#newsTemplate .newsTemplateSocial .newsTemplateSocialShare{color: #006e9d; font-weight: bold; margin-right: 1rem; font-size: 1.5rem;}
#newsTemplate .newsTemplateInformation,
#newsTemplate .newsTemplateInformation2,
#newsTemplate .newsTemplateContent .newsTemplateContentBox .buyTicket div{color: #686363; font-weight: bold;}
#newsTemplate .newsTemplateSocial {display: flex; flex-direction: row; align-items: center;}
#newsTemplate .newsTemplateSocial i{margin-right: 1rem; font-size: 2rem; cursor: pointer;}
#newsTemplate .newsTemplateSocial .fa-square-facebook{color: #4267B2;}
#newsTemplate .newsTemplateSocial .fa-twitter{color: #00acee;}
#newsTemplate .newsTemplateSocial .fa-envelope{color: #d62d20;}
#newsTemplate .newsTemplateContent{display: flex; gap: 30px;}
#newsTemplate .newsTemplateContent .newsTemplateContentBox {line-height: 2rem; font-size: 1.1rem; width: 100%;}
#newsTemplate .newsTemplateContent .newsTemplateContentBox .buyTicket {display: flex; flex-direction: column; align-items: flex-start; margin-top: 2rem;}
#newsTemplate .newsTemplateContent .newsTemplateContentBox .buyTicket .btn{margin-top: 1rem; text-transform: uppercase; font-weight: bold;}
#newsTemplate .newsTemplateContent .newsTemplateContentBox .buyTicket .btn i{transform: rotate(45deg);}

#newsTemplate .newsTemplateContent .newsTemplateContentBox p{line-height: 2rem;}
#newsTemplate .newsTemplateContent .newsTemplateContentShort{font-weight: bold; margin-bottom: 1.5rem; display: block;}
#newsTemplate .newsTemplateContent img{max-width: 500px; aspect-ratio: 210/297; object-fit: scale-down; }


#newsTemplate .newsTemplateComments .newsTemplateCommentsBox{width: 100%; max-height: 300px; overflow-y: scroll;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsTitle{margin: 1rem 0; color: #006e9d; font-weight: bold; margin-right: 1rem; font-size: 1.5rem; display: block;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsContent{display: grid; grid-template-columns: repeat(12,1fr); grid-template-rows: auto; justify-self: center; width: 100%; min-height:80px; padding: 0.5rem;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsContent:nth-child(2n+0){background-color: #F1F2F6;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsContentUser{color: #006e9d; font-weight: bold;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsContentDate{justify-self: end; color: #686363;}
#newsTemplate .newsTemplateComments .newsTemplateCommentsContentText{}

#newsTemplate .newsTemplateCommentsSender{}
#newsTemplate .newsTemplateCommentsSender form{display: flex; align-items: center; justify-content: center; gap: 10px; flex-direction: column;}
#newsTemplate .newsTemplateCommentsSender form textarea{max-width: 700px; width: 700px; height: 100px; border: 1px solid #006e9d; font-size: 1rem; padding: 0.5rem;}
#newsTemplate .newsTemplateCommentsSender form textarea:focus{outline: none;}
#newsTemplate .newsTemplateCommentsSender form .btn{font-size: 1rem;}
#newsTemplate .newsTemplateCommentsSender h2 {text-align: center;}

@media screen and (max-width: 1000px) {
	:root{--newsTemplateContentImagesImgHeight: 450px;}
}
@media screen and (max-width: 900px) {
	#newsTemplate .newsTemplateContent .gridCol7,
	#newsTemplate .newsTemplateContent .gridCol5{grid-column: span 12;}
}
@media screen and (max-width: 800px) {
	:root{--newsTemplateContentImagesImgWidth: 100%; --newsTemplateContentImagesImgHeight: calc(var(--newsTemplateContentImagesImgWidth)*1.4142);}
	#newsTemplate .newsTemplateCommentsSender form textarea{width: 95%;}
	#newsTemplate .newsTemplateContent{flex-direction: column;}
}
/*Beállítások*/
#settings .gridCol12{display: flex;}
#settings .gridCol12 .menuContent{width:250px; min-width: 250px; height: min-content; border-right: 1px solid #006e9d; padding-right: 0.5rem;}
#settings .gridCol12 .menuContent a{padding: 0.5rem; font-size: 1.5rem; color: #686363; text-decoration: none; display:block;}
#settings .gridCol12 .menuContent a:hover{background-color: #686363; color: #fff;}
#settings .gridCol12 .mainContentSettings{display: flex; flex-direction: column; width:100%; height: min-content; padding: 0 1rem; justify-content: center; align-items: center;}
#settings .gridCol12 .mainContentSettings h2{margin-bottom: 2rem;}
#settings .gridCol12 .mainContentSettings form{display: flex; flex-direction: column; width: min-content; align-items: center;}
#settings .gridCol12 .mainContentSettings form div label{margin-bottom: 0.2rem; font-size: 1rem; color: #686363; font-weight: bold; text-transform: uppercase;}
#settings .gridCol12 .mainContentSettings form div input{width:350px; padding: 0.5rem; border: 1px solid #006e9d; margin-bottom: 0.5rem; font-size: 1rem;}
#settings .gridCol12 .mainContentSettings form div input:focus{outline: none;}
#settings .gridCol12 .mainContentSettings form button{width:min-content; text-align: center; font-size: 1rem; margin-top: 1rem;}
#settings .gridCol12 .mainContentSettings a{margin-top: 1rem;}

@media screen and (max-width: 780px) {
	#settings .gridCol12{flex-direction: column; align-items: center;}
	#settings .gridCol12 .menuContent{padding-right: 0;}
	#settings .gridCol12 .menuContent a{padding-bottom: 0.5rem;}
	#settings .gridCol12 .menuContent a{background-color: #F1F2F6; width: 300px;}
	#settings .gridCol12 .menuContent a:not(:last-child){border-bottom: 1px solid #212529;}
	#settings .gridCol12 .menuContent{border-right: transparent; width: 50%; display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;}
}
@media screen and (max-width: 400px) {
	#settings .gridCol12 .mainContentSettings form div input{width:250px;}
}

/*Közérdekű adatok*/
#dofp .gridCol12{display: flex;}
#dofp .gridCol12 .menuContent{width:250px; min-width: 250px; height: min-content; border-right: 1px solid #006e9d; padding-right: 0.5rem; margin-bottom: 2rem;}
#dofp .gridCol12 .menuContent a{padding: 0.5rem; font-size: 1.5rem; color: #686363; text-decoration: none; display:block;}
#dofp .gridCol12 .menuContent a:hover{background-color: #686363; color: #fff;}
#dofp .gridCol12 .mainContentDofp{display: flex; flex-direction: column; width:100%; height: min-content; padding: 0 1rem; justify-content: center; align-items: center; margin-bottom: 2rem;}
#dofp .gridCol12 .mainContentDofp h2{margin-bottom: 2rem;}
#dofp .gridCol12 .mainContentDofp a{margin-top: 1rem;}
#dofp .grid h2 {grid-column: span 12;text-align: center};

@media screen and (max-width: 780px) {
	#dofp .gridCol12{flex-direction: column; align-items: center;}
	#dofp .gridCol12 .menuContent{padding-right: 0;}
	#dofp .gridCol12 .menuContent a{padding-bottom: 0.5rem;}
	#dofp .gridCol12 .menuContent a{background-color: #F1F2F6; width: 300px;}
	#dofp .gridCol12 .menuContent a:not(:last-child){border-bottom: 1px solid #212529;}
	#dofp .gridCol12 .menuContent{border-right: transparent; width: 50%; display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;}
}
@media screen and (max-width: 400px) {
	#dofp .gridCol12 .mainContentDofp form div input{width:250px;}
}

/*Közérdekű adatok*/
#datarules .gridCol12{display: flex;}
#datarules .gridCol12 .menuContent{width:250px; min-width: 250px; height: min-content; border-right: 1px solid #006e9d; padding-right: 0.5rem;}
#datarules .gridCol12 .menuContent a{padding: 0.5rem; font-size: 1.5rem; color: #686363; text-decoration: none; display:block;}
#datarules .gridCol12 .menuContent a:hover{background-color: #686363; color: #fff;}
#datarules .gridCol12 .mainContentDatarules{display: flex; flex-direction: column; width:100%; height: min-content; padding: 0 1rem; justify-content: center; align-items: center;}
#datarules .gridCol12 .mainContentDatarules h2{margin-bottom: 2rem;}
#datarules .gridCol12 .mainContentDatarules a{margin-top: 1rem;}

@media screen and (max-width: 780px) {
	#datarules .gridCol12{flex-direction: column; align-items: center;}
	#datarules .gridCol12 .menuContent{padding-right: 0;}
	#datarules .gridCol12 .menuContent a{padding-bottom: 0.5rem;}
	#datarules .gridCol12 .menuContent a{background-color: #F1F2F6; width: 300px;}
	#datarules .gridCol12 .menuContent a:not(:last-child){border-bottom: 1px solid #212529;}
	#datarules .gridCol12 .menuContent{border-right: transparent; width: 50%; display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;}
}
@media screen and (max-width: 400px) {
	#datarules .gridCol12 .mainContentDatarules form div input{width:250px;}
}
/*Kiemelt események*/
.active_menu{background-color: #006e9d !important; color: #fff !important;}

#highlitedEvents .gridCol12{display: flex;}
#highlitedEvents .gridCol12 .menuContent{width:250px; min-width: 250px; height: min-content; border-left: 1px solid #006e9d; padding-left: 0.5rem;}
#highlitedEvents .gridCol12 .menuContent a{padding: 0.5rem; font-size: 1.5rem; color: #686363; text-decoration: none; display: block;}
#highlitedEvents .gridCol12 .menuContent a:hover{background-color: #686363; color: #fff;}
#highlitedEvents .gridCol12 .mainContentEvents{display: flex; flex-direction: column; width:100%; height: min-content; padding: 0 1rem; justify-content: center; align-items: center;}
#highlitedEvents .gridCol12 .mainContentEvents h2{margin-bottom: 2rem; text-align: center;}
#highlitedEvents .gridCol12 .mainContentEvents form{display: flex; flex-direction: column; width: min-content; align-items: center;}
#highlitedEvents .gridCol12 .mainContentEvents form div label{margin-bottom: 0.2rem; font-size: 1rem; color: #686363; font-weight: bold; text-transform: uppercase;}
#highlitedEvents .gridCol12 .mainContentEvents form div input{width:350px; padding: 0.5rem; border: 1px solid #006e9d; margin-bottom: 0.5rem; font-size: 1rem;}
#highlitedEvents .gridCol12 .mainContentEvents form div input:focus{outline: none;}
#highlitedEvents .gridCol12 .mainContentEvents form button{width:min-content; text-align: center; font-size: 1rem; margin-top: 1rem;}
#highlitedEvents .gridCol12 .mainContentEvents a{margin-top: 1rem;}
#highlitedEvents .gridCol12 .mainContentEvents {line-height: 2rem; padding: 0 2rem;}

/*Kiemelt események - Gyogy - bor napok*/
#highlitedEvents .gridCol12 .mainContentEvents #gybnIntroduction p {margin-bottom: 2rem; width: 100%;}
#highlitedEvents .gridCol12 .mainContentEvents #gybnIntroduction p:last-child span:first-child {display:flex; flex-direction:  column; line-height: 0.8rem;}
#highlitedEvents .gridCol12 .mainContentEvents #gybnIntroduction p:last-child span:first-child {font-weight: bold; color: #006e9d; display:flex; flex-direction:  column; font-size: 1.5rem;}
#highlitedEvents .gridCol12 .mainContentEvents #gybnIntroduction p:last-child span{}



@media screen and (max-width: 780px) {
	#highlitedEvents .gridCol12{flex-direction: column; align-items: center;}
	#highlitedEvents .gridCol12 .menuContent{padding-left: 0; border-left: 0; order: 1;}
	#highlitedEvents .gridCol12 .menuContent a{padding-bottom: 0.5rem; background-color: #F1F2F6; width: 300px;}
	#highlitedEvents .gridCol12 .menuContent a:not(:last-child){border-bottom: 1px solid #686363;}
	#highlitedEvents .gridCol12 .menuContent{border-right: transparent; width: 50%; display: flex; flex-direction:column; align-items: center; margin-bottom: 3rem;}
	#highlitedEvents .gridCol12 .mainContentEvents {order: 2;}
}
@media screen and (max-width: 400px) {
	#highlitedEvents .gridCol12 .mainContentEvents form div input{width:250px;}
}

/*******************************/
.gridCol2{grid-column: span 2;}
.gridCol3{grid-column: span 3;}
.gridCol4{grid-column: span 4;}
.gridCol5{grid-column: span 5;}
.gridCol6{grid-column: span 6;}
.gridCol7{grid-column: span 7;}
.gridCol8{grid-column: span 8;}
.gridCol10{grid-column: span 10;}
.gridCol12{grid-column: span 12;}

.colorLightGreen{background-color: #e0f1eb; border-color: #00353B !important;}
.colorLightBlue{background-color: #E6F9FF; border-color: #006e9d !important;}
.colorLightYellow{background-color: #FDF0DC;border-color: #B89D74 !important;}
.colorLightPurple{background-color: #ECEDFD; border-color: #9DA0DE !important;}
.colorLightRose{background-color: #FCE1E1; border-color: #B87B7B !important;}

.colorDeepGreen-text{color: #00353B;}
.colorDeepYellow-text{color: #B89D74;}
.colorDeepPurple-text{color: #9DA0DE;}
.colorDeepRose-text{color: #B87B7B;}
.colorDeepGreen-bg{background-color: #00353B !important;}
.colorDeepGreen-bg2{background-color: #006872 !important;}
.colorDeepYellow-bg{background-color: #B89D74 !important;}
.colorDeepPurple-bg{background-color: #9DA0DE !important;}
.colorDeepRose-bg{background-color: #B87B7B !important;}

.border{border-radius: 0.7rem; border-bottom: 3px solid #006e9d; border-top: 3px solid #006e9d; padding: 1rem; background-color: #F1F2F6;}
.divider{background-color: #006e9d; height: 1px; width: 70%; margin: 0.5rem 0 1rem 0; padding: 0 !important; grid-column: span 12;}
.flex-align-center{display: flex; align-items: center; flex-direction: column;}
/*****************************/
@keyframes animate {from {opacity: 0;}to {opacity: 1;}}

#cookiesBlock{
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 95%;
	max-width: 600px;
	z-index: 500;
	background-color: rgba(0, 110, 157, 1);
	height: auto;
	border-radius: 10px;
	padding: 20px;
	font-size: 18px;
	border: 5px solid #ffc107;
	display: none
}
#cookiesBlock p{
	margin-bottom: 20px;
	color: #fff;
}
#cookiesBlock a{
	text-decoration: none;
	color:#ffc107;
}
#cookiesBlock .cookiesButtons{
	margin-top:20px;
	display: flex;
	width:100%;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#cookiesBlock .cookiesButtons a{
	color: #000;
}

#public-title {
	text-align: left !important;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

#public-table .divTableCol2{
	justify-content: left !important;
	text-align: left;
	padding-left: 0.8rem;
}

.data-list-one-level{
	list-style-type: disclosure-open;
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}

.data-list-one-level li{
	margin-bottom: 0.2rem;
}

.data-list-two-level{
	list-style-type: disc;
	margin-left: 2rem;
}

.data-list-three-level{
	list-style-type: circle;
	margin-left: 2rem;
}