html{
	scroll-behavior: smooth;
}

#post-show-main{
	display: flex;
	justify-content: center;
	background-color: var(--vilagos);
}

#post-show-main article{
	width: 100%;
	max-width: 1200px;
}

.res-tall #post-show-main article{
	max-width: 100vw;
}

.show-header-divider{
	width: 80%;
	margin: 12px 0 12px 0;
	margin-left: 10%;
	height: 1px;
	background-color: var(--vilagos);
}

.show-borito{
	width: 100%;
	display: block;
}

.show-header{
	padding: 2px 6px 2px 6px;
	background-color: var(--sotet);
}

.show-header *{
	color: var(--vilagos);
	
}

.show-header-info{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.show-header-info p:last-child{
	text-align: right;
}

.show-kulcsszo-holder{
	width: 80%;
	margin-left: 10%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.show-kulcsszo-holder p{
	margin: 0px 6px 0px 6px;
}


h2{
	margin: 6px;
	margin-top: 18px;
}

.show-lead{
	width: 90%;
	margin-left: 5%;
	font-family: Roboto-medium;
}


/* TJ = TartalomJegyzek */

#post-tj-holder{
	margin: 12px 0;
}



#post-tj-holder h3{
	
	text-align: center;
	font-family: Roboto-light;
	font-size: 24px;
}

.tj-cim{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 5%;
}

.tj-cim:hover{
	cursor: pointer;
}

.tj-cim div{
	width: 0px;
	margin-right: 10px;
	margin-left: 20px;
	height: 4px;
	background-color: var(--kek_2);
	transition: 0.2s;
}

.tj-cim:hover div{
	width: 20px;
	margin-left: 0px;
}

.tj-cim p{
	font-size: 18px;
}

.tj-cim:hover p{
	color: var(--kek_2);
}


body.res-tall .tj-cim{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 8px;
}

body.res-tall .tj-cim div{
	width: 20px;
	margin-left: 0px;
}

.show-divider{
	height: 1px;
	background-color: var(--sotet);
	width: 80%;
	margin: 12px 10%;
}


#post-alcim{
	margin-left: 12px;
	margin-bottom: 24px;
}

.post-show-content{
	width: 90%;
	margin-left: 5%;
}

body.res-tall .post-show-content{
	width: 99%;
	margin-left: 0;
}

.post-show-content ol, .post-show-content ul{
	margin: 12px 0 12px 36px;
}

.post-show-content ol > *, .post-show-content ul > *{
	margin-top: 4px;
}

body.res-tall .post-show-content{
	width: calc(100% - 12px);
	margin-left: 6px;
}

.post-show-content > div{
	margin-top: 18px;
}

.post-show-content h3{
	margin: 24px 0px 12px 0px;
	font-size: 20px;
}

.post-show-content p{
	text-align: justify;
}

.post-show-content a{
	color: var(--kek_1);
	text-decoration: underline;
}

.post-show-content a:hover{
	color: var(--kek_2);
}

.post-content-img-wrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin: 20px 0 20px 0;
}

.post-show-content img{
	width: 80%;
	margin-bottom: 12px;
	max-height: 80vh;
}

.post-show-content h4{
	font-size: 18px;
}

.post-show-gal-title{
	text-align: center;
	font-size: 24px;
	margin-top: 12px;
}

#post-show-gal-holder{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 2px;
}

#post-show-gal-holder > div{ /* 3 oszlop */
	/*margin: 2px;*/
}

#post-show-gal-holder > div > div { /* oszlop belso wrapper */
	/*margin: 2px;*/
}

#post-show-gal-holder > div > div > div { /* img wrapper */
	margin: 2px;
	transition: 0.2s;
}

#post-show-gal-holder > div > div > div:hover{
	cursor: pointer;
	margin: 8px 0px 8px 0px;
}

#post-show-gal-holder img {
	max-width: 100%;
	display: block;
}

#post-jegyzet-cim{
	text-align: center;
	margin: 24px 0 12px 0;
}

.post-show-jegyzet div{
	display: flex;
	margin-bottom: 8px;
}

.post-show-jegyzet > div > a {
	margin-right: 4px;
}


/*LISTA*/

#post-lista-main{
	background-color: var(--sotet);
}

#post-lista-holder{
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	
}

#post-lista-text{
	text-align: center;
	font-size: 20px;
	margin-top: 12px;
}