@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

*,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0 }
html { height: 100%;	}
body {height:100%; color: #424242; font-family: Comfortaa, 'Saira Semi Condensed', Roboto,  verdana, Raleway, sans-serif; /*background: url('../pics/bg2022a.png'/*bg-body_zolis.jpg bg2022a.png) fixed;  background: linear-gradient(#a7a7a7,#aebfa7);*/background: linear-gradient(#006584,#aebfa7);
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; font-weight: 300;font-size: 1rem;	line-height: 1.65;}





img { max-width: 100%; height: auto;border-radius: 5px 5px 0 0; }
a { color: #00b8d4 ; text-decoration: none;}   
a:hover {background: rgba(0,0,0,.2);color: #000;}
.w { max-width: 1050px; margin: 0 auto; padding: 0; /* 0 30px */}
.mt0 { margin-top: 0 }
.mr10 { margin-right: 10px }
.mb10 { margin-bottom: 10px }
.logo { color: #fff; font-size: 18px; font-weight: 400; text-decoration: none }
.logo span { color: #00b8d4 }

.clearfix::after { content: ""; clear: both; display: table; }

/* fixsarok=bakancs a sarokban */
#fixsarok {	width: 175px; height: 175px; background: url('../pics/logo_wb.png'); background-repeat: no-repeat; 	position: fixed; right: 25px; bottom: 25px;	z-index: 2500;}
#fixsarok:hover { background: url('../pics/logo_wb_m_1.png'); transition: 2s; }
@media only screen
and (min-width : 480px)
and (max-width : 800px) {
div#fixsarok {width: 150px; height: 150px; background: url('../pics/logoka_wb_f.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f_1.png');}
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
div#fixsarok {width: 100px; height: 100px; background: url('../pics/logoka_wb_f2.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f2_1.png');}
}
@media only screen
and (min-width : 240px)
and (max-width : 320px) {
div#fixsarok {width: 100px; height: 100px; background: url('../pics/logoka_wb_f2.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f2_1.png');}
}

/* visszanyil a sarokba*//* menü feltapad */

#navlist { position: relative; position: fixed;	top: 25px; left: 25px;}
#navlist li {  margin: 0;  padding: 0;  list-style: none;  position: absolute;  top: 0;}
#navlist li, #navlist a { height: 44px; display: block;}

/*  *főoldalra nyíl**/

#prev { left:  25px; width: 43px; background: url('../pics/img_navsprites.gif') -47px 0;}
#prev a:hover { background: url('../pics/img_navsprites_hover.gif') -47px 0;}

header, main { margin: 0 0 1rem 0;}
header > h1{ text-align: center;	margin-top: 50px;  margin-bottom: 10px;	font-size: 36px;}
main *+* { max-width:1050px;} /*margin-top: 1rem;*/
.flex-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#row1 { color: white; text-shadow: 2px 2px 2px rgb(0 0 0 / 80%); margin-top: 50px; margin-bottom: 10px; font-size: 1.3em;font-weight:500;}
#row1 span {	padding: 0 40px; color: white;}

#row1_2023 { color: white; text-shadow: 2px 2px 2px rgb(0 0 0 / 80%); margin-top: 3rem; /*margin-bottom: 5rem;*/ font-size: 2rem;}
#row1_2023 span {	padding: 0 40px; color: white;}




main.w { margin: 0 auto 60px auto; max-width: 1200px;width:94%;padding:2rem;}/*max-width:1050px width:80vw */
main.w h1 { margin: 0 auto; font-family: Comfortaa, 'Saira Semi Condensed', sans-serif;font-weight: 500; }
main p { line-height: 1.6; margin: 20px 0 }
main ol,
main ul { margin: 0 0 30px 30px }
main li { margin: 0 0 5px 0; line-height: 1.6 }
main h1 { font-weight: 300; font-size: 50px; margin: 0 0 30px 0; color: #fff }
main h2 { font-weight: 500; font-size: 16px; /*text-transform: uppercase; margin: 50px 0 30px 0;*/ color: #000;padding-left: 2rem }
main h3 { font-weight: 400; font-size: 15px; text-transform: capitalize; margin: 50px 0 30px 0; color: #000 }
main h4 { font-weight: 400; font-size: 15px; font-style: italic; text-transform: capitalize; margin: 0; color: #000;padding-top: 0.75em;}

.b { background: #00b8d4; color: #fff; text-transform: uppercase; font-weight: 500; border-radius: 2px; display: inline-block; padding: 6px 16px 4px; text-decoration: none; transition: .3s }
.b:hover,
.b:active { background: #2e393d }

.bp { margin: 0 0 15px 0; text-transform: none; font-size: 16px; font-weight: 500 }
.bp a { color: inherit; display: block; text-decoration: none }
.bp span { display: block; font-size: 13px; margin: 0 0 3px 0; color: #999; font-weight: 300 }
.bp a:hover,
.bp a:hover span { color: #00b8d4 }


.date { font-weight: 300; margin-bottom: 50px }


.tabs { overflow: hidden; padding: 0 1.5rem; } /*2.5rem*/
.tabs input { position: absolute; opacity: 0; z-index: -1 }
.tab { width: 100%; overflow: hidden; margin-bottom: 5px }
.tab-label { display: flex; justify-content: space-between; align-items: center; padding: 30px 15px 0 15px; /*background: #d3cbaf;*/ font-size: 1.0rem; cursor: pointer; border-radius: 5px;/*#ffd700*/color:white;/* #00b8d4; */;text-shadow: 2px 2px 2px rgba(0,0,0,.35);font-family: 'Raleway';background: rgba(255,255,255,.75); position:relative;}
.tab-label img { width: 25px; vertical-align: middle; margin: 0; }
.tab-label:hover { background: #e5e5e5 }
.tab-label::after { content: " "; width: 30px; height: 30px; text-align: center; transition: .2s; font-size: 1.5rem; line-height: 30px; font-weight: 300 }
.tab-content { max-height: 0; /*padding: 0 15px;*/ transition: .2s; background: white; /*rgba(65, 163, 236, 0.25); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ }
.tabs input:checked + .tab-label { background: #00b8d4; color: #fff; border-radius: 5px 5px 0 0; }
.tabs input:checked + .tab-label::after { content: '-'; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.tabs input:checked ~ .tab-content { max-height: 100%; padding: 15px 15px 0 0; }

.tab-label span { /*margin-left: 500px;*//*color: #00b8d4;*/	background-color: white;	position: absolute;	right: 1.25rem;	/*left: 0;*/ border-radius: 5px; background-color: rgba(127,192,108,1); }

.tab16 ul {list-style: none;}




/* jo ez */

.tabs2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  font-family: sans-serif;
  margin: 0 auto;
  color:white;
}

.tabs2__label {
  padding: 10px 16px;
  cursor: pointer;
}

.tabs2__radio {
  display: none;
}

.tabs2__content {
  order: 1;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 0.9em;
  display: none;
}

.tab2s__radio:checked + .tabs2__label {
  font-weight: bold;
  color: #009578;
  border-bottom: 1px solid #009578;
}

.tabs2__radio:checked + .tabs2__label + .tabs2__content {
  display: initial;
}

/* eddig */



#sorsolas {
	padding-left: 20%;
	margin: 0 auto;
}

.kozepre{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}





.arrow { display: inline-block;	width: 0;height: 0 ; margin-left: 10px; }
.arrow.up {	border-bottom: 10px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;margin: 0 7px; } /*#785519*/
.arrow.down {border-top: 10px solid #ffffff;border-right: 10px solid transparent;border-left: 10px solid transparent;margin: 0 7px;}

.tab::after,
.tab-content::after {
	content:'';
	clear: both;
	display: table
}

.cim h2 { font-weight: bold;font-family:Roboto, 'Saira Semi Condensed', Comfortaa, verdana, Raleway, sans-serif;font-size: 1.5em;/*text-transform: capitalize*/}

@media (max-width: 650px) {
	.w { padding: 0 15px }
}

@media(max-width:480px) {
	main h1 { font-size: 30px }
}

.box-wrapper {
	display: flex;
	flex-flow: row wrap;
	float: left;
	justify-content: center;
}

.box-wrapper>p {
	padding-top: 0;
}



.kiskapitalis {
	font-variant: small-caps;
}
.kiskapitalis p {
	margin-bottom:0;
	padding-bottom:0;
}

.versenybeszamolo p { color:#f44336;}
.edzomeccs p { color:#00bcd4;}
.versenykiiras p { color:#ff9800;}


.hirdoboz {
	max-width: 1200px;
	width: 94%; /*90%*/
	min-height: 20vh;
	margin: 1rem auto; /* 2rem auto; 40px auto */
	padding:0.5rem 0;/*25px;*/
	color: #0F0F19;
	background-color: #ffffff;/*rgba(189, 228, 163, .95);*/
	border-radius:15px;
	box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);
	/*position: relative;*/
	overflow: hidden;
	
}
@media(orientation:portrait) {
	
	.hirdoboz { 
		min-height: 30vh;
		margin: auto;
		padding: 0;
	}
	.tab-label span { margin-left: 0;    /*padding-left: 2.5rem;*/}
	.hir { margin: 2rem auto;}
	.tabs { padding: 0 1.25rem;}
	.item1 h1 {
		font-size: 1.75rem;
		/*height: 10rem;*/
		padding-top: 5rem;
	}
	#fixsarok {
		background: url('../pics/logo_88x88.png');
		width: 88px;
		height: 88px;
	}
	div.box {
		width: 90px;
		height: 90px;
		left: 20px;
		top: 20px;
		margin: 4px 0 0 4px;
	}
	#row1_2023 h1 {
		font-size: 2.75rem;
		padding-top: 2rem;
	}
}

.tab16 h3 {
	margin: 20px 0 10px 0;
	font-size: 1.15rem;
}
















.box {
	flex: 1;
	margin: 10px;
	min-width: 300px;
	max-width: 400px;
	background: white;
	/*box-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
	border-radius: 5px 5px 0 0;
}

/*képváltás a boxban*/
.box img {height: 300px;border-radius: 5px;box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);}
.egykep {margin:.5rem ;}


.carousel {	max-width: 420px; max-height: 300px;height:33vh;/* 35vh*/margin: 0.5rem 0.5rem 1rem 0.5rem; /*margin: .5rem;*/border-radius: 5px;box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);position: relative;	overflow: hidden}
@media(orientation:portrait) { .carousel { height: 30vh; }} /* 33vh */
.carousel div {width: 100%;height: 100%;position: absolute;background-position: center center;background-size: cover;	opacity: 0;	border-radius: 5px;}
/*
.carousel div:nth-child(1) { background-image: url('../pics/22_01_1_1.jpg') }
.carousel div:nth-child(2) { background-image: url('../pics/22_01_2_1.jpg'); animation-delay: 3s }
*/


/*****  képváltós képek helye:kiegészítő box név, késleltetése   *******/
.box1 div:nth-child(1) { background-image: url('../pics/z-22_01_03_1.jpg') }
.box1 div:nth-child(2) { background-image: url('../pics/z-22_01_03_2.jpg') ; animation-delay: 6s }
.box1 div:nth-child(3) { background-image: url('../pics/z-22_01_03_3.jpg') ; animation-delay: 12s }
.box1 div:nth-child(4) { background-image: url('../pics/z-22_01_03_4.jpg') ; animation-delay: 18s }


.box2 div:nth-child(1) { background-image: url('../pics/z-22_05_02_1.jpg') }
.box2 div:nth-child(2) { background-image: url('../pics/z-22_05_02_2.jpg') ; animation-delay: 6s }
.box2 div:nth-child(3) { background-image: url('../pics/z-22_05_02_3.jpg') ; animation-delay: 12s }
.box2 div:nth-child(4) { background-image: url('../pics/z-22_05_02_4.jpg') ; animation-delay: 18s }

.box3 div:nth-child(1) { background-image: url('../pics/z-22_08_01_1.jpg') }
.box3 div:nth-child(2) { background-image: url('../pics/z-22_08_01_2.jpg') ; animation-delay: 6s }
.box3 div:nth-child(3) { background-image: url('../pics/z-22_08_01_3.jpg') ; animation-delay: 12s }

.box4 div:nth-child(1) { background-image: url('../pics/z-22_08_02_1.jpg') }
.box4 div:nth-child(2) { background-image: url('../pics/z-22_08_02_2.jpg') ; animation-delay: 6s }
.box4 div:nth-child(3) { background-image: url('../pics/z-22_08_02_3.jpg') ; animation-delay: 12s }

.box5 div:nth-child(1) { background-image: url('../pics/z-22_08_03_1.jpg') }
.box5 div:nth-child(2) { background-image: url('../pics/z-22_08_03_2.jpg') ; animation-delay: 6s }
.box5 div:nth-child(3) { background-image: url('../pics/z-22_08_03_3.jpg') ; animation-delay: 12s }

.box6 div:nth-child(1) { background-image: url('../pics/z-22_10_01_1.jpg') }
.box6 div:nth-child(2) { background-image: url('../pics/z-22_10_01_2.jpg') ; animation-delay: 6s }
.box6 div:nth-child(3) { background-image: url('../pics/z-22_10_01_3.jpg') ; animation-delay: 12s }

.box7 div:nth-child(1) { background-image: url('../pics/z-23_04_01_1.jpg') }
.box7 div:nth-child(2) { background-image: url('../pics/z-23_04_01_2.jpg') ; animation-delay: 6s }
.box7 div:nth-child(3) { background-image: url('../pics/z-23_04_01_3.jpg') ; animation-delay: 12s }






/* minta: */
/*
.box2 div:nth-child(1)  { background-image: url('../pics/21_01_1_1.jpg') }
.box2 div:nth-child(2) { background-image: url('../pics/21_02_1_1.jpg'); animation-delay: 3s }
*/

/* ---   eddig  --- */


.fader div { animation: fade 24s infinite }  /* 18s*/
@keyframes fade {
	0%, 40% { opacity: 0 }
	10%, 35% { opacity: 1 }
}
/*
.carousel.feder { opacity: 0; animation: carousel-fade-in 1.5s forwards }
@keyframes carousel-fade-in {
	0%, 40%  { opacity: 0 }
	100% { opacity: 1 }
}
*/

/*eddig*/



.box-content {
	padding: 0;/*0 1.5rem;*/
	font-size: .9rem;
	font-family: Roboto;
	
}

.box h4 {
    font-weight: 400;
    font-size: 15px;
    font-style: italic;
    text-transform: capitalize;
    margin: 0;
    color: #000;
    padding-left: 1rem;
}

.box h3 {
	margin: 1.5rem 0 0 0;
	font-size: 1.2rem;
	text-align:center;
}
.box p {
	text-align: center;
}
.btn {
	display: inline-block;
	padding: .5rem 1rem;
	margin-bottom: 1rem;
	background: #86b604;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}

.btn2012 { background: #DD4124;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2013 { background: #009473;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2014 { background: #AD5E99;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2015 { background: #964F4C;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2016 { background: #93A9D1;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2017 { background: #88B04B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2018 { background: #5F4B8B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2019 { background: #FF6F61;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2020 { background: #34558B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2021 { background: #939597;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2022 { background: #6667ab;padding: 0.75rem 1.75rem;margin-right: 1rem;}

section {
	margin: 0 auto 50px auto;
	max-width:1050px;
	/*width:80vw;*/
}
wrapper h1 {
	margin: 0 auto;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: 300;
}

#row2 {
	margin-top: 100px;
	color: #785519; 
}
@media(max-width:550px) {
    #row2 h2 { font-size: 1.375rem;}  /* 1.5em 30px*/
}	

#row3 {	
	width:70vw;
	max-width: 600px;
	color: #785519; 
	padding-bottom: 100px;
	display: flex;
    flex-flow: column;
    align-items: center;
    font-family: 'Comfortaa','Raleway';
	text-align: center;
}

#row3 span {
	font-size: 1.5rem;
	/*color: #785519;
	>←*/
}
#row3 a,
.box-content a {text-decoration:none;	}

#row3 h2 {
	color: transparent;
}	

.arch-link {padding: 1rem;}
	
.dia {
    padding-left: 15px;
    width: fit-content;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}

.dia  a { 
    margin-right: 5px;
}

/**************************************** */
/*
#color2012 { border:2px solid #DD4124;}
#color2013 { border:2px solid #009473;}
#color2014 { border:2px solid #AD5E99;}
#color2015 { border:2px solid #964F4C;}
#color2016 { border:2px solid #93A9D1;}
#color2017 { border:2px solid #88B04B;}
#color2018 { border:2px solid #5F4B8B;}
#color2019 { border:2px solid #FF6F61;}
#color2020 { border:2px solid #34558B;}
#color2021 { border:2px solid #939597;}
#color2022 { border:2px solid #6667ab;} 
#color2023 { border:2px solid #BB2649;} 
*/



/*
  .tab15 label.tab-label
  
*/

/*  */
/* barna gombszín * /
.tab7 label.tab-label,
.tab8 label.tab-label,
.tab9 label.tab-label,
.tab10 label.tab-label,
.tab11 label.tab-label,
.tab12 label.tab-label,
.tab13 label.tab-label,
.tab14 label.tab-label {color: #785519;text-shadow: none;
}

/* szürke gombszín 
.tab16 label.tab-label,
.tab17 label.tab-label,
.tab18 label.tab-label {color: #424242;text-shadow: none;}*/

.row5 p { padding: 0;margin:0;}
.row5 span { font-size: 1.5rem;}
.row5 {
	padding-bottom: 1rem;
	display:flex;
	flex-flow: column;
    align-items: center;
    font-family: 'Comfortaa','Raleway';
}



.footer {
	font-family: Raleway;
    font-weight: 300;
    background: white;
    padding: 5px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;


}

.footer span {
    font-weight: bold;
}

.footer.small p {
    margin: 0 0 12px 0;
}

.hir {
    background: white;
	/*margin: 2rem;*/
}


/* kenyérmorzsa * /

.breadcrumb {
	font: .75em sans-serif;
	list-style: none;
	/*text-transform: uppercase;* /
	font-family: 'Comfortaa','Oxygen', 'Roboto';
  }
  
  .breadcrumb.bc2x {
	font-size: 1em;
  }
  
  .breadcrumb.bc3x {
	font-size: 1.25em;
	text-transform: uppercase;
	font-family: 'Comfortaa','Oxygen', 'Roboto';
  }
  
  .breadcrumb p {
	margin: 0;
  }
  
  .breadcrumb li {
	display: inline-block;
	margin-bottom: .2em;
  }
  
  .breadcrumb li a {
	background-color: transparent ;/*#006a97;* /
	box-sizing: border-box;
	color: #fff;
	display: block;
	max-height: 2em;
	padding: .5em 1em .5em 1.5em;
	position: relative;
	text-decoration: none;
	transition: .25s;
  }
  
  .breadcrumb li a:before {
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #fff;
	content: "";
	position: absolute;
	top: 0;
	right: -1.25em;
	z-index: 1;
  }
  
  .breadcrumb li a:after {
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 1em solid transparent;/* #006a97;* /
	content: "";
	position: absolute;
	top: 0;
	right: -1em;
	transition: .25s;
	z-index: 1;
  }
  
  .breadcrumb li a:hover {
	background-color: #0098d9;
  }
  
  .breadcrumb li a:hover:after {
	border-left-color: #0098d9;
  }
  
  .breadcrumb li:last-child a {
	background-color: #0098d9;
	pointer-events: none;
  }
  
  .breadcrumb li:last-child a:after {
	border-left-color: #0098d9;
  }

/* kenyérmorzsa eddig */

#breadcrumbs { 
	padding: 0.75rem 1rem;
	border-radius: 5px;
	/*background-color: #fff;/ *rgba(127,192,108,1);*/
	width: 94%; /*93%;*/
	margin: 0 auto 60px auto;
	margin-left:40px;
	/*background: linear-gradient(to right, #ffffff 50%, #15172c);*/
	background: linear-gradient(to right, rgba(255,255,255,.95) 50%, rgba(21,23,44,.35));
	font-weight: 500;
	/*text-transform: uppercase;*/


}

#breadcrumbs a { 
	color:#cb0070;
	text-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
}

.tab-text-1 p {padding-bottom:0;margin-bottom: 0;}
.tab-text-2 p {padding-top:0;margin-top: 0;}