/* WP Login */
html.html-login, body.login { background-color: #e8e8e8; }
#login { width: 350px; padding-top: 4%; padding-bottom: 20px; }
.login .message, .login form { width: auto !important; }
.login .message { border-left: 0 none; border-radius: 22px; background-color: #888; color: #fff; box-shadow: none; text-align: center; }
#loginform, #lostpasswordform, #registerform { width: 350px !important; }
.login form { box-shadow: none; font-size: 12px; line-height: 19px; color: #888; }
.login label[for='user_login'], .login label[for='user_pass'], .login label[for='user_email'] { width: 100%; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: normal; }
.login form .input { padding: 10px; font-weight: normal; border: 0 none; border-radius: 21px; background-color: #e8e8e8; font-size: 18px; text-align: center; box-shadow: none; }
#loginform .gglcptch, .login .gglcptch { margin-bottom: 10px; }
.login form #rememberme { margin-top: -1px; margin-right: 4px; }
.login form .forgotpassword { float: right; }
.login form .forgetmenot { float: none; }
.login form .forgetmenot label { text-transform: none; width: auto; font-weight: normal; color: #888; }
.login form .signup { text-align: center; margin-top: 18px; }
.login form .the_champ_outer_login_container { position: absolute; top: 0; left: 0; text-align: center; width: 100%; padding: 26px 0 15px; border-bottom: 2px solid #e8e8e8; }
.login form .the_champ_login_ul li { float: none; display: inline-block; }
.login form .theChampLogin { float: none; }
.login-action-register form, .login-action-login form { position: relative !important; padding-bottom: 26px; }
.login-action-register form label[for="user_login"],
.login-action-login form label[for="user_login"] { /*border-top: 2px solid #eee;*/ padding-top: 20px; }
#login form p.submit { clear: both; margin-top: 26px; text-align: center; }
#login form .button { width: 90%; height: auto; border: 0 none; border-radius: 21px; float: none; padding: 12px; background-color: #FF2524; box-shadow: none; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1em; text-transform: uppercase; font-weight: normal; }
#login #nav { display: none; }
#login #backtoblog { text-align: center; }
#login #backtoblog:before { content: ''; display: inline-block; width: 8px; height: 14px; margin-right: 5px; background: url(images/arrow_b_l.png) no-repeat center center; vertical-align: middle; }
#login #backtoblog a { display: inline-block; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; color: #000; text-transform: uppercase; overflow: hidden; text-indent: -20px; vertical-align: middle; }
.login-action-register #reg_passmail { margin-top: 20px; text-align: center; }
.login-action-register #reg_passmail + br { display: none; }
#TB_ajaxContent { width: auto !important; height: auto !important; }
#TB_ajaxContent #the_champ_email, #TB_ajaxContent #the_champ_confirm_email { width: 100%; }
/* Social login */
.social-login .login-action-register form, .social-login .login-action-login form { padding-top: 115px; }
.the_champ_outer_login_container { cursor: pointer; }
.the_champ_outer_login_container .the_champ_login_container { margin-top: 7px; }
.the_champ_login_container .theChampLogin { background-color: #999; border-radius: 50%; }
.the_champ_social_login_title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; text-transform: uppercase; }
.the_champ_outer_login_container:hover .theChampFacebookBackground { background-color: #3C589A; }
/* UM Login */
/* Login / Register / Forgot Password */
.um-page-login-register .site-main,
.um-social-login-overlay { margin-top: 0; background: url(images/login_bg.jpg) no-repeat center/cover; }
.um-page-login-register .site-footer { padding-top: 0; }
.um-page-login-register .site-content article { margin: 80px 0; }
.um-page-login-register .page-header { display: none; }
.um-page-login-register .um.um-login { margin-bottom: 0 !important; }
.um-page-login-register .hpanel { background-color: rgba(255,255,255,.8); padding: 30px 40px 15px; }
.um-page-login-register .hpanel .hpanel-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 24px; text-transform: uppercase; text-align: center; color: #000; }
.um-page-login-register .um-field-error { background-color: #c00; }
.um-page-login-register .um-field-arrow { color: #c00; }
.um-page-login-register .um .um-form .um-field .um-form-field { border: 0 none !important; border-radius: 20px; text-align: center; }
.um-page-login-register .um .um-form .um-field .um-form-field:focus { border: 1px solid #bbb !important; }
.um-page-login-register .um .um-form .um-button { background-color: transparent !important; border: 2px solid #000 !important; text-transform: uppercase !important; color: #000; font-weight: bold !important; }
.um-page-login-register .um .um-form .um-button:hover { background-color: #000 !important; color: #fff; }
.um-page-login-register .um .um-form .um-button:active,
.um-page-login-register .um .um-form .um-col-alt .um-button:focus { background-color: #c00 !important; border-color: #c00 !important; color: #fff; }
/* Login / Register */
.um-page-login-register .um.um-login-register { max-width: 720px; padding: 0; }
.um-page-login-register .um-login-register .hpanels { border-spacing: 1px; width: 100%; }
.um-page-login-register .um-login-register .hpanel { width: 49.5%; }
.um-page-login-register .um .um-form .um-submit-reminder { display: block; float: none; width: 100%; clear: both; text-align: center; margin-top: 15px; }
.um-page-login-register .um .um-form .um-submit-reminder a { display: inline; background-color: transparent !important; color: #c00; padding: 0 !important; font-size: inherit; line-height: inherit !important; }
.um-page-login-register .um .um-form .um-col-alt,
.um-page-login-register .um .um-form .um-col-alt-b { font-size: 12px; }
.um-page-login-register .um .um-form .hpanel-left .um-col-alt .um-left { width: 100%; float: none; }
.um-page-login-register .um-social-login { margin-top: 70px; }
.um-page-login-register .um-social-login .um-half { width: 100%; }
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook { background-color: transparent !important; display: block; text-align: center; color: #000 !important; border: 0 none !important; font-size: 16px; text-transform: none !important; font-weight: normal !important; }
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook:hover,
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook:active,
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook:focus { background-color: transparent !important; color: #c00 !important; }
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook i,
.um-page-login-register .um .um-social-login a.um-button-social.um-button-facebook i:hover { color: #fff !important; }
.um-page-login-register .um-social-login .um-button-social i { display: block; width: 80px; top: auto; line-height: 80px !important; height: auto !important; margin: 0 auto; background-color: #000; font-size: 40px; border-radius: 50%; }
.g-recaptcha + .um-field-error { margin-top: -20px; margin-bottom: 30px; }
/* Login */
.um-page-login .hpanel-left .um-row._um_row_1 { margin-bottom: 15px !important; }
.um-page-login .um-field { padding-top: 20px; }
.um-page-login .um-field-checkbox-option,
.um-page-login .um-field-radio-option { margin-left: 28px; }
.um-page-login .um .um-form .um-col-alt label { font-weight: normal; }
.um-page-login .um .um-form .um-field-c .um-field-checkbox { top: auto; }
.um-page-login .um .um-form .um-forgot-password { padding: 10px 0 20px; }
.um-page-login .um .um-form .um-forgot-password a { text-decoration: none !important; }
.um-page-login .um .um-form .um-forgot-password a:hover { color: #c00 !important; }
.um-page-login .um .um-form .um-remember-me .um-field-area { text-align: center; }
.um-page-login .um .um-form .um-remember-me .um-field-checkbox { display: inline-block; }
.um-page-login .um .um-form .um-remember-me .um-field-checkbox-option { display: inline; }
.um-page-login p.um-notice.success { padding-right: 35px !important; } /* Password reset success */
/* Register */
.um-social-login-wrap { border: 0 none; }
.um-social-login-wrap .um { background-color: transparent; }
/* Forgot Password */
.um-page-password-reset .hpanels { width: 100%; }
.um-page-password-reset .password-reset-sent { padding-top: 15px; padding-bottom: 10px; }
/* Logged In / Logout */
.um-page-login .um-logout .hpanels { width: 100%; }
.um-page-login .um-logout .user-name { color: #000; margin-top: 10px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 24px; }
.um-page-login .um-logout .um-misc-with-img { border-bottom: 0 none; }
.um-page-login .um-logout .um-misc-ul { margin: 0; list-style: none; text-align: center; }
.um-page-login .um-logout .um-misc-ul li { margin-top: 10px; }
/* Home Page - Cobo People */
.cobo-people { background-color: #eee; padding-top: 10px; padding-bottom: 10px;}
.cobo-people .people-inner { padding-top:30px; }
.cobo-people .people .post { float: left; width: 14%; margin-left: 3.2%; margin-bottom: 0; }
.cobo-people .people .post:nth-child(6n+1) { margin-left: 0; }
.cobo-people .people .post-thumbnail { text-align: center; margin-bottom: 24px; width: 100%; height: 135px; }
.cobo-people .people .entry-title, .cobo-people .people .entry-title * { height: 52px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1.4; text-align: center; }
.cobo-people .people .entry-title span { font-size: 12px; display: block;}
.cobo-people .people .entry-title a:hover { color: #ff2525; }
.cobo-people .people .section-title-inner { border-bottom-style: none; background: url('images/logo.png') no-repeat left center; background-size: 50px 50px; padding-left: 60px; }
/* Common */
.page .people-page .featured article[id*="author-user-"],
.path--author .author-page .author-user article[id*="author-user-"] { margin-bottom: 0; }
.page .people-page .featured,
.path--author .author-page .author-user { background-color: #f2f2f2; margin-top: 34px; overflow-y: auto; padding-top: 20px; padding-bottom: 0; }
.page .people-page hr,
.path--author .author-page .author-user hr { clear: both; border: none; height: 1px; color: #000000; background-color: #000000; }
.featured-user-info { overflow: hidden; padding-bottom: 30px; }
.featured-user-info .featured-user-image { float:left; height: 210px; width: 210px; margin-right:20px; }
.featured-user-info .featured-user-image .author-image { width: 100%; height: 100%; display: block; }
.featured-user-info .featured-user-image .author-image img { width: 100%; border-radius: 50%; }
.featured-user-info .featured-troop-title .troop-title-text { font-size: 16px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; text-align: center; background-color: black; color: white; text-transform: uppercase; line-height: 30px; letter-spacing: 4px; padding: 0px 10px; width: 220px; margin: 0 auto; }
.featured-user-info .featured-user-detail { float: left; overflow-x: hidden; overflow-y: auto; width: calc(100% - 230px); position: relative;}
.featured-user-info .featured-user-detail .fu-name { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 30px; text-transform: uppercase; line-height: 1.2em; }
.featured-user-info .featured-user-detail .fu-position { display: none; }
.featured-user-info .featured-user-detail .fu-post-summary { position: absolute; right: 0; bottom: 0; }
.featured-user-info .featured-user-detail .fu-post-summary>div { display: inline; float: none; vertical-align: middle; }
.featured-user-info .featured-user-detail .post-counter { color: red; margin-right: 10px; background-image: url(images/article_s.png); background-position: 0% 50%; background-repeat: no-repeat; width: 17px; height: 17px; padding-left: 20px; line-height: 17px; }
.featured-user-info .featured-user-detail .post-counter::after { content: ' / '; color: rgb(118,118,118); padding-left: 5px; }
.featured-user-info .featured-user-detail .post-view-counter { color: rgb(118,118,118); margin-left: -5px; }
.featured-user-info .featured-user-detail .post-view-counter::after { content: ' / '; color: rgb(118,118,118); padding-left: 5px; }
.featured-user-info .featured-user-detail .post-like-counter { display: inline-block !important; position: relative; color: red; width: 20px; height: 20px; vertical-align: bottom !important; right: 5px; background-color: red; }
.featured-user-info .featured-user-detail .post-like { color: red; }
.featured-user-info .featured-user-detail .revealText { /* Strange problem in ie8 where the sliding animation goes too far if revealText doesn't have a background color! */ }
.featured-user-info .featured-user-detail .fu-description p { line-height: 1.5em; }
.path--artists .site-footer { margin-top: 0; }
/* People Page */
.page .people-page .section-title.sub {padding: 20px 0px 30px;}
.page .people-page .featured { padding-top: 0; }
.page .people-page .featured .featured-user-info .featured-user-image { margin-top:30px; }
.page .people-page .featured .featured-user-info .featured-user-detail { margin-top:30px; font-size: 13px; }
.page .people-page .featured .featured-user-info .featured-user-top { position: relative; }
.page .people-page .latest-title { display: block; margin-bottom: 30px; }
.page .people-page .site-content { overflow: hidden; }
.page .people-page .featured .more-post, .path--author .site-content .more-post { padding:10px 0px; border-top: 1px solid #C4C4C4; }
.page .people-page .site-content .entry-title { height: 2.7em; }
.page .people-page .site-content .entry-content { /*height: 32px;*/ height: 3.8em; }
.page .people-page .site-content .more-troops-container { /*width: 100%;*/ overflow: hidden; }
.page .people-page .troop-user .author-thumbnail { width: 100%; height: 100%; margin: 0 auto; }
.page .people-page .troop-user .author-thumbnail-image { width: 150px; height: 150px; border-radius: 50%; display: block; cusor: pointer; background-position: center center; background-size: cover; }
.page .people-page .troop-user .author-info { text-align: center; }
.page .people-page .troop-user .author-name { font-size: 20px; line-height: 1.5em; height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page .people-page .troop-user .author-name > a { color: inherit; /*font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';*/ }
.page .people-page .troop-user .author-position { display: none; font-size: 13px; line-height: 1.5em; height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page .people-page .troop-user .author-position > a { color: black; font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; }
.page .people-page .troop-user .author-meta { text-align: center; clear: both; font-size: 10px; white-space: nowrap; }
.page .people-page .troop-user .author-meta > div {display: inline; float: none; vertical-align: middle; }
.page .people-page .troop-user .author-meta .post-counter { color: red;margin-right: 10px;background-image: url(images/article_s.png); background-position: 0% 50%; background-repeat: no-repeat; width: 17px; height: 17px; padding-left: 20px; line-height: 17px; }
.page .people-page .troop-user .author-meta .post-counter::after { content: ' / '; color: rgb(118,118,118); padding-left: 5px; }
.page .people-page .troop-user .author-meta .post-view-counter { color: rgb(118,118,118); margin-left: -5px;}
.page .people-page .troop-user .author-meta .post-user-like-counter {display: none;}
.path--author .author-page .author-user .section-title.sub { padding: 20px 0px; }
.path--author .author-page .author-user { background-color: #f2f2f2; margin-top: 34px; overflow-y: auto; padding: 20px 20px 0px;}
.path--author .author-page .author-user .featured-user-info { padding: 20px 0px; }
.path--author .author-page .author-user .featured-user-info .featured-user-top { position: relative; }
.path--author .author-page .author-user .featured-user-info .featured-troop-title { display: none; }
.path--author .author-page .author-user .featured-user-info .featured-user-image .author-image img { height: 100%; }
.path--author .site-content .author-user-post { overflow: hidden; margin-top: 40px; }
.page .people-page .troops-list { background-color: #F8F8F8; padding: 34px 30px 10px; }
.page .people-page .section-title .section-title-inner {font-size: 48px; text-transform: none; font-weight: 300; padding: 0; letter-spacing: 0; }
.page .people-page .section-title .section-subtitle-inner {font-size: 24px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';}
.page .people-page .section-title .troop-register { padding-top: 20px; }
.page .people-page .section-title .troop-register .troop-register-btn { text-transform: uppercase; font-size: 20px; }
.page .people-page .cscroller.jspScrollable .jspContainer { width: auto; margin: 0; }
.page .people-page .hot-troops-container > *,
.page .people-page .hot-troops-container .jspPane > * { width: 150px; margin: 0 15px; }
.page .people-page .hot-troops-container .section-title { width: 250px; white-space: normal; }
.page .people-page .hot-troops-container .troop-user,
.page .people-page .hot-troops-container .section-title { margin-bottom: 24px; }
/*.page .people-page .hot-troops-container .troop-user .author-meta { display: none; }*/
.page .people-page .troop-article-list { padding: 40px 30px 0; }
.page .people-page .troops-posts .troops-posts-inner > *,
.page .people-page .troops-posts .troops-posts-inner .jspPane > * { width: 360px; margin: 0 30px; } /* Firefox bug, do not add vertical margin or jsp height will keep growing, set padding on inner element instead */
.page .people-page .troops-posts .troops-posts-inner .post,
.page .people-page .troops-posts .troops-posts-inner .section-title { padding-bottom: 20px; }
.page .people-page .troops-posts .troops-posts-inner .section-title { width: 250px; white-space: normal; margin: 100px 0 0 15px; }
.page .people-page .troops-posts .troops-posts-inner .section-title h1 { font-size: 48px; text-transform: none; font-weight: 300; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; }
.page .people-page .troops-posts .troops-posts-inner .section-title p { font-size: 24px; }
.page .people-page .troops-posts .post { vertical-align: top; }
.page .people-page .troops-posts .post .entry-title { font-size: 20px; height: auto; }
.page .people-page .troops-posts .troops-posts-inner .post-thumbnail { height: 360px; }
.page .people-page .troops-posts .troops-posts-inner .post-thumbnail > a:after { content: ''; position: absolute; width: 100%; height: 100px; background-repeat: repeat-x; z-index: 1; bottom: 0; background-image: url(images/post_thumbnail_mask_b.png); }
.page .people-page .troops-posts .troops-posts-inner .post-thumbnail-meta { z-index: 1; }
.page.path--artists .site-main {margin-top: 0px;}
.page.path--artists .site-main .tab-nav-background {background-color: #F8F8F8; padding-top: 45px;}
.page.path--artists .site-main .site-content-pad.tab-nav .nav-pills {text-align: center; }
.page.path--artists .site-main .site-content-pad.tab-nav .nav-pills li {float:none; display: inline-block; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px;}
.page.path--artists .site-main .site-content-pad.tab-nav .nav-pills>li.active>a {background-color: #aaa; color: #fff;}
.page.path--artists .site-main .site-content-pad.tab-nav .nav-pills>li>a {color: #aaa;}
.page.path--artists .site-main .site-content-pad.tab-nav .nav-pills>li>a {padding: 5px 15px; border-radius: 25px;}
.page.path--artists .site-main .site-content-pad.tab-content .tab-pane .section-title {display: none;}
.page.path--artists .site-main .site-content-pad.tab-content .tab-pane .post-list {padding-top: 20px;}
.popular-posts .post-list {position: relative; overflow: hidden;}
.popular-posts .post:nth-child(3n+1) {margin-left: 0;}
.popular-posts .post {display: inline-block; width: 31%; margin: 0 0 30px 3.5%; vertical-align: top;}
.popular-posts .post .post-thumbnail {width: 100%; }
.popular-posts .post-thumbnail {margin-top: 0;}
.page.path--artists .site-main .tab-nav-background .site-content-pad.tab-content .tab-pane .section,
.page.path--aficionados .site-main .tab-nav-background .site-content-pad.tab-content .tab-pane .section {border-top: 0px solid #DDD; margin-top: 20px;}
.page.path--artists .section-latest .post-list,
.page.path--aficionados .section-latest .post-list {position: relative; /*overflow: hidden;*/}
/*.page.path--artists .section-latest .post:nth-child(3n+1),
.page.path--aficionados .section-latest .post:nth-child(3n+1) {margin-left: 0;}*/
.page.path--artists .section-latest .post,
.page.path--aficionados .section-latest .post {display: block; /*display: inline-block; width: 31%; margin: 0 0 30px 3.5%; vertical-align: top;*/}
.page.path--artists .section-latest .post .post-thumbnail,
.page.path--aficionados .section-latest .post .post-thumbnail {width: 100%; }
.page.path--artists .section-latest .post-thumbnail,
.page.path--aficionados .section-latest .post-thumbnail {margin-top: 0;}
.page.path--aficionados .site-main {margin-top: 0px;}
.page.path--aficionados .site-main .tab-nav-background {background-color: #F8F8F8; padding-top: 60px;}
.page.path--aficionados .site-main .site-content-pad.tab-nav .nav-pills {text-align: center; }
.page.path--aficionados .site-main .site-content-pad.tab-nav .nav-pills li {float:none; display: inline-block; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px;}
.page.path--aficionados .site-main .site-content-pad.tab-nav .nav-pills>li.active>a {background-color: #aaa; color: #fff;}
.page.path--aficionados .site-main .site-content-pad.tab-nav .nav-pills>li>a {color: #aaa;}
.page.path--aficionados .site-main .site-content-pad.tab-nav .nav-pills>li>a {padding: 5px 15px; border-radius: 25px;}
.page.path--aficionados .site-main .site-content-pad.tab-content .tab-pane .section-title {display: none;}
.page.path--aficionados .site-main .site-content-pad.tab-content .tab-pane .post-list {padding-top: 20px;}
.page.path--aficionados .people-page .section-title.sub {padding-top: 50px;}
/* Users */
.path--users .site-main { margin-top: 0; background-color: #F8F8F8; }
.user-list .section { position: relative; }
.user-list .section .section-title { margin: 10px 0; }
.user-list .section .section-title h2 { text-transform: none; font-size: 36px; letter-spacing: 0; }
.user-list .section .summary-nav { position: absolute; display: block; margin-top: 15px; color: #000; font-size: 16px; background-repeat: no-repeat; }
.user-list .section .view-all { right: 5px; padding-right: 18px; background-image: url(images/arrow_b_r.png); background-position: right center; }
.user-list .section .back-link { left: 5px; padding-left: 18px; background-image: url(images/arrow_b_l.png); background-position: left center; }
.user-list .section .section-users-list { text-align: center; }
.user-list .section .author { display: inline-block; width: 16.6%; padding: 0 5px 10px; }
.user-list .section .author-inner { background-color: #fff; padding-top: 30px; }
.user-list .section .author-content { padding: 0 10px 30px; }
.user-list .section .author .profile-cover,
.user-list .section .author .author-profile-cover { background-position: center center; background-size: cover; height: 160px; }
.user-list .section .author .profile-cover { display: block; background-image: url(images/profile/user_cover_default.jpg); }
.user-list .section .author .author-avatar { display: block; width: 150px; height: 150px; border-radius: 50%; border: 2px solid #fff; margin: 0 auto; /*with cover -50px auto 0*/; background-position: center center; background-size: cover; }
.user-list .section .author .author-name { display: block; margin: 15px 0; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.user-list .section .author .author-meta { font-size: 14px; overflow: hidden; }
.user-list .section .author .author-meta .meta-item { float: left; width: 33%; line-height: 24px; border-left: 1px solid #B2B2B2; margin-left: -1px; }
.user-list .section .author .author-meta .meta-item > * { vertical-align: middle; }
/*.user-list .section .author .author-meta .meta-icon { display: inline-block; margin-right: 6px; }*/
.user-list .section .author .author-meta .meta-icon { display: block; height: 24px; margin: 0 auto; }
.user-list .section .author .author-meta .view-count .meta-icon { background: url(images/data_eye_b.png) no-repeat left center; width: 23px; }
.user-list .section .author .author-meta .like-count .meta-icon { background: url(images/icon-author-like.png) no-repeat left center; width: 24px; }
.user-list .section .author .author-meta .post-count .meta-icon { background: url(images/data_article.png) no-repeat left center; width: 18px; }
.user-list .section .author .author-meta .like-count { color: #FF2524; }
.user-list .section .author .author-view-profile { margin-top: 17px; text-transform: none; }
/* Profile */
.mce-window .mce-textbox { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: none; }
div.mce-window .mce-btn,
div.mce-window .mce-btn.mce-primary,
div.mce-window .mce-btn.mce-primary:focus,
div.mce-window .mce-btn.mce-primary:hover { background-color: transparent; border: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: auto !important; }
div.mce-window .mce-btn button { height: auto !important; }
div.um-profile.um .um-form input[type=text],
div.um-profile.um .um-form input[type=password],
div.um-profile.um .um-form textarea,
div.um-profile.um .upload-progress,
div.select2-container .select2-choice,
div.select2-drop,
div.select2-container-multi .select2-choices,
div.select2-drop-active,
div.select2-drop.select2-drop-above,
div.um-profile.um .um-form input[type=text]:focus,
div.um-profile.um .um-form input[type=password]:focus,
div.um-profile.um .um-form textarea:focus,
div.um-um_account_id.um .um-form input[type=text],
div.um-um_account_id.um .um-form input[type=password],
div.um-um_account_id.um .um-form textarea,
div.um-um_account_id.um .upload-progress,
div.um-um_account_id.um .um-form input[type=text]:focus,
div.um-um_account_id.um .um-form input[type=password]:focus,
div.um-um_account_id.um .um-form textarea:focus { border: 1px solid #ccc !important; color: #000; height: auto !important; line-height: 2.5; padding: 0 10px; }
.path--user .site-main { margin-top: 0; }
.path--user .site-content .page-header,
.path--user .header-line { display: none; }
.path--user .um.um-profile { max-width: none; }
.um .um-header,
div.um-profile.um .um-profile-body { max-width: 1400px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
.um .um-header-wrapper { background-color: #f0f0f0; }
.um .um-header { padding-bottom: 40px; }
div.um-profile.um .um-header .um-profile-meta,
div.um-profile.um .um-header .um-name a,
div.um-profile.um .um-header .um-meta-text { color: #000; font-size: 16px; }
div.um-profile.um .um-cover { background-image: url(images/profile/user_cover_default.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; max-height: 480px; overflow: hidden; }
div.um-profile.um .um-cover.has-cover { background-image: none; }
div.um-profile.um .um-profile-photo { width: 100% !important; margin-bottom: 15px; top: 0; position: relative; }
.um-profile-photo a.um-profile-photo-img { padding: 0; }
div.um-profile.um .um-profile-photo a.um-profile-photo-img { display: block; margin: -75px auto 0 !important; float: none; top: 0 !important; left: 0; width: 150px !important; height: 150px !important; position: relative; background-position: center center; background-size: cover; }
div.um-profile.um .um-header .um-profile-meta { text-align: center; padding-left: 0; padding-right: 0; }
div.um-profile.um .um-header .um-name { float: none; margin-right: 0; }
div.um-profile.um .um-header .um-name a { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 26px; font-weight: normal; }
div.um-profile.um .um-header .um-meta-text { margin: 30px auto 0; max-width: 550px; padding-left: 70px; padding-right: 70px; text-align: center; line-height: 1.5; max-height: 3em; overflow: hidden; }
div.um-profile.um .loaded-more .um-meta-text { max-height: none; }
div.um-profile.um .loaded-more .load-more-container { display: none; }
div.um-profile.um.um-editing .um-header .um-meta-text { max-height: none; }
div.um-profile-edit { padding-right: 30px; }
div.um-profile.um .um-profile-headericon a:hover,
div.um-profile.um .um-profile-edit-a.active { color: #000; }
div.um-profile.um .um-profile-body.main .um-field-description { max-width: 600px; margin: 0 auto; }
div.um-profile.um .um-form .um-profile-body.main .um-field-description textarea,
div.um-profile.um .um-form .um-profile-body.main .um-field-description textarea:focus { height: 400px !important; }
div.um-profile.um .um-form .um-profile-body.main .um-col-alt { width: 350px; margin: 0 auto; }
.um-profile-body .um-field-description .um-field-value p { margin-bottom: 24px !important; }
.um-profile .um-profile-meta .social-share { position: absolute; top: 0; left: 30px; width: 30px; margin-top: 0; text-align: center; }
.um-profile .um-profile-meta .social-share:before,
.um-profile .um-profile-meta .social-share .btn-share { float: none; margin: 25px auto; }
.um-profile .um-profile-meta .social-share:before { display: block; content: ''; border-bottom: 1px solid #000; padding-bottom: 25px; background: url(images/share_b.png) no-repeat center top; height: 16px; }
.um-profile .um-profile-meta .social-share .btn-share { display: block; padding: 0; }
/* Profile Nav */
div.um-profile-nav { background-color: #333; }
.um-profile-nav-item { display: inline-block; text-transform: capitalize; }
.um-profile-nav-item > a > i { display: none; } /* nav icon */
div.um-profile-nav-item a { padding-left: 10px; font-weight: normal; float: none; font-size: 16px; }
div.um-profile-nav-item span.title { padding-left: 0; }
div.um-profile.um .um-profile-nav-item.active a,
div.um-profile.um .um-profile-nav-item a:hover,
div.um-profile.um .um-profile-nav-item.active a:hover { background-color: transparent; }
div.um-profile.um .um-profile-nav-item.active a:after { content: ''; display: block; background: url(images/profile/nav-tab-arrow-down.png) no-repeat center bottom; margin-top: 15px; position: absolute; width: 100%; height: 10px; left: 0; }
div.um-profile.um.uimob800 .um-profile-nav-item.active a:after,
div.um-profile.um.uimob500 .um-profile-nav-item.active a:after,
div.um-profile.um.uimob340 .um-profile-nav-item.active a:after { margin-top: 10px; }
/* Account */
.um-um_account_id.um .um-account-side .um-account-name a { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 26px; font-weight: normal; color: #000 !important; }
/* Post Listing */
.um .um-profile-body { padding-top: 40px; }
.um-profile-body.posts .post,
.um-profile-body.my-posts .post { display: inline-block; width: 31%; margin: 0 0 30px 3%; vertical-align: top; }
.um-profile-body.posts .post:nth-child(3n+1),
.um-profile-body.my-posts .post:nth-child(3n+1) { margin-left: 0; }
.um.um-profile .um-profile-body.posts .post .entry-title,
.um.um-profile .um-profile-body.my-posts .post .entry-title { color: #000; font-size: 20px; }
.um-item-meta span { font-size: 13px; font-weight: normal; font-style: normal; }
.um-item-meta span:not(:last-child):after { display: none; }
.um-item-meta .post-status { margin-right: 10px; }
.um-item-meta .post-status.publish { display: none; }
.um-item-meta .post-status span { color: inherit !important; }
div.um-profile.um .um-item-meta a { border-bottom: 0 none; font-weight: normal; margin-right: 10px; font-family: inherit; text-transform: uppercase; }
div.um-profile.um .um-item-meta .post-actions a { color: #fff; }
.um .post-like-counter { box-sizing: border-box; }
.um .um-profile-body .masonry-layout .post .entry-author-image { vertical-align: middle; }
/* Add Post */
div.um-profile.um .um-profile-body.add-post, .wpuf-form-add { max-width: 800px; }
.wpuf-form-add { margin: 0 auto; } /* Edit Post */
ul.wpuf-form li.wpuf-el { border-bottom: 1px solid #ddd; }
.wpuf-label label { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; color: #000; }
.um .um-button,
.wpuf-button,
ul.wpuf-form .wpuf-submit input[type=submit],
ul.wpuf-form li .wpuf-fields a.file-selector,
ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a#wpuf-insert-image
/*{ transition: none; border: 0 none !important; color: #fff; background-color: #000 !important; padding: 0 25px !important; border-radius: 20px !important; line-height: 40px !important; text-align: center; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px; font-weight: normal !important; width: auto; max-width: none; }*/
{ cursor: pointer; display: inline-block; color: #fff; border: 0 none !important; background-color: #000 !important; padding: 0 25px !important; border-radius: 20px !important; line-height: 40px !important; text-align: center; /*font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';*/ font-size: 16px; font-weight: normal !important; text-transform: uppercase; transition: .5s background-color ease, .5s border-color ease, .5s color ease; -moz-transition: .5s background-color ease, .5s border-color ease, .5s color ease; }
ul.wpuf-form li .wpuf-fields a.file-selector:hover,
ul.wpuf-form li .wpuf-fields a.file-selector:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; }
.um-profile.um input[type=submit].um-button:hover,
.um-profile.um a.um-button:hover,
.wpuf-button:hover,
ul.wpuf-form .wpuf-submit input[type=submit]:hover,
ul.wpuf-form li .wpuf-fields a.file-selector:hover,
ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a#wpuf-insert-image:hover
{ background-color: #999 !important; color: #000 !important; outline: 0 none; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li { display: block; width: 100%; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name { text-align: left; }
ul.wpuf-form li .wpuf-fields input[type=text],
ul.wpuf-form li .wpuf-fields input[type=password],
ul.wpuf-form li .wpuf-fields input[type=email],
ul.wpuf-form li .wpuf-fields input[type=url],
ul.wpuf-form li .wpuf-fields input[type=number],
ul.wpuf-form li .wpuf-fields textarea,
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input,
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea { width: 100%; margin-bottom: 5px !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #000; border-color: #ccc; min-height: 0 !important; line-height: 2.5 !important; padding: 0 10px !important; background-color: #fff; font-size: 14px !important; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete { background-color: #000; background-image: none; border: 0 none; text-shadow: none; border-radius: 10px; padding: 0 15px; font-family: inherit; text-transform: uppercase; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete:hover,
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete:active { background-color: #666; color: #000; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name { float: left; width: 30%; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap { float: left; width: 67%; margin: 0 0 0 3%; }
ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li.thumbnail .caption { clear: both; padding-left: 33%; }
.wpuf-submit .btn { background-color: #666; }
.wpuf-submit .btn:hover { background-color: #ccc; }
/*@media screen and (max-width: 1300px) {
.user-list .section .author .author-meta .meta-icon { display: block; margin: 0 auto; }
}*/
@media screen and (max-width: 1015px) {
.page .people-page .site-content .troop-user,
.page .people-page .site-content .troop-user:nth-child(8n+1) { /*width: 15%;*/ margin-left: 2%; }
.page .people-page .site-content .troop-user:nth-child(6n+1) { margin-left: 0; }
.user-list .section .author { width: 25%; }
}
@media screen and (max-width: 850px) {
.user-list .section .author { width: 33.3%; }
}
@media screen and (max-width: 800px) {
.featured-user-info .featured-user-image { float: none; margin-left: auto; margin-right: auto; }
.featured-user-info .featured-user-detail { float: none; width: 100%; margin-top: 30px; }
.featured-user-info .featured-user-top { text-align: center; }
.featured-user-info .featured-user-detail .fu-post-summary { position: static; margin-top: 5px; }
.page .people-page .site-content .troop-user,
.page .people-page .site-content .troop-user:nth-child(8n+1),
.page .people-page .site-content .troop-user:nth-child(6n+1) { /*width: 23.5%;*/ margin-left: 2%; }
.page .people-page .site-content .troop-user:nth-child(4n+1) { margin-left: 0; }
}
@media screen and (min-width: 783px) {
body.path--artists.masthead-fixed .site-main { margin-top:34px;}
}
@media screen and (max-width: 735px) {
/*.page.path--artists .section-latest .post,
.page.path--aficionados .section-latest .post,*/
.popular-posts .post {width: 45%;}
/*.page.path--artists .section-latest .post,
.page.path--aficionados .section-latest .post,*/
.popular-posts .post {margin: 0 0 30px 5%;}
/*.page.path--artists .section-latest .post:nth-child(3n+1),
.page.path--aficionados .section-latest .post:nth-child(3n+1),*/
.popular-posts .post:nth-child(3n+1) {margin-left: 5%;}
/*.page.path--artists .section-latest .post:nth-child(2n+1),
.page.path--aficionados .section-latest .post:nth-child(2n+1),*/
.popular-posts .post:nth-child(2n+1) {margin-left: 0;}
}
@media screen and (max-width: 670px) {
/* Login & Register */
.um-page-login-register .um-login-register .um-form form { display: block; }
.um-page-login-register .um-login-register .hpanel { display: block; width: auto; }
.um-page-login-register .um-login-register .hpanel-right { margin-top: 1px; }
.um-page-login-register .um-login-register .um-social-login { margin-top: 0; }
.user-list .section .author { width: 50%; }
}
@media screen and (max-width: 564px) {
/*.page.path--artists .section-latest .post,
.page.path--aficionados .section-latest .post,*/
.popular-posts .post {width: 100%;}
/*.page.path--artists .section-latest .post,
.page.path--aficionados .section-latest .post,
.popular-posts .post {margin: 0 0 30px 0;}*/
/*.page.path--artists .section-latest .post:nth-child(3n+1),
.page.path--aficionados .section-latest .post:nth-child(3n+1),*/
.popular-posts .post:nth-child(3n+1) {margin-left: 0;}
}
@media screen and (max-width: 500px) {
.page .people-page .site-content .troop-user,
.page .people-page .site-content .troop-user:nth-child(8n+1),
.page .people-page .site-content .troop-user:nth-child(6n+1),
.page .people-page .site-content .troop-user:nth-child(4n+1) { /*width: 47.5%;*/ margin-left: 5%; }
.page .people-page .site-content .troop-user:nth-child(odd) { margin-left: 0; }
}
@media screen and (max-width: 400px) {
.user-list .section .author { width: 100%; }
}