@charset "utf-8";

.col-md-8,
.wow_form_fields select,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle,
.wo_page_profile .last_row .page_info,
.sun_pub_mid_foot .poster-left-buttons .btn:hover,
.main-blog-sidebar .popular-categories li a,
.wow_blog_cats a {
    color: #d1d1d1 !important;
}

.wow_main_float_head .my_articles_btn {
    color: #202020 !important;
}

/* index */
@media screen and (max-width: 1024px) {
    .sun_pub_mid_foot .poster-left-buttons .btn {
        max-width: 105px;
    }
}

@media screen and (max-width: 991px) {
    .sun_pub_mid_foot .poster-left-buttons .btn {
        max-width: 100%;
    }
}

@media screen and (min-width: 991px) {
    ::-webkit-scrollbar {
        height: 8px;
    }
}

.footer-wrapper-sidebar .list-inline {
    gap: 5px;
}

/*blog*/
.wow_main_blogs_info>.btn:hover {
    background-color: #000 !important;
}

.wow_main_blogs_info>.btn,
.wow_main_blogs_info>.wow_main_blogs_btns .btn {
    transition: 0.5s all ease;
}

/* blog info */
.read-blog-container .related-post .recommended-articles .article-thumbnail {
    max-height: 100%;
}

.read-blog-container .related-post .recommended-articles .article-thumbnail img {
    aspect-ratio: 3/2;
    object-fit: cover;
    height: auto;
}

.main-blog-sidebar .popular-articles li .article-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
}

.read-blog-container .related-post .recommended-articles .article-title h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    white-space: normal;
}

.read-blog-container .read-blog .read-content p img {
    margin: 15px 0;
}

.read-blog-container .read-blog .read-content {
    line-height: 25px;
}

/* event */
.wo_page_hdng_menu>.btn {
    min-width: 100px;
}

.event-l-btns>span {
    padding: 4px 7px;
}

.lang_selct {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .lang_selct {
        padding: 0;
        margin-bottom: 10px;
    }
}


/* forum */
@media screen and (max-width: 991px) {
    .wo_ad_header_format {
        flex-direction: column;
        align-items: flex-start;
    }

    .wo_ad_header_format .imgs {
        width: 100%;
    }
}

/* directory/users */
.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
    font-size: 18px;
}

.pagination {
    flex-wrap: wrap;
    justify-content: center;
}

/* chỉnh đăng ký ngày sinh nhật */
.ui-datepicker .ui-datepicker-title select {
    background: #fff !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    text-align: center;
}

.ui-state-default:hover {
    background-color: #555;
}

/* chỉnh category trang mua bán  */
.wo_market .market_categories ul li,
.wo_job_main_widget .wjob_categories ul li {
    margin: 6px 10px;
}

.wo_market_head_filter>.market_widget .dropdown-menu,
.wo_job_head_filter>.wo_job_main_widget .dropdown-menu {
    padding: 10px !important;
}

.sun_pub_more_items {
    margin: 8px 0;
    width: 20%;
}

.sun_pub_more {
    align-items: flex-start;
}

@media (max-width: 480px) {
    .pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
        padding: 11px 1px 5px;
    }

    .new-feature {
        right: 15px;
        top: 3px;
    }

    .publisher-box .publisher-box-footer .poster-left-buttons .btn {
        white-space: normal;
    }

    .sun_pub_more_items {
        width: 25%;
    }
}

/* Chỉnh phần tìm kiếm */

.search-container .inner-addon .glyphicon {
    margin: 6px 0 5px 7px;
}

.wow_srch_innr_filtr .pp_mat_input {
    row-gap: 10px;
}

.wow_srch_innr_filtr .round_check label {
    padding: 4px 13px;
    line-height: 1.3;
    border-radius: 15px;
}

/* Chỉnh video trang movies */
@media (min-width: 986px) {
    .film-player-wrapper iframe {
        min-height: 615px;
    }
}

/* Chỉnh suggested-pages*/
.wo_page_profile .page-info-cont .user-avatar {
    margin-top: 0;
}

.wo_page_profile .first_row .title {
    margin: 0 0 0 20px;
}

@media (max-width: 600px) {
    .options-buttons button {
        margin-left: 0;
    }
}

.options-buttons a {
    margin-left: 7px;
}

.wo_page_profile .page-info-cont .last_row {
    margin: 0;
}

@media (max-width: 768px) {
    .wo_page_profile .page_navbar ul li a {
        margin: 10px 0 10px;
        display: block;
    }
}

@media (max-width: 991px) {
    .wow_content {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}