.article-info { font-size: 12px; margin-bottom: 24px; }
.article-categories { font-size: 12px; margin-top: 24px; }
#comments-link { display: inline-block; background: url('https://images.haunt.photos/images/comments.png') center left no-repeat; padding-left: 19px; }
#comments { display: none; margin-top: 24px; padding-top: 24px; border-top: 1px solid #333; }
#comments h3 { color: #FFA500; font-weight: 600; font-size: 18px; }

.gallery { margin-top: 24px; padding-top: 24px; border-top: 1px solid #333; }
.gallery h3 { color: #FFA500; font-weight: 600; font-size: 18px; margin-bottom: 20px; }
.owl-item .item { overflow: visible; }
.owl-item { overflow: visible; }
.item { overflow: visible !important; }
.item > img { display: block; overflow: visible !important; }

#article-wrapper { font-size: 14px; text-align: justify; }
#article-wrapper p { text-align: justify; }
.gallery-source, .gallery-caption { display: block; margin-top: 12px; }
.gallery-source { font-style: italic; }
#gallery-carousel { max-width: 600px; margin-left: auto; margin-right: auto; }
#featured-image { margin-left: 7px; font-size: 12px; text-align: right; position: relative; margin-bottom: 12px; }
#featured-image img { width: 100%; }

#social_plugin {  }
#social_plugin span { height: 100%; margin-top: 2px; margin-bottom: 0; }

#article-wrapper p img, #article-wrapper img { width: 100%; height: auto; }

@media screen and (max-width: 32em) {
	#article-wrapper { font-size: 13px; }
}

#article-wrapper li ul, #article-wrapper li ol { margin: 0 1.5em; }
#article-wrapper ul, #article-wrapper ol { margin: 0 1.5em 1.5em 1.5em; }
#article-wrapper ul { list-style-type: disc; }
#article-wrapper ol { list-style-type: decimal; }
#article-wrapper ol ol { list-style: upper-alpha; }
#article-wrapper ol ol ol { list-style: lower-roman; }
#article-wrapper ol ol ol ol { list-style: lower-alpha; }

#article-wrapper strong { font-weight: 600; }

#post-comment { position: relative; padding-top: 15px; margin-top: 15px; }
#comment-wrapper { width: 80%; text-align: center; margin-left: auto; margin-right: auto; }
#comment-form form textarea { width: 100%; }
#comment-form form input[type=button], #comment-wrapper form input[type=submit] { margin-top: 14px; }
.reply-container form input[type=button], .reply-container form input[type=submit] { margin-top: 14px; }
#comment-mustlogin { text-align: center; font-size: 15px; font-weight: 600; }
#comment-mustlogin a { display: inline-block; padding-top: 8px; }
.recaptcha_wrapper { display: inline-block; margin-left: auto; margin-right: auto; margin-top: 14px; }

/* #comments ul li:nth-child(odd) { background-color: #262626; border-radius: .5em; } */
#comments ul li { background-color: #262626; border-radius: .5em; }
#comments ul { margin-top: 18px; }
#comments ul li { position: relative; padding: 10px; min-height: 160px; margin-top: 8px; }
.comment-outer-wrapper > a > img { position: absolute; top: 10px; left: 10px; }
.comment-outer-wrapper { min-height: 130px; }

.reply-container { display: none; margin-top: 12px; }

div.comment-wrapper { margin-left: 144px; text-align: justify; }
div.comment-wrapper > span { font-size: 11px; }
div.comment-wrapper a.comment-username { font-size: 15px; font-weight: 600; }

div.comment-reply { margin-top: 14px; text-align: right; }

.comment-reply-link { height: 16px; padding-left: 21px; background: url('https://images.haunt.photos/images/reply2.png') center left no-repeat; }
.comment-cancel-link { height: 16px; padding-left: 20px; background: url('https://images.haunt.photos/images/comment-cancel.png') center left no-repeat; }
.flag-comment { height: 16px; padding-left: 18px; background: url('https://images.haunt.photos/images/flag.png') center left no-repeat; }
.flag-comment-wrapper { margin-left: 17px; display: inline-block; margin-top: 5px; }

.deco_button { font-size: 15px; font-weight: 600; }

.reply-container { text-align: center; }
.reply-container textarea { width: 90%; max-width: 600px; }

.level1 { margin-left: 30px; }
.level2 { margin-left: 60px; }
.level3 { margin-left: 90px; }
.level4 { margin-left: 120px; }
.level5 { margin-left: 150px; }

.video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
        margin-bottom: 14px !important;
    }
    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


@media screen and (max-width: 40em) {
	#comment-wrapper { width: 90%; text-align: center; margin-left: auto; margin-right: auto; }
	#comments ul li a img { max-width: 90px; }
	div.comment-wrapper { margin-left: 102px; text-align: justify; }
}

@media screen and (max-width: 30em) {
	#comment-wrapper { width: auto; text-align: center; margin-left: auto; margin-right: auto; }
	
	#comments ul li { min-height: auto !important; }
	#comments ul li a img { display: none; }
	#comments ul li div { margin-left: 0; }
	.level1 { margin-left: 20px; }
	.level2 { margin-left: 40px; }
	.level3 { margin-left: 60px; }
	.level4 { margin-left: 80px; }
	.level5 { margin-left: 100px; }
}

@media screen and (max-width: 25em) {
	#comments ul li { font-size: 12px; }
}

.owl-carousel .item-video { height: 300px; background-color: #262626; padding: 10px; border-radius: .6em; }

@media screen and (max-width: 44em) {
	.owl-carousel .item-video { height: 240px; }
}

.nl_message { text-align: justify; }
.nl_events { clear: both; }
.nl_events tbody tr td { vertical-align: top; padding: 8px 0; }
.nl_events tbody tr td.nl_event_thumb { padding-right: 10px; }
.nl_events tbody tr td.nl_event_thumb a img { width: 180px !important; }
.nl_events tbody tr td.nl_event_details { font-size: 13px; padding-top: 12px; }
.nl_events tbody tr td a.nl_event_title { font-size: 17px; font-weight: 600; }
.nl_events tbody tr td span.nl_eventlocale { font-size: 12px; color: #DFDFDF; display: inline-block; margin: 6px 0 6px 0; }
.nl_events tbody tr td span.nl_eventdates { font-size: 13px; font-weight: 600; display: inline-block; margin-bottom: 10px; }

@media screen and (max-width: 39em) {
	.nl_events tbody tr td.nl_event_thumb a img { width: 120px !important; height: auto; }
}

@media screen and (max-width: 26em) {
	.nl_events tbody tr td.nl_event_thumb a img { width: 90px !important; }
	.nl_events tbody tr td.nl_event_thumb { padding-right: 5px; }
	
	.nl_events tbody tr td.nl_event_details { font-size: 12px; padding-top: 8px; }
	.nl_events tbody tr td a.nl_event_title { font-size: 15px; }
	.nl_events tbody tr td span.nl_eventlocale { font-size: 11px; }
	.nl_events tbody tr td span.nl_eventdates { font-size: 12px; }
}