.postCommentHolder{
	display:grid;
	grid-template-columns:auto auto;
	width:fit-content;
	border:thin solid black;
	box-shadow:2px 2px 4px rgba(0,0,0,0.3);
	padding:10px;
	margin:auto;
	background: #e4eeff;
	border:3px double black;
}
.postCommentHolder gridRow{
}
.colspan2{
	display:reset;
	grid-column:1 / -1;	
	display:flex;
	justify-self:center;
	padding:5px;
	justify-content: center;
}
.postCommentHolder .title{
	display:flex;
	justify-content:end;
    justify-self: end;
	margin-right:10px;
}

.postCommentHolder textarea{
	width:100%;
}
.in_todo_list{
	display:inline-block;
	border-radius:5px;
	background:yellow;
}

.entirePageHolder{
	width:fit-content;
}

commentWordHolder{
    display: flex;
    margin-top: 10vh;
    justify-self: center;
    justify-content: center;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
	border-bottom:3px double black;
}
a{
	text-decoration:none;
	color:inherit;
}

commentHolder{
	display:flex;
	flex-direction:column;
	border-radius:10px;
	max-width:800px;
	padding:10px;
	margin-bottom:20px;
	border:thin solid black;
	background: linear-gradient(#ffffff,#e4eeff);
}
commentHolder[privacy="1"]{
	background: linear-gradient(#ffffff,#F5E4E9);
}
commentHolder[ownComment="1"]{
	border:2px solid black;
	box-shadow:6px 6px 6px rgba(0,0,0,0.2);
}

commentHolder reply{
	display:flex;
	flex-direction:column;
	margin-bottom:15px;
	word-break: break-word;
}
reply header{
	border-bottom:thin solid black;
	padding:5px 0px 0px;
}
header name{
	font-weight:bold; 
	margin-right:10px;
}


[name="confirmDelete"]{ display:none;}
label [name="confirmDelete"] ~ button{
	display:none;
}
label [name="confirmDelete"]:checked + span { 
	color:red;
}
label [name="confirmDelete"]:checked ~ button{
display:initial;
}


commentHolder reply textarea{
	width:100%;
	box-sizing: border-box;
    background: rgba(0,0,0,0);
    border: 2px inset rgba(238,238,238,0);
}
commentHolder textarea:hover , commentHolder textarea:focus {
	width:100%;
	box-sizing: border-box;
    background-color: #FCF5D8;
    border: 2px inset rgb(238,238,238);
}

reply.admin{
	margin-left:5%;
	margin-right:5%;
}
reply[new]{
	margin-top:10px;
	background:rgba(0,0,0,0.05);
	padding:5px;
	border:thin solid white;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	border-radius:5px;
}
reply[new] textarea{
    background-color: #FCF5D8;
    border: 2px inset rgb(238,238,238);
}


.editDeleteHolder{
	display: flex;
    justify-content: space-between;
}
.editButton{
	border: thin solid white;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    background: linear-gradient(45deg, #274a6f, #74899e);
    padding: 1px 15px;
    border-radius: 3px;
    color: white;
    text-shadow: 1px 1px black;
    font-family: airal;
    letter-spacing: .5px;
    cursor: pointer;
}
.editButton:hover{
	position:relative;
	top:-1px;
	color:yellow;
}
.editButton:active{
	position:relative;
	top:1px;
	color:white;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
}
.quickHolder{
	position:fixed;
	right:0px;
	bottom:0px;
	display:flex;
	flex-direction:column;
}
.quickHolder a{
	background:var(--ccBlue2);
	color:white;
	padding: 5px 20px;
    border: thin solid black;
    font-size: 1em;
    color: white;
    text-shadow: 1px 1px 0px black;
    font-family: arial;
	font-weight:bold;
	text-align:center;
}

.banButton{
	display:inline-block;
	border:thin solid black;
	background:red;
	margin-left:20px;
	padding:1px 5px;
	color:white;
	border-radius:10px;
	cursor:pointer;
}
.banButton:hover{
	color:yellow;
}


@media only screen and (max-device-width: 480px){
	.postCommentHolder{
		display:flex;
		flex-direction:column;
	  }

}