/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Youzify
# Reign
# BuddyX
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.bpht-hashtags-wrapper.bpht-hashtags-wrapper-list div + div {
    margin-top: 10px;
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-list a {
    text-decoration: none;
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div {
    display: inline-block;
    margin: 3px;
    border-radius: 30px;
    background: rgba(210, 210, 210, 0.5);
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div:hover {
    background: rgba(210, 210, 210, 0.7);
}

.bpht-hashtags-wrapper.bpht-hashtags-wrapper-cloud > div a {
    display: inline-block;
    padding: 5px 15px;
    line-height: normal;
    text-decoration: none;
}

.bpht-clear-bp-hashtags {
    height: 0px !important;
}

/*--------------------------------------------------------------
# Youzify
--------------------------------------------------------------*/
.youzify .bpht-widget--hashtags {
    padding: 25px;
}

.youzify-sidebar .widget_bpht_hashtag_widget span.bpht-text--muted,
.youzify-sidebar .widget_bpht_hashtag_page_widget span.bpht-text--muted,
.youzify-sidebar .widget_bpht_hashtag_post_widget span.bpht-text--muted {
    padding: 18px 0 20px;
    display: block;
    margin: 0  25px;
}

#youzify-wall-nav #activity-hashtag a:before,
.youzify div.item-list-tabs li#activity-hashtag-personal-li a i::before,
.youzify-settings-sidebar .youzify-account-menus ul li.youzify-hashtags i::before {
    content: "\f292";
}

#youzify-wall-nav #activity-hashtag a:before,
.youzify div.item-list-tabs li#activity-hashtag-personal-li a i {
    background: #ca6578;
    background: linear-gradient(to left, #ca6578, #f7792d);
    background: -webkit-linear-gradient(right, #ca6578, #f7792d);
}

.youzify-inner-content.settings-inner-content h2.bp-hashtag-header-title {
    display: block;
    line-height: inherit;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    padding: 30px 45px;
    border-bottom: 1px solid var(--yzfy-card-secondary-bg-color);
}

.youzify-inner-content.settings-inner-content h2.bp-hashtag-header-title:before {
    width: 48px;
    height: 48px;
    color: var(--yzfy-icon-text-color);
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    margin-right: 16px;
    background: var(--yzfy-icon-bg-color);
    display: inline-block;
    content: "\f292";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 700;
}

.youzify-inner-content.settings-inner-content .bp-hashtag-description {
    padding: 30px 45px;
}

.youzify-inner-content.settings-inner-content .tagify {
    margin: 0 45px 45px;
    width: calc(100% - 90px);
}

@media screen and (max-width: 480px) {
    .youzify-inner-content.settings-inner-content h2.bp-hashtag-header-title {
        display: block;
        font-size: 16px;
        text-align: center;
    }
    
    .youzify-inner-content.settings-inner-content h2.bp-hashtag-header-title:before {
        display: table;
        margin: 0 auto 13px;
    }

    .youzify-inner-content.settings-inner-content h2.bp-hashtag-header-title,
    .youzify-inner-content.settings-inner-content .bp-hashtag-description {
        padding: 25px;
    }

    .youzify-inner-content.settings-inner-content .tagify {
        margin: 0 25px 25px;
        width: calc(100% - 50px);
    }
}

/*--------------------------------------------------------------
# tagify
--------------------------------------------------------------*/
.tagify {
    width: 100%;
}

/*--------------------------------------------------------------
# Reign
--------------------------------------------------------------*/
.reign-nav-iconic #hashtags-personal-li>a:before,
.reign-nav-iconic #hashtag-personal-li>a:before {
    content: "\f292";
}

/*--------------------------------------------------------------
# BuddyX
--------------------------------------------------------------*/
.buddyx-nav-iconic #hashtags-personal-li>a:before,
.buddyx-nav-iconic #hashtag-personal-li>a:before {
    content: "\f292";
}