.wmd-panel
{
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	min-width: 500px;
}

.wmd-button-bar 
{
	width: 100%;
	background-color: Silver; 
}

.wmd-input 
{ 
	min-height: 40px;
	width: 100%;
	/*background-color: Gainsboro;*/
	border: 1px solid DarkGray;
}

.open-editor {
    min-height: 100px;
}

.wmd-preview {
    /*background-color: #c0e0ff;*/
    border: solid thin DarkGray;
    border-radius:10px;
    padding:7px;
    /*border-bottom: solid thin DarkGray;*/
}

.wmd-button-row 
{
	position: relative; 
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0px;  
	height: 20px;
}

.wmd-spacer
{
	width: 1px; 
	height: 20px; 
	margin-left: 14px;
	
	position: absolute;
	background-color: Silver;
	display: inline-block; 
	list-style: none;
}

.wmd-button {
    width: 20px;
    height: 20px;
    padding-left: 2px;
    padding-right: 3px;
    position: absolute;
    display: inline-block;
    list-style: none;
    cursor: pointer;
}

.wmd-button > span {
    background-image: url(/talk/css/wmd_buttons.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

div.nsf li.wmd-image { display:none !important; }

.wmd-spacer1
{
    left: 50px;
}
.wmd-spacer2
{
    left: 175px;
}
.wmd-spacer3
{
    left: 300px;
}

.wmd-prompt-background
{
	background-color: Black;
}

.wmd-prompt-dialog
{
	border: 1px solid #999999;
	background-color: #F5F5F5;
}

.wmd-prompt-dialog > div {
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
}


.wmd-prompt-dialog > form > input[type="text"] {
	border: 1px solid #999999;
	color: black;
}

.wmd-prompt-dialog > form > input[type="button"]{
	border: 1px solid #888888;
	font-family: trebuchet MS, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}



.grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    flex-grow: 1;
    overflow: auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

}

@media(min-width: 1200px) {
    .grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

}

@media(min-width: 1600px) {
    .grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

}



.card.grid-card {
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.grid-card .card-header {
    background-color: white;
    color: black;
    font-weight: 600;
}

.grid-card .card-body {
    overflow: hidden;
    max-height: 500px;
}


.comment-avatar {
    max-width: 50px;
}


/* jk layout tweaks */

.newcommentform-avatar {
    padding-right: 0px;
}

.newcommentform-username {
    word-break: break-all;
}


.comment-body-text {
    padding-left: 0px;
}