.sorkizart { text-align: justify;}
.vastag { font-weight: bold; }
.kozepre{text-align: center; margin: 0 auto;}
.kepkozepre{ display: block; margin-left: auto; margin-right: auto;}
.max { width: 100%; }
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.fekete { color: black;}
.feher { color: white;}
.sotet { color: #000066!important;}
.kerekit { border-radius: 25px; }

/*---------------------Kiemelt támogatók---------------*/
.kiemelt { margin: 0 auto; white-space: nowrap; overflow: hidden; font-size: 2em; color: #244e9e;}
.kiemelt span { display: inline-block; padding-left: 100%; animation: kiemelt 85s linear infinite; }

/* Make it move */
@keyframes kiemelt {
	0% { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}

/*--------------------Program kártya------------------- https://codepen.io/kassuro/pen/xeMdQO*/
 .card { position: relative; margin: 10px; background: var(--sotet); width: 256px; min-height: 250px; height: 100%; display: flex;
	flex-direction: column; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 3px 3px -2px rgba(0, 0, 0, 0.22), 0 1px 7px 0 rgba(0, 0, 0, 0.14); float: left;
}
.card.card-large { width: 512px; }
.card.img-card { background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; }
.card.img-card > .card-header { padding: 0; margin: 0; }

.card .card-menu { position: absolute; cursor: pointer; top: 5px; right: 10px; padding: 5px; }
.card .card-header { display: flex; justify-content: space-between; padding: 12px 30px; font-size: 18px; font-weight: 600; flex-grow: 1; }
.card .card-header > .card-header-icon, .card .card-header > .card-title { display: flex; align-items: center; }
.card .card-header > .card-header-icon,
.card .card-header .card-header-icon + .card-title { height: 50px; }
.card .card-header > .card-header-icon { justify-content: center; width: 50px; }
.card .card-header > .card-header-icon > img { border-radius: 100%; margin-right: 10px; height: 100%; }
.card .card-header > .card-title > h2 { padding: 0; margin: 0; color: var(--magenta); font-size: 32px;}
.card .card-header > .card-title > h3 { font-size: inherit; padding: 0; margin: 0; }
.card .card-header > .card-title > h4 { font-size: inherit; padding: 0; margin: 0; }
.card .card-header > .card-title > h5 { font-size: inherit; padding: 0; margin: 0; }
.card .card-header > .card-title > h6 { font-size: inherit; padding: 0; margin: 0; }
.card .card-menu + .card-header { padding-top: 40px; }

.card .card-media-header { padding: 0; height: 150px; align-items: flex-end; background-repeat: repeat; background-position: 50% 50%; background-size: cover;
	background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; }
.card.img-card > .card-header, .card.img-card > .card-header > .card-title,
.card .card-media-header > .card-title,
.card .card-media-header > .card-header-icon { align-items: flex-end; }
.card.img-card > .card-header > .card-title, .card.img-card > .card-content,
.card .card-media-header > .card-title,
.card .card-media-header > .card-header-icon { background: rgba(255, 255, 255, 0.5); }
.card.img-card > .card-content { display: flex; align-items: center; }
.card.img-card > .card-header > .card-title,
.card .card-media-header > .card-title { padding: 5px 20px; min-height: 30px; width: 100%; }
.card .card-media-header > .card-header-icon { padding: 5px 0 5px 30px; }

.card .card-content { font-size: 14px; padding: 10px 15px; flex-grow: 1; color: white; }

.card .card-footer { padding: 12px 30px; border-top: 1px solid rgba(0, 0, 0, 0.2); }
.card .card-footer > button { margin: 5px; }

.demo-container { font-family: "Roboto", sans-serif; background: #a3f3e3; display: flex; flex-wrap: wrap; align-content: center;
  justify-content: center; margin: 0 auto; padding: 50px 50px; }

.primary { background: #af56af; }

.second { background: #50a950; }

.img-card,
.card-media-header { background-image: url("../kepek/videohatter.jpg"); }

/*---------------Idő kiirás-----------*/
.ido { color: var(--vilagos); font-size: 16px; margin-left: -28px; padding: 5px; background: var(--sotet); line-height: 2em; border-radius: 50%;}

/*---------------Hírek-----------*/
.hirek { background: white; padding-top: 5rem; padding-bottom: 5rem; }

.hirdatum{ border-radius: 10px; background-color: var(--vilagos); color: var(--sotet); border: none; text-align: center; font-size: 20px; padding: 7px; width: 20%;
  transition: all 0.5s; cursor: crosshair; }

.hircim{ border-radius: 10px; background-color: var(--vilagos); border: none; color: black; text-align: center; font-size: 18px; padding: 5px; width: 300px; transition: all 0.5s;
  margin: 2rem auto 5px auto; }
  
.hirbox { width: 99%; float:left; margin: 10px 0 40px 0; border: 1px solid #d0d1bb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/*------------ Lapozó ---------*/
.pagination{ width: 100%; padding:10px 3px; margin:3px auto; text-align:center; font-size:12px; color: black; background-color: white; float:left; border: 1px solid #d0d1bb;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.pagination a{border:1px solid #008000; margin-right:3px; padding:5px 7px; background: var(--vilagos);
	background-position: bottom; text-decoration:none; color:black;
	webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.pagination a:hover{border:1px solid #008000; background-image:none; background-color: white; color: black;}
.pagination a.aktiv{border:1px solid #3e3e3e; background-image:none; background-color: white; color: black;}