/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/* Css category archive */

.donate a {
    padding: 10px 15px;
    border: 1px solid;
}

.tnt-series {
	padding: 10px;
    border: 1px dashed;
}

.tnt-blue {
    border: 1px solid #5c84ff;
    background-color: #829cec;
}

.tnt-green {
	border: 1px solid #259488;
    background-color: #47afa4;
}

.tnt-purple {
    border: 1px solid #ac64ff;
    background-color: #bd83ff;
}

.tnt-red {
    border: 1px solid #ff4d6a;
    background-color: #ec8292;
}

.tnt-thienthanh {
    border: 1px solid #35b6e6;
    background-color: #6cc7e8;
}

.tnt-xanhla {
    border: 1px solid #30bf57;
    background-color: #5ad47e;
}

.tnt-purple,
.tnt-green,
.tnt-red,
.tnt-thienthanh,
.tnt-xanhla,
.tnt-blue {
	padding: 3px 10px;
    display: inline-block;
	width: 170px;
}

a.tnt-purple,
a.tnt-green,
.tnt-red,
.tnt-thienthanh,
.tnt-xanhla,
a.tnt-blue {
	color: #fff;
}

a.tnt-purple:hover,
a.tnt-green:hover,
a.tnt-red:hover,
a.tnt-thienthanh:hover,
a.tnt-xanhla:hover,
a.tnt-blue:hover {
	color: #d5dfff;
}

@media only screen and (max-width: 1180px) {

.tnt-purple {
	margin-top: 10px;
	}
}

@media only screen and (max-width: 564px) {

.tnt-purple,
.tnt-green,
.tnt-red,
.tnt-thienthanh,
.tnt-xanhla,
.tnt-blue {
	width: 100% !important;
	margin-top: 0 !important;
	}
a.tnt-purple,
a.tnt-green,
a.tnt-red,
a.tnt-thienthanh,
a.tnt-xanhla,
a.tnt-blue {
	color: #fff;
	margin-bottom: 10px;
}

}

.before_content.widget-area input[type="search"] {
    border: 2px solid #1a2233;
    padding: 8px;
    border-radius: 25px;
}

time.entry-modified-time {
    font-weight: 700;
    color: #7a1e48;
}
.ocs-adb {
    color: #961010;
    padding: 10px;
    border: 2px dashed #960f0f;
    line-height: 1.25;
    text-align: center;
}

.ocs-adb p {
    margin-bottom: 0;
}
.poem-image {
    float: right;
    border: 0;
		height: 50px;
    width: 50px;
}

.poem-icon {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
		margin-left: 5px
}

.poem-box {
    padding: 10px;
    width: 100%;
    height: auto;
		border-bottom: 1px solid #c4d2ff;

}

.poem-content p {
    color: #7a1e48;
    margin-bottom: 0;
}

.poem-content {
    font-size: 1em;
    text-align: left;
}

.poem-content a {
    color: #1a2233;
		font-weight:700;
}

.poem-content a:hover {
    color: #a20000;
}

.poem-widget .textwidget {
border:1px solid #c5d2ff;
border-bottom:none
}

.poem-wrap {
    border: 1px solid #c5d2ff;
}

.poem-widget a {
font-weight:700;
}

.footer-widgets {
    padding: 40px 0 0;
}

ul.related_post li a {
    color: #ad4e79;
}

/*TOC*/
.ez-toc-icon-toggle:before {
    display: inline-block;
    font-family: 'FontAwesome';
    padding-right: 5px;
    content: "\f0c9";
		font-size: 21px;
    color: #1a2233;
}

.ez-toc-btn-default,
.ez-toc-btn-default:hover {
	background-image: none !important;
	border-color: #efeded;
	box-shadow: none;
	background-color: #efeded;
}

div#ez-toc-container {
    background: #efeded;
    border: 0;
    width: 100%;
	border-radius: 10px
}

.jp-relatedposts-post-title a {
	color: #7a1e48;
}
.archive-description ol, .archive-description ul {
    margin-left: 40px;
    margin-bottom: 20px;
}

.archive-description ol>li {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    list-style-type: decimal;
}

.archive-description h2>a, .archive-description h3>a, .archive-description h4>a, .archive-description ol>li a {
    font-weight: 700;
    color: #7a1e48;
}

#subscribe-email input {
    width: 100% !important;
    border-radius: 50px;
    border: none;
}
#subscribe-submit [type=submit] {
    display: block;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 18px;
    background: #eee;
    border: 2px solid #dadada;
    font-size: 14px;
}

#subscribe-submit:hover [type=submit] {
    background: #7a1f48;
    color: #fff;
}