body {
	background: url('/static/app/images/THN083.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.content{
	color:#333;
	background:white;
	padding:10px;
}
.navbar-dark{
	background: #0006;
}

blockquote {
    border-radius: 3px;
    position: relative;  /*  <--- */
    font-style: italic;
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 1rem auto 2rem;
    color: #4a4a4a;
    background: #E8E8E8;
}
/* -- create the quotation marks -- */
blockquote:before,
blockquote:after{
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    /* -- inside the relative position of blockquote -- */
    top: 13px;
    color: #E8E8E8;
	font-size: 34px;
	font-weight: 900;
}
blockquote:before{
    content: "\f10d";
    margin-right: 13px;
    right: 100%;
}
blockquote:after{
    content: "\f10e";
    margin-left: 13px;
    left: 100%;  
    top: auto;
    bottom: 13px;
}

.quote_from {
    font-weight: bold;
    margin-right: 8px;
}

.quote_from::after {
    content: ":";
}

@media screen and (max-width: 650px) {
	.post_pic {
		max-width: 100%;
	}
	div[data-oembed-url] {
		max-width: 100%;
	}
}
@media screen and (min-width: 651px) {
	.post_pic {
		max-width: 73%;
	}
	div[data-oembed-url] {
		max-width: 60%;
	}
}

.cke_toolgroup {
    float: left;
    margin: 0 6px 5px 0;
    border: unset !important;
    border-bottom-color: unset !important;
    border-radius: unset !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
    background: #e4e4e4;
        background-image: none;
    background-image: linear-gradient(to bottom,#fff,#e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #e1e1e1;
}

.posts-count.text-muted span {
    color: #c62a2a;
}
.posts-count.text-muted {
    font-size: 0.8em;
}

.cke_top {
    background-image: linear-gradient(to bottom,#f5f5f5,#d8d9d8) !important;
}

.django-ckeditor-widget {
    width: 100%;
}



.card.post .card-body .post-content-wrapper .post-signature {
    border-top: 1px dashed #b5b5b5;
}

.forum-page-statistics.col-12 {
	color: #eee;
}
.float-right.controls-link-wrapper a {
	color: #eee;
}
.forum-data-table a{
	color: #d23f3f !important;
}
.forumlist-top-controls a, .forum-syndication a {
	color: #c72d2d;
}
.card.forumlist .card-body .forum-icon {
	color: #777777 !important;
}
.breadcrumb-item a {
	color: #404040 !important;
}
.h1, h1 {
	color: #ddd;
}

.btn-primary {
	background-color: #cd192d !important;
	border-color: #a91425 !important;
	color: #fff !important;
}

.btn-primary:hover {
    background-color: #d72e41 !important;
}

/* .btn {
    background-color: #00000005;
} */

.notification_text {
    font-size: 0.9em;
}

/* .btn-outline-light:hover {
    color: #de3131 !important;
} */

.page-item.active .page-link {
	background-color: #cd192d !important;
	border-color: #9e1f2d !important;
	color: #fff !important;
}

.topic-last-post a {
	color: #cd192d !important;
}

.topic-created a {
	color: #cd192d !important;
}

a {
	color: #272727 !important;
}

.pagination-sm .page-link {
	color: #cd192d !important;
}

i.fas.fa-dot-circle.fa-2x {
	color: #7b7b7b;
}

.unread i.fas.fa-dot-circle.fa-2x {
	color: #cd192d;
}

a.d-inline-block {
	color: #eee !important;
}

a.navbar-brand {
	color: #eee !important;
}

.forum-last-post a {
	color: #cd192d !important;
}

.navbar a,.navbar {
	color: white !important;
}

.header_second {
	margin-right: auto;
	width: 25%;
}

a.dropdown-item {
	color: #333 !important;
}

a.nav-item.nav-link:hover, .navbar a:hover, a#navbarDropdown:hover {
	color: #cd192d !important;
}

.avatar-dropdown {
	display: flex !important;
	align-items: center;
}
.avatar-dropdown img{
	margin-left: 10px;
	margin-right: 7px;
	height: 40px;
    object-fit: cover;
    width: 40px;
}
}
.avatar-dropdown span{
	margin-left: 5px;
}

#users_connected a, #newest_member, #total_members{
    color: #eee !important;
}

