.mds-single-post-content {
        padding-top: 0px;
        padding-bottom: 20px;
	margin-bottom: 30px;
}

.mds-single-post-card {
	padding: 0px;
	margin-bottom: 40px;
}

.mds-single-post-title {
	margin-bottom: 10px;
	text-align: center;
	color: var(--mdc-theme-secondary);
}

.mds-single-post-posted {
	text-align: left;
	margin-bottom: 30px;
}

.mds-single-post-text {
	font-size: larger;
	text-align: justify;
	margin: 20px;
}

.mds-single-post-layout-grid-inner {
	margin-bottom: 10px;
}

.mds-single-post-comments {
	padding: 40px;
}

.mds-comment-image {
	width: 100px;
	height: 100px;
}

.mds-post-comment {
	list-style-type: none;
}

.mds-post-comment li {
	text-align: left;
	display: flex;
	border-bottom: 1px solid var(--mdc-theme-secondary);
	padding: 15px 0;
    	margin-bottom: 50px;
}
.mds-comment-info {
	padding-left: 20px;
}

.mds-comment-info h3 {
	margin-block-start: 0px;
	margin-block-end: 2px;
}
.w3-teal, .w3-hover-teal:hover {
    color: #fff!important;
    background-color: var(--mdc-theme-primary) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
.w3-round-xlarge {
    border-radius: 16px;
}
.w3-small {
    font-size: 0.8em!important;
}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important;
}
.material-icons {
	color:  var(--mdc-theme-primary);
}
.text-primary-color {
	color: var(--mdc-theme-primary);
}
.w3-badge, .w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    border-radius: 4px;
