/* wpForo Topic Prefix & Tag Manager addon front-end style */

#wpforo #wpforo-wrap .wpfw-2.wpf-row-prefix {
    width: 210px;
}

#wpforo #wpforo-wrap .wpfw-2.wpf-row-title {
    width: calc(100% - 210px);
}

#wpforo #wpforo-wrap .wpfw-2.wpf-row-prefix .wpf-field {
    padding-right: 5px;
}

#wpforo #wpforo-wrap .wpfw-2.wpf-row-title .wpf-field {
    padding-left: 5px;
}

.wpf-prefix,
span.wpf-prefix,
#wpforo #wpforo-wrap .wpf-prefix {
    font-family: "Segoe UI", Tahoma, Verdana;
    font-size: 80%;
    line-height: 1.1;
    text-decoration: none;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 5px 2px 5px;
    margin-right: 5px;
}

.wpf-prefix .wpftpxc,
span.wpf-prefix .wpftpxc,
#wpforo #wpforo-wrap .wpf-prefix .wpftpxc {
    border-left: 1px solid;
    padding-left: 5px;
    margin-left: 5px;
}

#wpforo #wpforo-wrap .wpf-field-wrap {
    font-size: 90%;
    line-height: 1.3;
    padding: 1px 7px 2px 7px;
    border-radius: 2px;
}

#wpforo #wpforo-wrap .wpforo-topic-title a.wpftpxa {
    padding: 0;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topic-title .wpf-prefix {
    margin-right: 1px;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-content .wpf-prefix {
    font-size: 77%;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-title .wpf-prefix {
    margin-right: 1px;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-prefix,
#wpforo #wpforo-wrap .wpfl-4 .wpforo-content .wpf-prefix {
    font-size: 85%;
    line-height: 1.1;
}

#wpforo #wpforo-wrap.wpft-post #wpforo-title .wpf-prefix {
    line-height: 1.3;
    padding: 0px 10px 2px 10px;
    margin-right: 3px;
}

#wpforo #wpforo-wrap.wpft-topic .wpfl-2 .wpforo-content .wpf-prefix {
    margin-right: 5px;
}

#wpforo #wpforo-wrap.wpft-recent .wpforo-content .wpf-prefix {
    vertical-align: text-bottom;
    font-size: 90%;
    line-height: 1.2;
}

#wpforo #wpforo-wrap .wpforo-recent-wrap #wpforo-title .wpf-prefix {
    font-size: 15px;
    padding: 1px 10px 2px 10px;
    line-height: 1.1
}

#wpforo #wpforo-wrap .wpforo-recent-wrap #wpforo-title .wpf-remove-tpx-filter {
    font-size: 15px;
    display: inline-block;
    margin-left: 0px;
    line-height: 1.4;
    padding: 0 7px 1px 7px;
    color: #666;
    text-align: center;
    outline: hidden;
}

#wpforo #wpforo-wrap .wpforo-recent-wrap #wpforo-title .wpf-remove-tpx-filter:hover {
    background: #eee;
}

#wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-head-prefix i {
    font-size: 24px;
    vertical-align: middle;
    line-height: 24px;
    margin-right: 5px;
    margin-bottom: 2px;
    color: #777;
}

#wpforo #wpforo-wrap .wpf-field.wpf-one-prefix .wpf-field-wrap {
    width: 100%;
    width: 100%;
    padding: 5px 0 5px 7px;
    border: 1px dashed #999;
    border-right: none;
    margin: 2px 0px 0 0px;
}

#wpforo #wpforo-wrap .wpf-field.wpf-one-prefix .wpf-prefix {
    font-size: 13px;
    padding: 1px 10px 2px 10px;
}

a.wpftpxa .wpf-prefix:hover,
a.wpftpxa span.wpf-prefix:hover,
#wpforo #wpforo-wrap a.wpftpxa .wpf-prefix:hover {
    opacity: 0.9;
}

.wpforo-widget-wrap .wpforo-list-item .wpf-prefix,
.wpforo-widget-wrap .wpforo-list-item span.wpf-prefix,
#wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-list-item .wpf-prefix {
    margin-right: 1px;
}

#wpf-widget-prefixes .wpforo-widget-content span.wpf-prefix,
#wpforo #wpforo-wrap #wpf-widget-prefixes .wpforo-widget-content span.wpf-prefix {
    font-size: 85%;
    line-height: 1.2;
    padding: 1px 5px 3px 5px;
}

#wpf-widget-prefixes .wpforo-widget-content a.wpftpxa,
#wpforo #wpforo-wrap #wpf-widget-prefixes .wpforo-widget-content a.wpftpxa {
    display: inline-block;
    text-decoration: none;
    margin: 0 0 3px 1px;
    line-height: 1;
    padding: 0;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-title {
    line-height: 1.4;
}

#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags .wpf-tags-text {
    margin-top: 3px;
}

@media screen and (max-width: 800px) {
    #wpforo #wpforo-wrap .wpfw-2.wpf-row-title {
        width: 100%;
    }

    #wpforo #wpforo-wrap .wpfw-2.wpf-row-prefix {
        width: 100%;
    }

    #wpforo #wpforo-wrap .wpfw-2.wpf-row-title .wpf-field,
    #wpforo #wpforo-wrap .wpfw-2.wpf-row-prefix .wpf-field {
        padding: 8px 20px 8px 20px;
    }

    #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-head-prefix i {
        display: none;
    }

    #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-head-bottom .wpf-head-buttons {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