.latest_inner {
    padding: 1px 0 !important;
	font-size: 0.9em;
	line-height: 1.1em;
	padding:0 5px;
}

.latest_post_inner {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.latest_inner_container {
    padding: 0 !important;
}

.avatar_container {
	background: #fffe;
	padding:15px;
}

.messages{
	width:100%;
}

.navbar a:hover {
    text-decoration: none;
}
td.view-message.action a{
	text-align: center;
	color: white !important;
}

td.view-message.action{
	text-align: center;
}

.view-message img.avatar, div.header img.avatar{
    height: 33px;
    max-width: 60px;
    object-fit: contain;
}

.flex{
	display:flex;
}

a.dropdown-item.flex{
	padding: 0.25rem 0.5rem;
}

.mr10 {
    margin-right: 10px;
}

.notification_text{
	width: 400px;
    max-width: 68vw;
}

.word-wrap{
	display: block;
    word-wrap:break-word;
    white-space: normal
}

#message{
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.post-content img{
    /* width:450px; */
    max-width:100%;
}
.play_store{
	max-width:200px;
	width:100%;
}

@media screen and (min-width: 893px) {
	.mega-menu .drop-down-multilevel {
		display: block !important;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05);
		border-bottom: 0px;
	}
}

.mega-menu .drop-down-multilevel {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	z-index: 999;
	width: 100%;
	background: #ffffff;
	float: left;
	max-width: 210px;
}

li.menu_control_panel ul {
	right: 10px !important;
}

.mega-menu * {
	outline: none;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box !important;
	/* font-family: 'Roboto', sans-serif; */
	/* font-weight: 400; */
	-webkit-tap-highlight-color: transparent;
	/* text-align: left; */
}

/* Social */
.fb-button {
    color: white !important;
    font-weight: bold !important;
    /* font-family: "Roboto"; */
    font-size: 1.1em !important;
    background-color: #3868b1 !important;
    border: none !important;
}

.fb-button:hover {
    background-color: #305895 !important;
}

.fb-button i, .google-button i {
    font-size: 1.2em;
	margin-top: 2px;
	font-weight: 300;
}


.google-button {
    color: white !important;
    font-weight: bold !important;
    /* font-family: "Roboto"; */
    font-size: 1.1em !important;
    background-color: #cc3322 !important;
    border: none !important;
}

.google-button:hover {
    background-color: #c43424 !important;
}
.hr-text {
    position: absolute;
    margin-top: 14px;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
    left: 50%;
    padding: 2px;
}

.card.forumlist .card-header .forum-count-col, .card.forumlist .card-header .forum-last-post-col {
    font-size: 0.8rem;
    margin-top: 2px;
}

.dropdown-menu.show {
    max-width: 400px;
}

.dropdown-menu.notifications {
    left: -120px;
}

@media screen and (max-width: 1600px) {
	.dropdown-menu.dropdown-login {
		left: -30px;
	}
}

@media screen and (min-width: 1200px) {
	.forum-last-post {
		padding-left: 25px;
	}
}

@media screen and (min-width: 1600px) {
	.navbar-dark{
		padding: 0.5rem 12rem;
	}
}

.nav-link-extra-padding{
	padding: 1rem 0.3rem;
}

@media (min-width: 576px) and (max-width: 768px){
	.container {
		max-width: 679px !important;
	}
}

@media (min-width: 992px) and (max-width: 1265px){
	.advanced_search {
		display:none !important;
	}
}

@media (min-width: 700px) and (max-width: 1130px){
	#navbar-search-button{
		display:none !important;
	}
}