body {
	background: #f5f7f4;
	color: #2c272b;
	font-size: 20px;
	font-family: "PT Serif",serif;
	font-style: normal;
}
h1 {
	letter-spacing: 1px;
}
h1, h2, h3, h4 {
	font-family:'Zilla Slab', 'Vollkorn', 'Source Serif 4', 'Trebuchet MS', sans-serif;
}
.emphasized { font-style: italic; }
.container {
	max-width: 801px;
	width: 100%;
	margin: 0 auto;
	padding: 5pt;
}
nav div {
	padding: 0 20px;
	display: inline-block;
}

nav {
	font-size: 22px;
  display: flex;
  gap: 1rem;
  padding: 0.5rem;
}

.year {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
}

.month-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #ddd;
  padding: 0.5rem 0;
  white-space: nowrap; /* keeps months in one horizontal line */
}


@media screen and (max-width: 519px) {
	nav div {
		padding: 0 2px;
	}
}
a {
	color:#1c06c1;
	/*color:#9E0059;*/
	text-decoration: none;
}


li {
	list-style-type: none;
	padding: 0px 0;
	padding-left: 0;
}
.flowered_list > li::before {
	content: "▲";
	padding-right: 5px;
}

.flowered2_list > li::before {
	content: "◦";
	padding-right: 0px;
	list-style-position: inside;
  padding-left: 0;
}

dl {
  margin: 1em 0;
  line-height: 1.3; /* increases space between lines */
}

dt {
  font-size: 20pt;
}

dd {
  margin: 0;
  padding: 0;
}


.imageflex { display: flex; }
.imageflexcontent { margin-left: 5px; margin-top: 0; }

.event-box {
  background-color: #F46036; /* halvány kék háttér */
  padding: 5px; /* belső margó */;
  padding-left: 25px;
  margin: 20px 0; /* külső margó */
  /*border: 5px solid #c75bc5;*/
  color: #f5f7f4
}


.old-event-box{
background-color: #f16139; /* halvány kék háttér */
  padding: 25px; /* belső margó */
  margin: 20px 0; /* külső margó */

  color: #f5f7f4

}
button, .btn, .year {
  box-shadow: none;
  outline: none;
  border: none;
}
.btn {
  background-color: #034732 ;
  color:#f5f7f4;
  padding: 9px 15px;
  font-size: 21px;
  cursor: pointer;
  margin-right: 15px;
  margin-top: 20px;
  font-family: "PT Serif",serif;
	font-style: normal;
	box-shadow: none;
}.btn:hover{background-color: #1c7257}

/* Green */
.success {
  box-shadow: none;

}.success:hover {background-color: #1c7257}

.year{border:none;
	border-radius: 12px
 }.year:hover {background-color: #1c7257}