.lf-item-container .listing-details>ul>li {
    margin-right: 10px;
}
.listing-details.c27-footer-section {
    height: auto;
}
.c27-listing-preview-category-list {
    margin: 10px;
    margin-bottom: 0px;
    position: unset !important;
    width: 100% !important;
}
.c27-listing-preview-category-list li {
    margin-bottom: 10px;
}

.manage-column.column-favorite {
    width: 25px;
}
.codicts-favoritizer-wrap {
    margin-right: 5px;
}
.codicts-favoritizer-wrap label {
    cursor: pointer;
}
.codicts-favoritizer-wrap > input {
    display: none;
}
.codicts-favoritizer-wrap > input ~ label i {
    display: none;
    font-size: 20px;
    color: #ffb100;
}
.codicts-favoritizer-wrap > input:not(:checked) ~ label .fa-star-o {
    display: block;
}
.codicts-favoritizer-wrap > input:checked ~ label .fa-star-o {
    display: none;
}
.codicts-favoritizer-wrap > input:checked ~ label .fa-star {
    display: block;
}

.vjs-big-play-button {
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    transform: translateX(50%) !important;
    margin-top: -0.8em !important;
    margin-left: -1.7em !important;
}

/* listing card styles */

/**
 * profile view
 * @type {[type]}
 */
.lf-item.lf-item-profile-view {
    height: auto;
}
.lf-item.lf-item-profile-view .lf-background {
    height: 400px;
    background-color: #8f8f91;
}
.lf-item.lf-item-profile-view .lf-item-info {
    position: unset;
    background: #fff;
    color: #242429;
    padding: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #e3e3e3;
}
.lf-item.lf-item-profile-view .lf-item-info > h4{
    color: #242429;
}
.lf-item.lf-item-profile-view .lf-head-btn {
    background-color: rgb(36 36 41 / 50%);
}
.lf-item.lf-item-profile-view .mosaic-img {
    background: #000;
    text-align: center;
}
.lf-item.lf-item-profile-view .mosaic-img img {
    max-width: 100%;
}
/**
 * video view
 * @type {[type]}
 */
.lf-item.lf-item-video-view {
    height: auto !important;
    background-color: #fff;
}
.lf-item.lf-item-video-view .lf-item-info {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #242429;
    position: unset;
    margin: 10px;
}
.lf-item.lf-item-video-view > a {
    background-color: #fff;
    color: #242429;
}
.lf-item.lf-item-video-view .lf-item-info > h4{
    color: #242429;
}
.lf-item.lf-item-video-view .lf-head {
    position: unset;
    margin: 10px;
    margin-bottom: 0;
}
.lf-item.lf-item-video-view .lf-head > div {
    float: unset;
    display: inline-flex;
    color: #242429;
    border-color: #242429;
}

.no-info-fields .lf-item-video-view .lf-item-info {
    align-items: flex-start;
}
.no-info-fields.no-logo .lf-item-video-view .lf-item-info {
    min-height: auto;
}
.no-info-fields .lf-item-video-view .lf-item-info > h4 {
    margin: 0;
}
.has-logo .lf-item-video-view .lf-avatar {
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
    border: none;
    width: 50px;
    height: 50px;
}
.has-logo .lf-item-video-view .lf-item-info {
    padding-left: 65px;
}
.lf-item.lf-item-video-view .listing-video-player {
    /* background: #000;
    border-top: 1px solid #e3e3e3; */
}

.lf-item.lf-item-video-view .codicts-player-wrapper .codicts-player:not(.vjs-fullscreen) .vjs-control-bar {
    bottom: 32.8%;
}

.vjs-tech.vimeo-ov > div {
    padding: 0 !important;
    position: unset !important;
}

.codicts-player.vjs-paused.vjs-has-started.vjs-show-big-play-button-on-pause:not(.vjs-fullscreen) .vjs-control-bar {
  display: none;
}

a.codicts-share-modal {
    /* display: inline-block;
    padding: 5px 10px;
    background: var(--accent);
    color: #fff;
    border-radius: 5px; */
}
a.codicts-share-modal:hover {
    /* color: #fff !important;*/
    opacity: .9;
}
a.codicts-share-modal i {
    color: inherit !important;
    width: auto !important;
    margin-bottom: 0 !important;
    font-size: 18px !important;
    vertical-align: middle;
    top: -1px;
    position: relative;
}


/**
 * mosaic view
 * @type {[type]}
 */
.lf-item.lf-item-mosaic-view {
    height: auto;
}
.lf-item.lf-item-mosaic-view .mosaic-img {
    min-height: 80px;
    background: #000;
    text-align: center;
}
.lf-item.lf-item-mosaic-view .mosaic-img img {
    max-width: 100%;
}
.no-info-fields .lf-item-mosaic-view .lf-item-info {
    align-items: flex-start;
}
.no-info-fields.no-logo .lf-item-mosaic-view .lf-item-info {
    min-height: auto;
}
.no-info-fields .lf-item-mosaic-view .lf-item-info > h4 {
    margin: 0;
}
.has-logo .lf-item-mosaic-view .lf-avatar {
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
    border: none;
    width: 50px;
    height: 50px;
}
.has-logo .lf-item-mosaic-view .lf-item-info {
    padding-left: 65px;
}

a.codicts-comments:hover,
a.codicts-likes:hover {
    opacity: .9;
}

a.codicts-comments > i,
a.codicts-likes > i {
    width: auto !important;
    margin: 0;
    top: 3px;
    position: relative;
}
a.codicts-likes.bookmarked > i:before {
    content: "\e87d";
    color: var(--accent);
}
