/* 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;}
}