@charset "utf-8";
body {
    background-color: #333;
    color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

a {
    color: #f05d40;
}

a:hover {
    color: #d85439;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff
}

.bg-dark {
    background-color: #222 !important;
}

.nav-link.active {
    border-bottom: 2px solid #f05d40;
}

.nav-pills .nav-link {
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
    background-color: #f05d40;
}


/*Account Sidebar*/

.account-sidebar a {
    color: #f4333d !important;
}

.account-sidebar .nav-link {
    color: #222 !important;
}

.account-sidebar .nav-link:hover {
    color: #f4333d !important;
}

.account-sidebar .nav-link i {
    color: #666;
}

.account-sidebar h6 a {
    color: #333 !important;
}

.overlay {
    background: rgba(0, 0, 0, 0.5);
}

.list-group-item {
    background-color: #222;
    border: 1px solid rgba(0, 0, 0, .125);
}


/*Logo HighLight*/

.logo-hightlight {
    position: relative;
    overflow: hidden;
}

.logo-hightlight::after {
    background-image: url(../images/bg2.png);
    opacity: 0.05;
}


/* for shadow */

header .dropdown-menu::before {
    border-bottom: 9px solid rgba(0, 0, 0, .4);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 5%;
    /* position */
    position: absolute;
    top: -9px;
}

header .dropdown-menu::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 5%;
    /* position */
    position: absolute;
    top: -8px;
}


/*Hero Posts*/

.hero-item {
    position: relative;
    background: #f1f1f1;
    height: 200px;
    overflow: hidden;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, auto;
    background-position: center, center;
}

.text-ellipsis2::after {
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0), #222 50%, #222);
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0), #222 50%, #222);
    background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0), #222 50%, #222);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), #222 50%, #222);
}


/*Follows List*/

.follow-user-icon img {
    border: 3px solid #666;
}

.follow-user h6 a {
    color: #fff;
}

.follow-user-icon::before {
    background-color: #666;
}

.post-list-item {
    border-bottom: 1px solid #eee;
}

.post-item-desc h3 {
    color: #fff;
}

.post-item-desc a:hover h3 {
    color: #f05d40;
}

.post-item-desc p {
    color: rgba(255, 255, 255, 0.6);
}

.text-sitename {
    color: #fff;
}

.btn-sitename {
    background-color: #fff;
    color: #222
}

.btn-sitename:link,
.btn-sitename:visited {
    color: #222
}

.btn-sitename:active,
.btn-sitename:hover {
    background-color: #fff;
    color: #000
}


/*Add Comment*/

.comment-holder .comment-image img {
    border: 4px solid #ddd;
}

.comment-holder .comment-image::before {
    background-color: #ddd;
}


/* The snackbar - position it at the bottom and in the middle of the screen */

#snackbar {
    background-color: #222;
    /* Black background color */
    color: #fff;
    /* White text color */
}

.logo-wrapper .logo-dp img {
    border: 3px solid #fff
}


/*Upload DP*/


/*Confirm CSS*/

#confirm {
    background: rgba(0, 0, 0, .5);
}

#confirm .container {
    background-color: #fff;
}

.noti-point {
    border: 3px solid #222;
}

.unRead {
    background: rgba(255, 0, 0, 0.01);
}

.readThis {
    color: #222
}

.list-group-item.notif_item:hover {
    background-color: rgba(255, 0, 0, 0.02);
}

.nav.nav-pills.nav-justified {
    background-color: #222;
}

.list-group-item {
    color: #fff;
}

.list-group-item .small {
    color: rgba(255, 255, 255, 0.5);
}

.border,
.border-top {
    border-color: #222 !important;
}

.post-item-image {
    left: 12px;
}

.modal-content {
    background-color: #111;
}

.modal-header {
    border-bottom: 1px solid #111;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}