html{
	scroll-behavior: smooth;
}

#post-show-main{
	display: flex;
	justify-content: center;
	background-color: var(--bcg_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(--bcg_vilagos);
}

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

.show-header{
	padding: 2px 6px 2px 6px;
}

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

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

.show-header-info > div{
	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(--bcg_sotet);
	width: 80%;
	margin: 12px 10%;
}




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

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-show-ertekeles-holder{
	margin-top: 12px;
	padding: 0 0 12px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;

}

.post-show-ertekeles-summary{
	grid-column: 2 / span 1;
	display: flex;
}

.post-show-ertekeles-holder svg{
	height: 24px;
	margin-right: 6px;
}

.post-show-ertekeles-holder svg *{
	stroke: var(--bcg_sotet);
	stroke-width: 16;
	fill: rgba(0, 0, 0, 0.0);
}

.post-show-like:hover{
	cursor: pointer;
}

.post-show-like:hover *{
	stroke: var(--kek_3);
}

#post-show-like-down{
	transform: rotate(180deg);
}

#post-show-like-down:hover *{
	stroke: var(--piros_1);
}

#post-show-like-down.active *{
	stroke: var(--piros_2);
}

#post-show-like-up:hover *{
	stroke: var(--zold_1);
}

#post-show-like-up.active *{
	stroke: var(--zold_2);
}

.post-show-comment-wrapper{
	width: 80%;
	margin-left: 10%;
}

.post-show-comment-wrapper h3{
	text-align: center;
	margin: 12px 0 12px 0;
}

.post-show-comment{
	border:  1px solid var(--bcg_sotet);
}

.post-show-comment > div{
	background-color: var(--bcg_sotet);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px;
}

.post-show-comment > div *{
	color: var(--text_vilagos);
}

.post-show-comment > p{
	margin: 6px;
}

.post-show-send-comment textarea{
	width: 100%;
}

.post-show-send-comment div{
	display: flex;
	justify-content: center;
}

.post-show-send-comment p{
	margin: 12px 0 12px 0;
	width: 200px;
	text-align: center;
	padding: 12px;
	background-color: var(--bcg_sotet);
	color: var(--text_vilagos);
}

.post-show-send-comment p:hover{
	cursor: pointer;
	background-color: var(--kek_1);
}


/*LISTA*/

#post-lista-main{
	background-color: var(--bcg_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;
}