/* Theme Name: COBO Social Theme URI: http://example.com/cobo/ Description: COBO Social Theme Author: New World Development Limited. Author URI: http://example.com Template: twentyfourteen Version: 1.0.0 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: cobo */ /* For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides: Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme. */ /* @import url(//fonts.googleapis.com/css?family=Playfair+Display:400,700|Open+Sans:300italic,400italic,700italic,700,300,400); */ /* Theme customization starts here -------------------------------------------------------------- */ body { background-color: #fff; } /*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td*/ body { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 14px; } body, input, textarea, select, td { color: #000; } a { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; color: #ff2525; transition: .5s color ease; -moz-transition: .5s color ease; } a:hover, a:focus, a:active { color: #c00; outline: 0 none; text-decoration: none; } .site { margin: 0 auto; max-width: none; } p { margin-bottom: 12px; } .site:before { width: 0; } .site-content-pad { padding-left: 30px; padding-right: 30px; max-width: 1460px; margin: 0 auto; } .site-header-inner { min-height: 54px; max-width: 1400px; font-size: 14px; } .masthead-fixed .site-header { position: relative; } .masthead-fixed.admin-bar .site-header { top: 0; } #wpadminbar #wp-admin-bar-wp-logo { display: none; } /* Hide WP logo menu item */ #wp-link-close { border-radius: 0; } .site-header { background-color: transparent; z-index: 99; max-width: none; } .header-main .site-title { display: none; } .clear-float:after { content: '.'; clear: both; height: 0; display: block; overflow: hidden; } .hide { display: none; } .dotdotdot { overflow: hidden; } .placeholder { color: #aaa; } .template { display: none; } .single-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .slider-direction-nav li { border: 0 none; } .modal.center-screen { text-align: center; } .modal.center-screen:before { display: inline-block; vertical-align: middle; content: ''; height: 100%; } .modal.center-screen .modal-body { display: inline-block; text-align: left; vertical-align: middle; } .valign-middle { white-space: nowrap !important; } .valign-middle:after { display: inline-block; vertical-align: middle; content: ''; height: 100%; } .valign-middle > * { display: inline-block; vertical-align: middle; white-space: normal; } button, .button, .btn, input[type="button"], input[type="reset"], input[type="submit"], .mce-window .mce-btn button { cursor: pointer; display: inline-block; color: #fff; border: 0 none; background-color: #000; padding: 0 25px; border-radius: 20px; line-height: 40px; text-align: center; /*font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';*/ font-size: 16px; font-weight: normal; 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; } button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .btn:hover, .btn:focus, .btn:active, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .mce-window .mce-btn button:hover, .mce-window .mce-btn button:focus { background-color: #999; color: #000; outline: 0 none; } label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .btn:active, .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mce-toolbar .mce-btn button:hover { background-color: transparent; } .btn-small { line-height: 20px; border-radius: 10px; padding: 0 15px; font-size: 12px; } .outline-btn { border: 2px solid #000; background-color: transparent; color: #000; line-height: 36px; border-radius: 20px; } .outline-btn.outline-btn-small { line-height: 26px; border-radius: 15px; } .outline-btn:hover, .outline-btn.outline-btn-small:hover { background-color: #000; color: #fff; } .outline-btn:active, .outline-btn.outline-btn-small:active { border-color: #c00; background-color: #c00; color: #fff; } ::selection { background: #eee; color: #5b5b5b; text-shadow: none; } ::-moz-selection { background: #eee; color: #5b5b5b; text-shadow: none; } select[data-role="dropdown"] { display: none; } .dropdown .dropdown-toggle { cursor: pointer; border: 1px solid rgba(0,0,0,.1); border-radius: 2px; line-height: 28px; display: block; padding: 0 30px 0 10px; min-width: 150px; position: relative; } .dropdown .dropdown-toggle .caret { position: absolute; right: 10px; top: 50%; margin-top: -2px; } .dropdown ul a { cursor: pointer; } .chkbx > * { vertical-align: middle; } .chkbx input[type='checkbox'] { display: none; } .chkbx .chkbx-icon { display: inline-block; margin-right: 5px; width: 17px; height: 17px; border: 2px solid #eee; } .chkbx .chkbx-icon::before { content: ''; display: block; margin-top: -4px; width: 19px; height: 9px; border-width: 0 0 2px 2px; border-color: #000; border-style: solid; transform: rotate(-45deg); opacity: 0; visibility: hidden; transition: .2s all ease; } .chkbx.checked .chkbx-icon::before { opacity: 1; visibility: visible; } /* Slick fix to avoid overlapping elements that should be above img */ .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .slick-slide img { display: inline-block; } /* Carousel fade */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .wp-core-ui form label input { font-weight: normal; } .wp-core-ui form#wp-link #link-options label span { width: 140px; } .wp-core-ui form#wp-link p.howto, .wp-core-ui form#wp-link #search-panel { display: none; } /* Header / Navigation */ .header-main { /*position: relative;*/ min-height: 34px; width: 100%; padding: 0; } .header-line { margin-top: -1px; border-bottom: 1px solid #ddd; } .header-follow-us { position: relative; top: -48px; } /* Scroller scheme */ .cscroller { overflow: auto; } .cscroller-h { overflow-x: auto; overflow-y: hidden; } .cscroller-h > *, .cscroller-h .jspPane > * { display: inline-block; vertical-align: middle; } .cscroller-h, .cscroller-h .jspPane { white-space: nowrap; } .cscroller-h > *, .cscroller-h .jspPane > * { white-space: normal; } .cscroller-v { overflow-x: hidden; overflow-y: auto; } /* Webkit scrollbar styles */ .cscroller-h::-webkit-scrollbar { height: 8px; } .cscroller-v::-webkit-scrollbar { width: 8px; } .cscroller::-webkit-scrollbar-track { background-color: transparent; } .cscroller::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.1); border-radius: 4px; } .cscroller::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,0.3); } .cscroller::-webkit-scrollbar-button, .cscroller::-webkit-scrollbar-corner { display: none; } /* For non-webkit browsers, set jScrollPane styles. Firefox bug, do not group rules with ::-webkit-* or rules will not apply to Firefox since it doesn't understand ::-webkit-* */ .cscroller .jspHorizontalBar, .cscroller .jspVerticalBar { background-color: transparent; } .cscroller .jspHorizontalBar { height: 8px; } .cscroller .jspVerticalBar { width: 8px; } .cscroller-h .jspVerticalBar, .cscroller-v .jspHorizontalBar { display: none; } /* Hide unnecessary scroll bar */ .cscroller .jspTrack { background-color: transparent; } .cscroller .jspDrag { background-color: rgba(0,0,0,0.1); border-radius: 4px; } .cscroller .jspDrag:hover { background-color: rgba(0,0,0,0.3); } /* Panel scheme */ .hpanels { display: table; } .hpanel { display: table-cell; vertical-align: top; } #sumome-smartbar-popup .sumome-smartbar-link { display: none; } #sumome-smartbar-popup.sumome-smartbar-popup .sumome-smartbar-content { max-width: 1400px; position: relative; margin: 0 auto; } #sumome-smartbar-popup .sumome-smartbar-content .sumome-smartbar-form div.sumome-eac-input-wrap, .sumome-smartbar-popup .sumome-smartbar-content .sumome-smartbar-form div.sumome-eac-input-wrap { line-height: normal; float: none !important; vertical-align: middle; } /* Share */ .social-share { margin-top: 12px; overflow: hidden; } .social-share:before { content: 'Share to:'; float: left; font-size: 11px; line-height: 20px; } .social-share .btn-share { display: block; float: left; width: 20px; height: 20px; background-color: transparent; background-position: center center; background-repeat: no-repeat; margin-left: 10px; cursor: pointer; } .social-share .btn-share.share-fb { background-image: url(images/fb_b.png); } .social-share .btn-share.share-fb:hover, .social-share.white .btn-share.share-fb:hover { background-image: url(images/fb_r.png); } .social-share .btn-share.share-tw { background-image: url(images/share_tw_b.png); } .social-share .btn-share.share-tw:hover, .social-share.white .btn-share.share-tw:hover { background-image: url(images/share_tw_r.png); } .social-share.white:before { color: #fff; } .social-share.white .btn-share.share-fb { background-image: url(images/fb_w.png); } .social-share.white .btn-share.share-tw { background-image: url(images/share_tw_w.png); } .social-share.expandable .btn-share, div.social-share.expandable.expand:before { display: none; } .social-share.expandable.expand .btn-share { display: block; } .menu-header-menu-container { display: inline-block; } .primary-navigation { float: none; text-align: center; margin: 0; font-size: 11px; } .primary-navigation > * { vertical-align: top; } .primary-navigation a { display: inline-block; } .primary-navigation .nav-menu { display: inline-block; } .primary-navigation .menu-item { position: static; } .primary-navigation .menu-item a { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; font-weight: inherit; position: relative; z-index: 999999; } .primary-navigation .menu-item-has-children > a { padding-right: 6px; } .primary-navigation .menu-item-has-children > a:after { display: none; } .primary-navigation .nav-menu li > .sub-menu-wrap { position: absolute; top: 53px; left: 0; width: 100%; z-index: 99999; } .primary-navigation .nav-menu .sub-menu { top: auto; left: 0; position: relative; max-height: 0; overflow: hidden; transition: .5s max-height ease; width: 100%; background-color: #444; float: none; margin: 0; text-align: center; } .primary-navigation .nav-menu > .menu-item:hover > a:after, .primary-navigation .nav-menu > .menu-item.current-menu-item > a:after, .primary-navigation li.current-menu-ancestor > a:after { position: static; content: ''; display: block; width: 7px; height: 7px; background: url(images/nav-bullet.png) no-repeat; margin: 16px auto 0; } .primary-navigation .nav-menu > .menu-item:hover > a:after { visibility: hidden; } .primary-navigation .menu-item:hover a, .primary-navigation .menu-item.current-menu-item a, .primary-navigation li.focus > a, .primary-navigation li.current-menu-ancestor > a { background-color: transparent; color: #ff2525; } .primary-navigation .nav-menu li:hover > .sub-menu-wrap > .sub-menu, .primary-navigation .nav-menu li.focus > .sub-menu-wrap > .sub-menu { max-height: 60px; } .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: transparent; } .primary-navigation .sub-menu .menu-item, .primary-navigation .sub-menu .menu-item a, .primary-navigation .sub-menu .menu-item:before { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px; color: #fff; letter-spacing: 2px; } .primary-navigation .sub-menu .menu-item { display: inline-block; border: 0 none; } .primary-navigation .sub-menu .menu-item a { padding: 21px 10px; width: auto; } .primary-navigation .sub-menu .menu-item:hover a { color: #ff2525; } .primary-navigation .sub-menu .menu-item:before { /*content: "/"; */display: inline; } .primary-navigation .sub-menu .menu-item:first-child:before { content: ""; } .primary-navigation .menu-toggle { display: none; background-color: transparent; width: auto; height: auto; right: auto; text-align: center; line-height: 1; margin-top: -57px; z-index: 1; color: transparent; width: 30px; } .primary-navigation .menu-toggle:before { content: ''; color: #000; display: inline-block; margin: 0 auto; padding: 0; width: 100%; height: 14px; background: url(images/menu-toggle.png) repeat-x left center; } .site-title { margin-right: 12px; } .site-title a { padding-right: 12px; } .site-title, .site-navigation a, .site-navigation .current-menu-item > a { font-size: 16px; color: #333; letter-spacing: -0.5px; /*padding-left: 30px; padding-right: 30px; */padding-left: 12px; padding-right: 12px;} .site-navigation a:hover { color: #333; } .site-title, .primary-navigation li { line-height: 34px; vertical-align: middle; } .search-toggle, .search-toggle:hover, .search-toggle.active { background-color: transparent; } .search-toggle, .primary-navigation li { height: 34px; } .search-toggle:before { display: none; } .search-toggle { display: none; float: none; margin-right: 0; width: 34px; background: url(images/search_b.png) no-repeat center center; } .search-toggle:hover { background-image: url(images/search_r.png); } .search-box-wrapper { top: -3px; left: auto; right: 0; width: 50%; padding-left: 335px; padding-right: 30px; display: inline-block; } .search-box { padding: 0; background-color: transparent; } .search-box form > label { width: 100%; } .search-box .search-field { width: 100%; border: 1px solid #ccc; font-size: 15px; font-weight: normal; } input.search-submit { display: none; } .nav-menu .search-toggle { display: inline-block; } .nav-menu .search-toggle.active { visibility: hidden; } .site-content .page .edit-link { display: none; } .menu-item.menu-item-loginout, .header-loginout { position: absolute; right: 30px; z-index: 1; width: 13%; text-align: right; } .primary-navigation .nav-menu > .menu-item.menu-item-loginout:hover > a:after { display: none; } .site-header .login-user .login-user-image { display: inline-block; vertical-align: middle; padding-right: 8px; } .site-header .login-user .login-user-image span { display: block; width: 30px; height: 30px; border-radius: 50%; background-position: center center; background-size: cover; } .site-header .login-user .login-user-name { display: block; padding: 0; text-transform: none; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .header-loginout { display: none; width: 25%; } .header-loginout a { color: #000; text-transform: uppercase; font-size: 16px; } .header-loginout a:hover { color: #ff2525; } .site-header .login-link { background: url(images/login_icon_b.png) no-repeat left center; padding-left: 28px; padding-right: 0; } .site-header .login-link:hover { background-image: url(images/login_icon_r.png); } .site-header .primary-navigation .nav-menu .login-link:hover:after { display: none; } .follow-us { position: absolute; overflow: hidden; z-index: 1; top:0; right: 30px; } .follow-us-title, .follow-us-item { float: left; margin-right: 20px; } .follow-us-title { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 14px; line-height: 34px; } .follow-us-item { background: none no-repeat center center; width: 20px; height: 20px; } .follow-us-item.fb { background-image: url(images/fb_b.png); } .follow-us-item.fb:hover { background-image: url(images/fb_r.png); } .follow-us-item.tw { background-image: url(images/share_tw_b.png); } .follow-us-item.tw:hover { background-image: url(images/share_tw_r.png); } .follow-us-item.ig { background-image: url(images/sn_ig_b.png); } .follow-us-item.ig:hover { background-image: url(images/sn_ig_r.png); } .site-header .follow-us { right: auto; left: 30px; transition: .5s left ease; } .site-header .follow-us-title { text-transform: uppercase; display: none; } /* Logo header */ .top-header { position: relative; margin: 30px 0 20px; } .site-logo { display: block; margin: 0 auto 0px; } .site-logo, .login h1 a, .interim-login.login h1 a { background: url(images/logo_v2.png?20211006) no-repeat center; width: 130px; height: 130px; background-size: contain; } .site-slogan { height: 26px; width: 100%; background: url(images/logo_script.png) no-repeat center center; } .social-links { position: absolute; bottom: 0; right: 5px; } .social-link { float: left; display: inline-block; background-repeat: no-repeat; width: 38px; height: 39px; margin-left: 35px; } .social-link.twitter { background-image: url(images/icon_twitter.png); } .social-link.twitter:hover { background-image: url(images/icon_twitter_o.png); } .social-link.facebook { background-image: url(images/icon_fb.png); } .social-link.facebook:hover { background-image: url(images/icon_fb_o.png); } .social-link.subscribe { background-image: url(images/icon_subscribe.png); } .social-link.subscribe:hover { background-image: url(images/icon_subscribe_o.png); } /* Footer */ .site-footer { background-color: #fff; } .site-footer .site-info { position: absolute; text-align: right; top: 30px; right: 30px; color: #000; font-size: 18px; padding: 25px 0 0 0; } .site-footer .site-info .rights-reserved { font-size: 14px; } .site-footer .blog-name { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; margin-right: 5px; } .site-footer a { font-size: 14px; } .site-footer a:hover { color: #FF2525; } .footer-navigation { background-color: #E5E5E5; } .footer-navigation, .footer-navigation a { color: #000; } .footer-navigation a { margin-top: 5px; } .footer-navigation-inner { padding-top: 25px; padding-bottom: 15px; position: relative; } .footer-navigation .footer-nav-group { float: left; width: 12.5%; padding-right: 2%; } .footer-nav-group-title, .footer-navigation .follow-us-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; } .footer-navigation .follow-us { overflow: visible; top: auto; right: auto; } .footer-navigation .footer-nav-items { margin: 0; list-style: none; } .footer-navigation .follow-us-title { float: none; clear: both; line-height: 1.5; } /*.footer-navigation .follow-us-item { float: none; display: inline-block; }*/ /* Pagination */ .paging-navigation {border-top: 1px solid transparent;} .paging-navigation .current.page-numbers {border-top: 1px solid #000;} .paging-navigation .page-numbers:hover{border-top: 1px solid #000;} /* Content Common */ .site-main { margin-top: 34px; padding-bottom: 30px; } .content-area, .content-sidebar, #secondary { padding-top: 0; } .content-area, .main-content { float: none; } .section-title { text-align: center; } .section-title-inner { display: inline-block; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; letter-spacing: 2px; padding: 0px 45px; margin: 0; font-size: 20px; text-transform: uppercase; /*border-bottom: 1px solid #000; */} .section-title-inner a { font-family: inherit; } .post { position: relative; } .entry-category { text-transform: uppercase; } .entry-author .entry-author-image { display:inline-block;padding-right: 10px;} .entry-author img { width: 40px; height: 40px; border-radius: 50%; } blockquote, blockquote * { font-size: 12px; line-height: 1.3; font-style: normal; font-weight: inherit; color: #333; margin-bottom: 0; } .entry-content, .entry-summary, .page-content { -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; word-wrap: normal; } .entry-content a.more-link { margin-left: 5px; color: #ff2525; } /*.entry-content .more-link:before { content: '... '; display: inline; color: #000; cursor: default; }*/ .paging-navigation { border: 0 none; } .list-view .site-content .hentry { border-top: 0 none; padding-top: 0; } .full-width .site-content .has-post-thumbnail .entry-header, .full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0; } .full-width .site-content .entry-content { padding: 0; } .load-more-container { padding: 15px 0 0; /* border-top: 1px solid #ddd; */ text-align: center; } .to-load-more a.load-more { 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; background-color: transparent; color: #000; border: 2px solid #000; } .to-load-more.loading-more a.load-more { cursor: default; background-color: transparent; color: #999; border-color: transparent; } .to-load-more.loaded-more .load-more-container { display: none; } /* Base Post */ .entry-title a:hover { color: #c00; } .post .entry-title { font-size: 20px; line-height: 1.5; } .post .entry-title a { /*font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';*/ text-transform: none; } .post .byline { display: inline-block; } .post .byline:before { content: ''; } .site-content .post .entry-header { padding: 30px 20px 20px; } .post .post-like-counter { z-index: 9; } .entry-meta { color: #999; text-transform: none; } .hentry { margin-left: 0; margin-right: 0; } /* Masonry fix */ .hentry .entry-meta { margin-top: 10px; margin-bottom: 0px; } .hentry .entry-meta, .hentry .entry-meta a { font-size: 11px; font-weight: normal; } .hentry .entry-meta > * { display: inline; float: none; } .hentry .entry-meta > *:before { content: "/"; display: inline; margin: 0 3px; color: #767676; } .hentry .entry-meta > *:first-child:before { display: none; } .hentry .entry-meta .post-view-counter, .hentry .entry-meta .post-comment-counter { background-position: 12px center; padding-left: 0; margin-right: 0; } .hentry .entry-meta .post-view-counter:before, .hentry .entry-meta .post-comment-counter:before { margin-right: 25px; } .hentry .entry-author-image { padding-right: 3px; } .hentry .entry-author a { color: inherit; } .post .entry-content { margin-top: 12px; max-height: 3em; } .post .entry-content, .post .entry-content * { line-height: 2em; font-size: 16px; } .post .wp-caption-text { font-size: 12px; color: #000; font-style: normal; } .post .post-num { position: absolute; width: 54px; height: 54px; top: 0; right: 0; background: url(images/num_tag.png) no-repeat right top; color: #fff; text-align: right; padding: 0 8px 0 0; z-index: 5; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 22px; line-height: 1em; letter-spacing: -2px; } .post .icon-play { position: absolute; top: 50%; left: 50%; z-index: 1; } .post .icon-play a { display: block; cursor: pointer; width: 70px; height: 70px; margin-left: -50%; margin-top: -50%; background: url(images/icon_play_s.png) no-repeat center center; } /* Simple Post (for posts in repeater) */ .simple-post.post .post-content header.entry-header { padding-top: 20px; padding-left: 0; padding-right: 0; margin-bottom: 0; top: auto; } .simple-post .entry-header .entry-title { line-height: 1.2; font-size: 24px; margin-bottom: 0; padding-right: 50px; } .simple-post .post-category-list, .simple-post .post-tag-list { position: relative; margin-bottom: 20px; overflow: hidden; height: 21px; padding-right: 50px; } .simple-post .post-category-list .post-category-tag, .simple-post .post-tag-list .post-tag { background-color: #868686; color: #fff; text-transform: none; margin-left: 5px; margin-bottom: 5px; font-family: inherit; padding-left: 8px; padding-right: 8px; } .simple-post .post-category-list .post-category-tag:first-child, .simple-post .post-tag-list .post-tag:first-child { margin-left: 0; } /* .simple-post .post-category-list:after, .simple-post .post-tag-list:after { content: ''; display: block; position: absolute; width: 70px; height: 100%; top: 0; right: 0; -webkit-box-shadow: -70px 0 20px -20px #fff inset; -moz-box-shadow: -70px 0 20px -20px #fff inset; box-shadow: -70px 0 20px -20px #fff inset; } */ .simple-post .entry-meta { margin-top: 10px; display: inline-block; } .simple-post .entry-author { display: block; padding-top: 0; padding-bottom: 10px; /*overflow: hidden;*/ text-align: left; } .simple-post .entry-author:before, .simple-post .entry-meta .foot-print:before { display: none; } .simple-post .entry-author-image { float: left; padding-right: 8px; } .simple-post .entry-author a { display: inline-block; color: #000; font-size: 16px; } .simple-post .entry-meta .foot-print { display: block; font-size: 12px; margin-top: 3px; text-transform: uppercase; white-space: nowrap; } .simple-post .post-thumbnail { height: 275px; } /*.simple-post.post .post-thumbnail .post-thumbnail-image { -webkit-box-shadow: 0 -120px 100px -70px rgba(0,0,0,0.7) inset; -moz-box-shadow: 0 -120px 100px -70px rgba(0,0,0,0.7) inset; box-shadow: 0 -120px 100px -70px rgba(0,0,0,0.7) inset; }*/ .simple-post.post .post-thumbnail a.post-thumbnail-image { height: 100%; } .simple-post .post-thumbnail-meta { color: #fff; } .simple-post .post-thumbnail-meta a:hover { color: inherit; } .simple-post .entry-content * { color: #000; } .simple-post .entry-content blockquote, .author-user-post .post .entry-content blockquote { border: 0 none; padding: 0; } .simple-post .entry-content p { margin-bottom: 0; } .simple-post .post-visitors { overflow-y: hidden; height: 30px; margin-bottom: 5px; } .simple-post .post-visitors:before { display: none; } .simple-post .post-visitors .post-visitor { display: inline-block; margin-left: 5px; width: 30px; height: 30px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: .5s opacity ease; } .simple-post .post-visitors .post-visitor:first-child { margin-left: 0; } .simple-post .post-visitors .post-visitor:hover { opacity: .7; } .simple-post .post-view-counter:before { display: none; } .post.display-type-masonry { display: block; margin-bottom: 20px; } .post.display-type-masonry .post-thumbnail { height: auto; } .post.display-type-masonry .post-thumbnail > a { position: relative; display: block; } .post.display-type-masonry.no-thumbnail .post-thumbnail > a { min-height: 200px; } .post.display-type-masonry .post-thumbnail > a:before, .post.display-type-masonry .post-thumbnail > a:after { content: ''; position: absolute; width: 100%; height: 100px; background-repeat: repeat-x; z-index: 1; } .post.display-type-masonry .post-thumbnail.current-image-loading > a:before, .post.display-type-masonry .post-thumbnail.current-image-loading > a:after .post.display-type-masonry .post-thumbnail.current-image-loaded > a:before, .post.display-type-masonry .post-thumbnail.current-image-loaded > a:after { display: none; } .post.display-type-masonry .post-thumbnail.current-image-load-success > a:before { display: block; top: 0; background-image: url(images/post_thumbnail_mask_t.png); opacity: 0.2; } .post.display-type-masonry .post-thumbnail.current-image-load-success > a:after { display: block; bottom: 0; background-image: url(images/post_thumbnail_mask_b.png); opacity: 0.2; } .post.display-type-masonry .post-thumbnail-meta { z-index: 2; } .post.display-type-masonry .entry-title { padding-right: 50px; font-size: 20px; line-height: 1.2; max-height: none; } .post.display-type-masonry .entry-content { display: none; font-size: 18px; line-height: 1.5; height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .post.display-type-masonry .entry-meta { margin-top: 20px; } .post.display-type-masonry .foot-print { position: absolute; top: 10px; left: 10px; z-index: 9; margin-top: 0; padding-left: 30px; background: url(images/clock_w.png) no-repeat left center; text-transform: capitalize; font-size: 16px; color: #fff; line-height: 20px; } .post.display-type-masonry .entry-author-image { float: none; } .post.display-type-masonry .post-view-meta { position: absolute; top: 10px; right: 10px; left: 50%; z-index: 9; text-align: right; } .post.display-type-masonry .post-view-counter { display: inline-block; color: #fff; padding: 0 0 0 30px; background-position: 0 center; } .post.display-type-masonry .social-share { position: absolute; left: 0; bottom: 0; z-index: 10; transition: .5s background-color ease; background-color: rgba(0,0,0,0); max-height: 100%; } .post.display-type-masonry .social-share:before { display: block; content: ''; float: none; width: 40px; height: 40px; background: url(images/share_w.png) no-repeat center center; } .post.display-type-masonry .social-share .btn-share { width: 40px; height: 40px; float: none; padding: 0; margin: 0; background-repeat: no-repeat; background-position: center center; } .post.display-type-masonry .social-share.expand { background-color: rgba(0,0,0,0.5); } /* Home */ .home .site-main { margin-top: 0; } /*.home .content-area {margin-bottom: 30px;}*/ .home .section-title { display: block; margin-bottom: 30px; } .home .site-content { margin-bottom: 60px; } .home .site-content .content-sidebar { width: 100%; margin-left: auto; /*top: -30px;*/ top:0px;} .home .site-content .widget-title { display:inline-block; width:35%;padding-top:0px; position: relative; top:-3px;} .home .site-content .widget-title .section-title-inner { width:100%;padding-left:15px;padding-right:15px;} .home .site-content .subscrbr-sign-up-form { display:inline-block; width:64%;position:relative; top:10px;} .home .site-content .subscrbr-sign-up-form p { display:inline-block; margin-bottom:0px; height: 40px;} .home .site-content .subscrbr-sign-up-form p > input { width:100%; height:100%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px;} .home .site-content .subscrbr-sign-up-form p:first-child { width:75%;} .home .site-content .subscrbr-sign-up-form p:last-child { position:relative; margin-left: -4px;top: 1px; width:25%;} .home .second-content.site-content-pad { padding-left: 0; padding-right: 0; } /* Home Posts Section */ .nav-tabs { border-bottom: 0 none; text-align: center; margin: 0; } .nav-tabs > li { display: inline-block; float: none; margin: 5px 0; } .nav-tabs > li > a { margin-right: 0; border: 0 none; border-radius: 15px; color: #000; line-height: 30px; padding: 0 15px; font-size: 18px; font-weight: 300; transition: .5s background-color, color ease; -moz-transition: .5s background-color, color ease; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0 none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:active { background-color: #888; color: #fff; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover { background-color: #000; color: #fff; } .tab-content { margin-top: 40px; } .grid-sizer, .masonry-layout .post { width: 30%; } .grid-gutter { width: 5%; } .section-posts .load-more-container { padding-top: 60px; } .section-posts .load-more-container .load-more { border: 2px solid #000; background-color: transparent; color: #000; line-height: 26px; border-radius: 15px; padding: 0 20px; } .section-posts .load-more-container .load-more:hover { background-color: #000; border-color: #000; color: #fff; } .section-posts .load-more-container .load-more:active { background-color: #c00; border-color: #c00; color: #fff; } .section-posts .loading-more .load-more, .section-posts .loading-more .load-more:hover, .section-posts .loading-more .load-more:active { background-color: transparent; border-color: transparent; color: #000; } .section-posts .no-post .masonried { height: auto !important; } .section-posts .content-none { margin-top: 40px; } .home .site-content.cobo-recommend {margin-bottom:0px;} .home .site-content.cobo-recommend article {margin-bottom:0px; height:480px;} /* Sidebars */ #secondary { background-color: transparent; /*position: absolute;*/ width: 65.7%; /*670px;*/ float: left; margin: 0; padding-left: 0; padding-right: 0; min-height: inherit; } #secondary .site-description { display: none; } #secondary p { color: #808080; } .widget { margin-bottom: 0; } .primary-sidebar.widget-area { background-color: #fff; } .primary-sidebar .widget { font-size: 14px; width: auto; padding-right: 10px; } .footer-sidebar .widget .widget-title, .primary-sidebar .widget .widget-title, .content-sidebar .widget .widget-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px; font-weight: normal; } .primary-sidebar aside { padding-bottom: 25px; } .primary-sidebar aside:last-child { padding-bottom: 0; } .primary-sidebar aside ul { padding-left: 25px; } .content-sidebar { padding: 0; margin: 0 0 0 2.9%; /*27px;*/ width: 31.4%; /*320px;*/ float: left; } /*.content-sidebar aside { padding-bottom: 15px; }*/ .content-sidebar aside ul { padding-left: 9px; padding-right: 9px; } .content-sidebar .widget .widget-title { border-top: 0 none; } .primary-sidebar .widget li { line-height: 1.1; padding-top: 0; padding-bottom: 6px; } .primary-sidebar .widget ul a { padding-left: 18px; } .primary-sidebar .widget ul a:hover { background: url(images/bullet.png) no-repeat left center; color: #303030; } .widget .post h1 { margin-top: 0; text-transform: none; } .primary-sidebar .widget h1, .primary-sidebar .widget h1 a, .content-sidebar h1 a { color: #333; } .footer-sidebar { display: none; background-color: #fff; } .footer-sidebar .widget { width: 100%; } /* 2015/12/08 [Bryan] Not doing poll for now .section-poll { background-color: #eee; } #section-poll .tp-poll-container .question { float: left; width: 45%; padding: 0.5em 1em; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 43px; text-align: center; line-height: 1.3em; border: 0 none; background-color: transparent; } #section-poll .tp-poll-container .choices, #section-poll .tp-poll-container .results { float: left; width: 55%; border: 0 none; background-color: transparent; } #section-poll div.tp-poll-container ul li { border: 0 none; } #section-poll .tp-poll-container .choices li { width: 33.3%; display: inline-block; vertical-align: top; text-align: center; border: 0 none; } #section-poll .tp-poll-container .choices li label { width: 100%; } #section-poll .tp-poll-container .choices li .input { display: none; } #section-poll .tp-poll-container li label div.choice-content { border: 0 none; } #section-poll .tp-poll-container li .choice-content a > span { display: inline-block; width: 100%; height: 240px; background-repeat: no-repeat; background-position: center center; background-size: cover; } #section-poll .tp-poll-container li .choice-content p { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-weight: normal; font-size: 24px; line-height: 1.3em; } #section-poll .tp-poll-container .results li .choice-content p, #section-poll .tp-poll-container .results li .votes-bar { margin-left: 130px; } #section-poll .tp-poll-container .results li .choice-content > a { width: 100px; position: absolute; } #section-poll .tp-poll-container .results li .choice-content > a img { width: 100%; } #section-poll .tp-poll-container .results li .votes-bar { height: 60px; background-color: rgba(0,0,0,0.2); } #section-poll .tp-poll-container .results li .votes-bar .current-score, #section-poll .tp-poll-container .results li .votes-bar .remain-score { overflow: hidden; text-align: center; } #section-poll .tp-poll-container .results li .votes-bar .current-score { background-color: #000; background-image: none; filter: none; position: static; display: inline-block; } #section-poll .tp-poll-container .results li .votes-bar .remain-score { position: absolute; top: 0; right: 0; height: 100%; } #section-poll .tp-poll-container .votes-num { display: none; line-height: 60px; font-size: 24px; color: #fff; font-weight: normal; } #section-poll .tp-poll-container .results li .votes-bar .remain-score .votes-num { color: #000; } #section-poll .tp-poll-container .votes-bar.higher-half .current-score .votes-num, #section-poll .tp-poll-container .votes-bar.lesser-half .remain-score .votes-num { display: inline-block; } */ /* Main Content */ .hentry { max-width: 100%; } .entry-title a { color: inherit; } .post-thumbnail, a.post-thumbnail:hover { background-color: transparent; background-image: none; z-index: 4; } .post-thumbnail-image { transition: .5s opacity ease; } .post:hover .post-thumbnail-image { opacity: 0.7; } .site-content { margin-left: 0; margin-right: 0; } .site-content article { margin-bottom: 42px; background-repeat: repeat-x; background-position: left bottom; } .single-post .site-content article { padding-bottom: 0; } .site-content article:last-child, .single-post .site-content article { background-image: none; } .site-content article .entry-content > *:last-child { margin-bottom: 0; } .site-content .post .entry-header { padding-top: 24px; padding-bottom: 0; background-color: transparent; } .site-content article.hentry .entry-header { margin-top: 0; } .site-content article > .post-thumbnail { margin-top: 25px; } .entry-title { font-size: 24px; text-transform: none; } .site-content .entry-content { /*text-align: justify;*/ padding-top: 0; background-color: transparent; } .site-content .entry-content a { text-decoration: none; } .site-content .entry-header, .site-content .entry-content, .post-navigation, .comments-area, .site-content footer.entry-meta, .site-content .page-header, .site-content .archive-header { padding-left: 0; padding-right: 0; margin-right: 0; } .site-content footer.entry-meta {padding-top: 35px; padding-bottom: 0; } .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .post-navigation, .comments-area, .site-content .page-header, .site-content .archive-header { max-width: none; } .site-content .entry-category { padding-top : 10px; font-size: 12px; } .site-content .entry-category a { color: #ff2525; } .site-content .entry-category .entry-date { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 12px; color: #000; } .site-content .entry-category .foot-print .posted, .site-content .entry-category .foot-print .posted-on { display: none; } .site-content .entry-author { padding-bottom: 10px; padding-top: 0; } .site-content .entry-meta { text-transform: none; background-color: transparent; } .site-content .entry-meta > span { margin-right: 0; } .site-content .byline { display: inline-block; } span.cat-links { text-transform: none; font-weight: normal; } .tag-list { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px dashed #CBCBCB; } .site-content footer.entry-meta label { font-weight: 700; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .has-next-image { position: relative; display: block; } .has-next-image.next-image-loaded { overflow: hidden; } .post-thumbnail-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .5s opacity ease, .5s transform ease; } .post-next-thumbnail { opacity: 0; transform: scale(1.1, 1.1); } .has-next-image.next-image-loaded:hover .post-next-thumbnail, .post:hover .has-next-image.next-image-loaded .post-next-thumbnail { opacity: 1; transform: scale(1, 1); } .has-next-image.next-image-loaded:hover .post-current-thumbnail, .post:hover .has-next-image.next-image-loaded .post-current-thumbnail { opacity: 0; transform: scale(1.1, 1.1); } /* Media */ .icon-embed { background: url(images/keyposts/icon_video.png) no-repeat center center; width: 21px; height: 21px; margin: -6px 0 0 10px; display: inline-block; vertical-align: middle; } .home-top-content { overflow: hidden; } .post-like-counter { position: absolute; top: 100%; right: 10px; width: 40px; height: 40px; margin-top: -20px; /*background-color: #FF2524;*/ border: 3px solid #FF2524; border-radius: 25px; color: #fff; line-height: 40px; text-align: center; /*overflow: hidden;*/ font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 16px; transition: .5s background-color ease, .5s border-color ease; -moz-transition: .5s background-color ease, .5s border-color ease; } .post-like-counter.loading { border-color: #f99; } .post-like-counter.loading .count-box { display: none; } .post-like-counter.visited { background-color: #FF2524; /*#BF0000;*/ } .post .post-like-counter .post-thumbnail { display: none; } /* why? */ .wpulike { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wpulike .counter { width: 100%; height: 100%; } .wpulike .counter a.text { display: block; /*position: absolute;*/ width: 100%; height: 100%; max-height: none; padding: 0; box-shadow: none; text-shadow: none; background-color: transparent; color: transparent; border: 0 none; z-index: 9; margin-bottom: 4px; } .wpulike .counter a.text:active, .wpulike .counter a.text:hover { background-color: transparent; border: 0 none; color: transparent; text-shadow: none; } .wpulike .count-box { position: relative; border-radius: 0; border: 0 none; background-color: transparent; color: #FF2524; padding: 0; font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 14px; /*line-height: 40px;*/ margin: 0; z-index: 8; font-weight: bold; min-width: 0; } .wpulike .count-box:before { display: none; } .wpulike .counter a.loading { background: none transparent; border: 0 none; text-shadow: none; box-shadow: none; padding: 4px 0; display: block; } .wpulike .counter .tooltip { min-width: 100px; } .post-thumbnail-meta { position: absolute; width: 100%; text-align: center; bottom: 10px; } .post-thumbnail-meta > * { display: inline-block; vertical-align: middle; } .post-view-counter, .post-comment-counter, .post-image-counter { padding-left: 40px; background-repeat: no-repeat; background-position: 10px center; line-height: 20px; margin: 0 5px; font-size: 16px; } .post-view-counter { background-image: url(images/data_eye.png); background-position: right center; padding-left: 0; padding-right: 30px; } .post-image-counter { background-image: url(images/count_w.png); background-position: right center; padding-left: 0; padding-right: 30px; } .post-comment-counter { background-image: url(images/comment_w.png); color: inherit; border-left: 1px solid #fff; } .post-thumbnail-image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } a.post-thumbnail-image { cursor: pointer; } /* Feature Content */ /* Import from parent styles */ .cobo-featured-content { background: #000 url(images/pattern-dark.svg) repeat fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; } .cobo-featured-content-inner { overflow: hidden; } .cobo-featured-content .hentry { margin: 0; max-width: 100%; width: 100%; } .cobo-featured-content .post-thumbnail, .cobo-featured-content .post-thumbnail:hover { background: transparent; } .cobo-featured-content .post-thumbnail { display: block; position: relative; padding-top: 55.357142857%; overflow: hidden; } .cobo-featured-content .post-thumbnail img { left: 0; position: absolute; top: 0; } .cobo-featured-content .entry-header { background-color: #000; box-sizing: border-box; min-height: 96px; overflow: hidden; padding: 24px 10px; text-align: center; } .cobo-featured-content .entry-meta { color: #000; font-size: 16px; font-weight: 700; line-height: 1.0909090909; margin: 30px 0 0; } .cobo-featured-content .cat-links { font-weight: 700; } /* Import ends */ .cobo-featured-content { padding-left: 0; background: transparent none; overflow: hidden; margin-bottom: 10px; } .cobo-featured-content .featured-content-header { position: absolute; z-index: 9; width: 100%; } .cobo-featured-content .featured-content-title { margin-top: 30px; width: 100%; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; letter-spacing: 2px; color: #fff; text-align: center; text-transform: uppercase; line-height: 29px; background: url(images/featured_articles/featured_tag.png) no-repeat center center; } .cobo-featured-content .featured-content-inner { height: 100%; overflow: hidden; } .cobo-featured-content .post.hentry { padding-top: 0; padding-bottom: 0; } .cobo-featured-content .post { float: left; width:100%; margin-right: 0; margin-bottom: 0; height: 580px; z-index: 1; } .cobo-featured-content .post .post-thumbnail-image, .cobo-featured-content .post .entry-header { width: auto; height: auto; top: -5px; left: -5px; right: -5px; bottom: -5px; opacity: 0.5; -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); -moz-transition: 1s -moz-filter ease, 1s opacity ease; transition: 1s -webkit-filter ease, 1s filter ease, 1s opacity ease; } .cobo-featured-content .post.play-video .post-thumbnail-image, .cobo-featured-content .post.play-video .icon-play { display: none; } .cobo-featured-content .post .post-thumbnail .embed-video, .cobo-featured-content .post .post-thumbnail .embed-video > *, .cobo-featured-content .post .post-thumbnail .embed-video > * > * { width: 100% !important; height: 100% !important; } .cobo-featured-content .post .entry-header { position: absolute; top: 40px; bottom: 90px; left: auto; right: -30%; width: 400px; overflow: visible; z-index: 9; padding: 40px 30px; background-color: rgba(255,255,255,0.9); opacity: 0; } .cobo-featured-content .post .entry-header:before { content: ' '; display: block; width: 20px; height: 20px; background: url(images/featured_articles/bubble_arrow_l.png) no-repeat; position: absolute; top: 0; left: -20px; } .cobo-featured-content .post .post-like-counter { display: none; } .cobo-featured-content .post.slider-active-slide.next, .cobo-featured-content .post.slider-leaving-slide.prev { z-index: 2; } .cobo-featured-content .post.slider-active-slide, .cobo-featured-content .post.slider-leaving-slide.next, .cobo-featured-content .post.slider-active-slide.prev { z-index: 3; } .cobo-featured-content .post.slider-active-slide .post-thumbnail-image, .cobo-featured-content .post.slider-active-slide .entry-header { -webkit-filter: blur(0); filter: blur(0); opacity: 1; } .cobo-featured-content .post.slider-active-slide .post-like-counter { display: block; } .cobo-featured-content .post .entry-header:after /* for vertical alignment */ { content: ''; display: inline-block; width: 0; height: 540px; vertical-align: middle; } .cobo-featured-content .post .entry-header-tag { margin-bottom: 30px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; line-height: 30px; background: url(images/featured_articles/featured_tag.png) no-repeat center center; } /*.cobo-featured-content .post .entry-header-inner-block { max-width: 780px; margin: 0 auto; overflow: hidden; }*/ .cobo-featured-content .post .entry-article-info { position: absolute; top: 90px; left: 30px; right: 30px; bottom: 90px; white-space: nowrap; } .cobo-featured-content .post .entry-article-info:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .cobo-featured-content .post .entry-article-info-inner { width: 100%; display: inline-block; vertical-align: middle; white-space: normal; } .cobo-featured-content .post .entry-title { margin-bottom: 0; font-size: 34px; line-height: 1.2; max-height: 6em; overflow: hidden; } .cobo-featured-content .post .entry-title a { color: inherit; } .cobo-featured-content .post .entry-title a:hover { color: #c00; } .cobo-featured-content .post .entry-content { margin-top: 5px; max-height: none; } .cobo-featured-content .post .entry-meta .entry-author { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0; } .cobo-featured-content .post .entry-meta .foot-print:before { display: none; } .cobo-featured-content .post .entry-meta .entry-author a { font-size: 16px; } .cobo-featured-content article .post-thumbnail { overflow: hidden; margin-top: 0; padding: 0; height: 540px; } .cobo-featured-content article .post-thumbnail, .cobo-featured-content article .post-thumbnail:hover { background-color: #000; } .cobo-featured-content .post-thumbnail-image { position: absolute; } .cobo-featured-content .post .icon-play a { width: 140px; height: 140px; background-image: url(images/icon_play.png); } .cobo-featured-content .featured-title { display: none; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; letter-spacing: 5px; line-height: 1; text-transform: uppercase; /*text-align: center;*/ font-size: 20px; margin-bottom: 10px; padding: 23px 0 10px; color: #fff; /*display: none;*/ position:absolute;left:15px; top:0px;} .cobo-featured-content .post .entry-content blockquote, .cobo-featured-content .post .entry-content blockquote * { border: 0 none; padding: 0; } .cobo-featured-content .post .more-link { position: absolute; bottom: 40px; left: 0; width: 100%; } .cobo-featured-content .post .more-link a { border: 2px solid #000; background-color: transparent; color: #000; line-height: 26px; border-radius: 15px; padding: 0 20px; } .cobo-featured-content .post .more-link a:hover { background-color: #000; border-color: #000; color: #fff; } .cobo-featured-content .post .more-link a:active { background-color: #c00; border-color: #c00; color: #fff; } .slider-control-paging { background-color: transparent; margin-bottom:60px;} .slider .featured-content { /*height: 424px; height: 580px;*/ } .cobo-featured-content .slider-viewport { /*max-height: 450px; max-height:580px; margin-top: 15px;*/ padding: 0 28% 0 5%; } .cobo-featured-content .slider-direction-nav { position: absolute; top: 0; margin-top: 0; width: 100%; z-index: 4; } .cobo-featured-content .slider-direction-nav a { position: absolute; width: 5%; height: 540px; background-repeat: no-repeat; background-position: center center; } .cobo-featured-content .slider-direction-nav a:before { display: none; } .cobo-featured-content .slider-direction-nav a.slider-prev { left: 0; background-image: url(images/featured_articles/featured_prev.png); } .cobo-featured-content .slider-direction-nav a.slider-next { right: 0; background-image: url(images/featured_articles/featured_next.png); } .cobo-featured-content .slider-direction-nav a, .cobo-featured-content .slider-direction-nav a:hover { background-color: transparent; } .cobo-featured-content .slider-control-paging { display: none; position: absolute; margin-top: 0; margin-bottom: 0; padding-left: 0; float: none; bottom: 60px; width: 100%; text-align: center; z-index: 4; } .cobo-featured-content .slider-control-paging li { margin: 0 6px; display: inline-block; float: none; } .cobo-featured-content .slider-control-paging a { background: url(images/featured_articles/featured_bullet_w.png) no-repeat; width: 8px; height: 8px; } .cobo-featured-content .slider-control-paging a.slider-active { background-image: url(images/featured_articles/featured_bullet_w_active.png); } .cobo-featured-content .slider-control-paging a:before { width: 0; height: 0; } /* Community Hits */ .section-community-hits { position: relative; color: #fff; min-height: 900px; } .section-community-hits .section-community-hits-background {overflow: hidden; position: absolute; width: 100%; height: 100%; background-color: #000;} .section-community-hits .section-community-hits-background-inner {background-repeat: no-repeat; background-position: center; background-size: cover;-webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);} .section-community-hits .section-community-hits-background-inner {position: absolute; width: auto; height: auto; top: -20px; left: -20px; right: -20px; bottom: -20px; opacity: 0.5;} .section-community-hits .section-community-hits-background-color {background-color: rgba(0,0,0,0.6); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;} .section-community-hits .site-content-pad { position: relative; } .section-community-hits .section-community-hits-inner {width: 100%; padding-right: 480px; display: inline-block; position: relative; z-index: 3;} .section-community-hits .site-content-ad { max-width: 480px; width: 100%; display: inline-block; position: absolute; top: 0px; right: 30px; padding-left: 30px; padding-right: 30px; z-index: 3; vertical-align: top; text-align: center; padding-top: 60px;} .section-community-hits .site-content-ad .phoneAd { background: url(images/iphone.png) no-repeat center center; width:100%; height:400px; padding-top: 47px; padding-left: 1px; } .section-community-hits .site-content-ad .phoneScreens { margin: 0 auto; width: 184px; height: 302px; overflow: hidden; position: relative; visibility: hidden; } .section-community-hits .site-content-ad .phoneScreens.show { visibility: visible; } .section-community-hits .site-content-ad .phoneScreen { position: absolute; display: none; top: 0; left: 0; opacity: 1; z-index: 9; transition: top 1s ease, left 1s ease, opacity 1s ease; } .section-community-hits .site-content-ad .phoneScreen.current, .section-community-hits .site-content-ad .phoneScreen.last { display: block; } .section-community-hits .site-content-ad .phoneScreen.current { } .section-community-hits .site-content-ad .phoneScreen.last { z-index: 10; } .section-community-hits .site-content-ad .phoneScreen.last.fade-up { top: -100%; opacity: 0; } .section-community-hits .site-content-ad .phoneScreen.last.fade-left { left: -100%; opacity: 0; } .section-community-hits .site-content-ad .phoneScreen.last.fade-right { left: 100%; opacity: 0; } .section-community-hits .site-content-ad .phoneScreen.last.fade-bottom { top: 100%; opacity: 0; } .section-community-hits .site-content-ad .phoneAdTitle {font-size: 48px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-weight: 300; padding: 40px 60px 30px; } .section-community-hits .site-content-ad .phoneAdSubtitle {font-size: 20px;padding-bottom: 40px;} .section-community-hits .site-content-ad .phoneApps {padding-bottom: 30px;} .section-community-hits .site-content-ad .phoneApps .phoneApp .phoneAppImage {color: #fff;} .section-community-hits .site-content-ad .phoneApps .phoneApp .phoneAppImage p {font-size: 16px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; margin-bottom: 0px;} .section-community-hits .site-content-ad .phoneApps .phoneApp .phoneAppImage h1 {font-size: 20px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; margin-top: 0px; margin-bottom: 0px;} .section-community-hits .site-content-ad .phoneApps .appleApp {display:inline-block; width:49%; height:100%; border-right: 0px solid #fff;} .section-community-hits .site-content-ad .phoneApps .appleApp .appleAppIcon {background: url(images/appstore_w.png) no-repeat center center; width:100%; height:60px;} .section-community-hits .site-content-ad .phoneApps .appleApp:hover .appleAppIcon {background: url(images/appstore_r.png) no-repeat center center;} .section-community-hits .site-content-ad .phoneApps .appleApp:hover .phoneAppImage {color: #c00;} .section-community-hits .site-content-ad .phoneApps .appleApp .appleAppIcon .phoneAppImage {width: 100%; height: 100%;display: block;} .section-community-hits .site-content-ad .phoneApps .appleApp .appleAppTitle {padding-top: 20px;} .section-community-hits .site-content-ad .phoneApps .googleApp {display:inline-block; /*padding-top: 90px; background: url(images/googlePlayIcon.png) no-repeat top center; */width:49%; height:100%; } .section-community-hits .site-content-ad .phoneApps .googleApp .googleAppIcon {background: url(images/googleplay_w.png) no-repeat center center; width:100%; height:60px; } .section-community-hits .site-content-ad .phoneApps .googleApp:hover .googleAppIcon {background: url(images/googleplay_r.png) no-repeat center center;} .section-community-hits .site-content-ad .phoneApps .googleApp:hover .phoneAppImage {color: #c00;} .section-community-hits .site-content-ad .phoneApps .googleApp .googleAppIcon .phoneAppImage {width: 100%; height: 100%;display: block;} .section-community-hits .site-content-ad .phoneApps .googleApp .googleAppTitle {padding-top: 20px;} .section-community-hits.no-hits { min-height: 0; } .section-community-hits.no-hits .site-content-ad { max-width: none; width: 100%; display: block; position: relative; top: auto; right: auto; padding: 60px 15%; } .section-community-hits.no-hits .site-content-ad .phoneAd { width: 50%; float: left; } .section-community-hits.no-hits .site-content-ad .phoneAdTitle { padding: 12px 0 30px; } .section-community-hits .section-title {font-size: 36px; padding-top: 60px; padding-bottom: 60px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; text-align: left; margin-bottom: 0px;text-transform:uppercase;} .section-community-hits .section-community .to-load-more.loaded-more {padding-bottom: 120px;} .section-community-hits .section-community .post-list {height: auto !important;} .section-community-hits .section-community .post-list .post { position: relative; width: 100%; height: 120px; margin: 0 0 2px; padding-left: 210px; background-color: rgba(102,102,102,0.4); } .section-community-hits .section-community .post-list .post .post-num:before {content: '#';} .section-community-hits .section-community .post-list .post .post-num { position: absolute; right: auto; left: 0; height: auto; width: 90px; text-align: center; line-height: 120px; background-image: none; font-size: 36px; } .section-community-hits .section-community .post-list .post .post-thumbnail { position: absolute; width: 120px; height: 100%; left: 90px; } .section-community-hits .section-community .post-list .post .post-content { padding-left: 20px; padding-right: 40px; vertical-align: top; } .section-community-hits .section-community .post-list .post .post-content .postArrow a.arrow {background: url(images/arrow_w_r.png) no-repeat 12px center; width: 40px; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer;} .section-community-hits .section-community .post-list .post .post-content .entry-header { padding-top: 20px; } .section-community-hits .section-community .post-list .post .post-content .entry-header .entry-title { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section-community-hits .section-community .post-list .post .post-content .entry-meta {margin-top: 20px;} .section-community-hits .section-community .post-list .post .post-content .entry-meta .entry-author {padding-bottom: 20px;} .section-community-hits .section-community .post-list .post .post-content .entry-meta .entry-author a {line-height: 40px; color: #fff;} .section-community-hits .section-community .post-list .post .post-thumbnail-meta, .section-community-hits .section-community .post-list .post .post-like-counter, .section-community-hits .section-community .post-list .post .post-category-list, .section-community-hits .section-community .post-list .post .post-content .entry-meta .foot-print {display: none;} .section-community-hits .section-community .load-more-container {padding-top: 40px; padding-bottom: 40px;} .section-community-hits .section-community .load-more-container .load-more { border: 3px solid #fff; color: #fff; background-color: transparent; line-height: 30px;} .section-community-hits .section-community .load-more-container .load-more:hover { background-color: #fff; border-color: #fff; color: #000; } .section-community-hits .section-community .load-more-container .load-more:active { background-color: #c00; border-color: #c00; color: #fff; } .section-community-hits .section-community .loading-more .load-more, .section-community-hits .section-community .loading-more .load-more:hover, .section-community-hits .section-community .loading-more .load-more:active { background-color: transparent; border-color: transparent; color: #fff; } /* Cobo Partners */ .home .section-cobo-partners {/*background-color: #E8E8E8;*/ background-color: #fff; padding-top:60px; padding-bottom: 60px; text-align: center; } .home .section-cobo-partners .site-content-pad { text-align: center; } .home .section-cobo-partners .section-title { display: block; width: 100%; text-align: center; color:#000; margin: 0px; } .home .section-cobo-partners .section-title .section-title-inner { padding: 0; font-size: 24px; letter-spacing: 0; } .home .section-cobo-partners .section-cobo-partners-inner { display: block; width: 100%; text-align: center; } .home .section-cobo-partners .section-cobo-partners-inner .partners { margin: 30px 15px 0; display: inline-block; vertical-align: middle; } .home .section-cobo-partners .awf {background: url(images/partners/201610/partner_awf.png) no-repeat center center/contain; width:90px; height:90px; } .home .section-cobo-partners .parasite {background: url(images/partners/201610/partner_parasite.png) no-repeat center center; width:56px; height:90px; } .home .section-cobo-partners .art-paper {background: url(images/partners/201610/partner_artpaper.jpg) no-repeat center center; width:175px; height:35px; } .home .section-cobo-partners .consigg {background: url(images/partners/201610/partner_consigg.jpg) no-repeat center center; width:68px; height:60px; } .home .section-cobo-partners .good-design-award {background: url(images/partners/201610/partner_gda.jpg) no-repeat center center; width:128px; height:30px; } .home .section-cobo-partners .k11-art-foundation {background: url(images/partners/201610/partner_kaf.jpg) no-repeat center center; width:88px; height:45px; } .home .section-cobo-partners .sovereign {background: url(images/partners/201610/partner_sovereign.jpg) no-repeat center center; width:116px; height:45px; } .home .section-cobo-partners .serp {background: url(images/partners/201610/partner_serp.jpg) no-repeat center center; width:145px; height:30px; } .home .section-cobo-partners .experience-company {background: url(images/partners/201610/partner_theperiencompany.jpg) no-repeat center center; width:83px; height:55px; } .home .section-cobo-partners .designshanghai {background: url(images/partners/201610/partner_designsh.jpg) no-repeat center center; width:55px; height:55px; } .home .section-cobo-partners .dhaka {background: url(images/partners/201610/partner_dhaka.jpg) no-repeat center center; width:45px; height:45px; } .home .section-cobo-partners .art-stage {background: url(images/partners/201610/partner_artstage_2018.png) no-repeat center center; width:155px; height:40px; } .home .section-cobo-partners .idffhk {background: url(images/partners/201610/partner_idffhk2017.png) no-repeat center center; width:53px; height:53px; } .home .section-cobo-partners .art-taipei {background: url(images/partners/201610/partner_art_taipei.jpg) no-repeat center center/contain; width:102px; height:50px; } .home .section-cobo-partners .the-artro {background: url(images/partners/201610/partner_theartro.png) no-repeat center center/contain; width:68px; height:49px; } .home .section-cobo-partners .gaab {background: url(images/partners/201610/partner_gaab.png) no-repeat center center/contain; width:83px; height:55px; } .home .section-cobo-partners .asianow {background: url(images/partners/201610/partner_asianow.png) no-repeat center center/contain; width:77px; height:71px; } .home .section-cobo-partners .artbusan {background: url(images/partners/201610/partner_artbusan.jpg) no-repeat center center/contain; width:77px; height:71px; } .home .section-cobo-partners .jingart {background: url(images/partners/201610/partner_jingart.png) no-repeat center center/contain; width:77px; height:71px; } .home .section-cobo-partners .art-gate-vr {background: url(images/partners/201610/partner_agvr.png) no-repeat center center; width:77px; height:71px; background-size: contain;} .home .section-cobo-partners .asia-society {background: url(images/partners/201610/partner_Indigo.png) no-repeat center center; width:122px; height:71px; background-size: contain;} /*.home .section-cobo-partners .platform-china {background: url(images/partners/Partner_PlatformChina.png?20160309) no-repeat center center; width:115px; height:40px; }*/ /* Content Area */ .page .content-area { float: left; width: 65.7%; margin-top:-15px;} .page .side-content.about-page { margin-top:-45px; display:none;} .page .side-content { float: left; width: 31.4%; margin-left: 2.9%; } .page .side-content > *, .page .side-content > #secondary { float: none; width: 100%; margin-left: 0; } .page .main-about-page .content-area {width:100%;} /* Terms of Service */ .page .main-terms-of-service .content-area {width:100%;} .page .side-content.terms-of-service { margin-top:-45px; display:none;} /* Privacy Policy */ .page .main-privacy-policy .content-area {width:100%;} .page .side-content.privacy-policy { margin-top:-45px; display:none;} /* Feature Page */ .page .featured .latest-title { display: block; margin-bottom: 30px; } .page .featured .site-content { overflow: hidden; } .page .featured .site-content .post { float: left; width: 48%; height: 400px; margin-right: 2%; } .page .featured .site-content .post:nth-child(2n+0) { margin-right: 0; } .page .featured .site-content .post-thumbnail { margin-top: 0; height: 240px; max-width: 320px; width: 100%; } .page .featured .site-content .entry-title { max-height: 50px; } .page .featured .site-content .entry-content { height: 32px; } .page .featured .site-content .post .entry-header * { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1.4; } .page .featured .site-content .post .entry-content { font-size: 12px; line-height: 1.3; } .page .featured .widget_cobo_popular_posts .post-content { padding-top: 0; } .page .featured .widget_cobo_popular_posts .entry-content { display: none; } /* Widgets */ .widget .widget-title, .archive .page-title, .archive .archive-title { background-repeat: no-repeat; background-position: left center; } .widget_archive .widget-title, .archive.date .page-title { padding-left: 18px; background-image: url(images/archives/icon_archives.png); } .widget_categories .widget-title { padding-left: 22px; background-image: url(images/categories/icon_categories.png); } /* Feature Articles (sidebar) */ .widget_cobo_featured_aticles .widget-title { padding-left: 23px; background-image: url(images/featured_articles/icon_featuredarticles.png); } .widget_cobo_featured_aticles .post { margin-left: 35px; margin-right: 5px; margin-bottom: 10px; } .widget_cobo_featured_aticles .view-all { float: right; margin-right: 5px; display: inline-block; width: 59px; height: 17px; background: url(images/featured_articles/btn_viewall_articles.png) no-repeat; } .widget_cobo_featured_aticles .view-all:hover { background-image: url(images/featured_articles/btn_viewall_articles_o.png); } /* Popular / COBO Hot */ .widget_cobo_popular_posts .section-title-inner { display: block; } .widget_cobo_popular_posts .post { margin-top: 30px; margin-bottom: 18px; border-bottom: 1px solid #000; overflow: hidden; } .widget_cobo_popular_posts .post-left, .widget_cobo_popular_posts .post-content { float: left; width: 47%; } /*.widget_cobo_popular_posts .post-thumbnail { width: 120px; height: 90px; }*/ /*.home .widget_cobo_popular_posts .post-thumbnail, .single .widget_cobo_popular_posts .post-thumbnail { width: 267px; height: 200px; }*/ .widget_cobo_popular_posts .post-thumbnail { width: 100%; height: 113px; } .home .widget_cobo_popular_posts .post-thumbnail, .single .widget_cobo_popular_posts .post-thumbnail { width: 100%; height: 200px; } .widget_cobo_popular_posts .post-content { padding-right: 10px; } .widget_cobo_popular_posts .post-left { margin-right: 6%; } .widget_cobo_popular_posts .entry-title { max-height: 52px; margin-bottom: 3px; } .widget_cobo_popular_posts .entry-title, .widget_cobo_popular_posts .entry-title * { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1.4; } .widget_cobo_popular_posts .entry-content { /*max-height: 60px;*/ max-height: 3.8em; margin-bottom: 5px; color: #000; } .widget_cobo_popular_posts .post-content .entry-meta { clear: none; } /* Single Post */ .single-post .site-main { margin-top: 0; } .normal-single-post .content-area .entry-meta { padding-top: 0; } .normal-single-post .content-area { overflow: hidden; } .normal-single-post .content-area > * { float: left; margin-left: 2.9%; } .normal-single-post .content-area > *:first-child { margin-left: 0; } .normal-single-post .content-area .site-content { /*width: 74%;*/ width: 100%; } .normal-single-post .content-area .side-content { /*width: 23.1%;*/ width: 0%; } .normal-single-post .site-content .post .entry-category { text-transform: none; font-size: 100%; padding-bottom: 20px; padding-top: 0px; display:none;} .normal-single-post .site-content .post .entry-header { padding: 0; min-height: 50px; /*margin-bottom: 30px;*/ background-color: rgba(0,0,0,0.5);} .normal-single-post .site-content .post .entry-header .entry-header-background, .normal-single-post .site-content .post .entry-header .entry-header-background-color {position: absolute; width: 100%; top: 0px; left: 0px; z-index: -1; } .normal-single-post .site-content .post .entry-header .entry-header-background {-webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); height: 99%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .normal-single-post .site-content .post .entry-header .entry-header-background-color {background-color: rgba(0,0,0,0.6);height: 100%;} .normal-single-post .site-content .post .entry-subheader { position: relative; z-index: 2; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top { background-color: #333; position: relative; z-index: 1; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top-bottom { position: relative; clear: both; } .normal-single-post .site-content .post .entry-subheader .fixed { position: fixed; z-index: 999; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top.fixed { top: 0; width: 100%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-top-bottom > * { position: absolute; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author { left: 80%; padding-bottom: 0; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-share { left: 70%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner { position: relative; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner-content { position: relative; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block { float: left; } .normal-single-post .site-content .post .ad-banner-content {padding-top: 30px; padding-bottom: 50px;} .normal-single-post .site-content .post .ad-banner-content .section-about-ad {width: 300px; height: 250px; vertical-align: top; background: url(images/banners/art_stage_banner_square.png) no-repeat center center; background-size: cover; margin-left: auto; margin-right: auto;} .normal-single-post .site-content .post .ad-banner-content .section-about-ad .post-thumbnail-image {display: block; width: 100%; height: 100%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive {max-width: 100%; float: none; border-top: 1px solid #DDD; padding-top: 20px; padding-bottom: 20px; display: none;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive {background: #e4e4e4 url(images/article_author_bg.png) repeat-x left bottom; padding: 30px 25px 10px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive .entry-share.entry-subheader-menu {border-right: 0px;background-image: url(images/share_b.png);background-position: left center; width: 30px; padding-top: 0px; height: 40px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive .social-share:before {content: 'Share to:'; line-height: 40px; font-size: 13px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive .social-share {margin-left: 30px; margin-top: 0px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive .social-share a {display: inline-block;} .normal-single-post .site-content .post .entry-subheader .troop-user { max-width: 350px; margin: 0 auto 42px; } .normal-single-post .site-content .post .entry-subheader .troop-user .author-info a { color: inherit; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-thumbnail {float: left;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-thumbnail .author-thumbnail-image { width: 100px; height: 100px; border-radius: 50%; display: block; margin: 0 auto; background-position: center center; background-size: cover; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-info, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta {padding-left: 120px; text-align: center;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-info {font-size: 22px; padding-bottom: 20px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-info .author-name a {font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 22px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .author-desc { font-size: 14px; margin-bottom: 20px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .author-profile {text-align: center;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-counter {background: url(images/data_article.png) no-repeat center top; padding-top: 27px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-view-counter {background: url(images/data_eye_b.png) no-repeat center top; padding-top: 27px; padding-right: 0px; margin-left: 0; font-size: 14px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-counter, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-view-counter, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-user-like-counter {display: inline-block; width: 32%; margin-right: -1px; border-right: 1px solid #ccc; font-size: 14px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .post-like { font-size: 14px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-user-like-counter {vertical-aligm: bottom; position: relative; border-right: 0 none; top: 0; color: #FF2524;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive.entry-subheader-content .troop-user .author-meta .post-like-counter {position: relative; display: inline-block; right: 0px; width: 25px; height: 25px; margin-top: 0;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-responsive-subheader .author-thumbnail, .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-responsive-subheader .author-info, .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-responsive-subheader .author-meta, .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner .entry-top-responsive {display:none;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner .entry-top-responsive + * { margin-top: 35px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-left-margin, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-right-margin {width: 30px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share {width: 10%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content { width: 60%; max-width: 60%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-content { margin-left: 10%; width: 60%; max-width: 60%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author { width: 20%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-menu { cursor: pointer; border-left: 1px solid #777; text-align: center; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top .entry-top-link { display: inline-block; background-image: url(images/arrow_w_t.png); background-position: left center; background-repeat: no-repeat; padding-left: 20px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-content {text-align: center; border-right: 1px solid transparent; background: url(images/article_date_ribbon.png) no-repeat center bottom; height: 100px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-content div {font-weight: bold;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-content .top-day {font-size: 28px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-content .top-month {font-size: 16px; text-transform: uppercase; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .entry-author-content {background: #e4e4e4 url(images/article_author_bg.png) repeat-x left bottom; padding: 30px 25px 10px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user {text-align: center; margin-bottom: 20px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-thumbnail, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-info {padding-bottom: 20px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-info {font-size: 22px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-info .author-name a{font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-thumbnail .author-thumbnail-image { width: 100px; height: 100px; display: block; border-radius: 50%; margin: 0 auto; background-position: center center; background-size: cover; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-counter, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-view-counter, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-user-like-counter {display: inline-block; width: 32%; border-right: 1px solid #ccc; margin-right: -1px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-user-like-counter {vertical-align: bottom; position: relative; border-right: 0 none; top: 0; color: #FF2524;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-counter {background: url(images/data_article.png) no-repeat center top; padding-top: 27px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-view-counter {background: url(images/data_eye_b.png) no-repeat center top; padding-top: 27px; padding-right: 0px; font-size: 14px; margin-left: 0; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-like-counter {position: relative;display: inline-block; right: 0px; width: 25px; height: 25px; margin-top: 0; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .troop-user .author-meta .post-like-counter .wpulike .count-box {font-size: 14px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-desc { font-size: 14px; max-height: 7em; overflow: hidden; margin-bottom: 20px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-profile {text-align: center; color: #fff;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom .entry-subheader-block.entry-author { position: absolute; left: 80%; bottom: 0; } .normal-single-post .site-content .post .entry-subheader .author-view-profile { border: 2px solid #000; background-color: transparent; color: #000; line-height: 36px; } .normal-single-post .site-content .post .entry-subheader .author-view-profile:hover { background-color: #000; color: #fff; } .normal-single-post .site-content .post .entry-subheader .author-view-profile:active { border-color: #c00; background-color: #c00; color: #fff; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share.entry-subheader-menu {background-image: url(images/share_w.png); background-position: center center; background-repeat: no-repeat; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share .entry-share-container {width: 100%; text-align:center;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share .entry-share-container .social-share {width: 40px; margin-left: auto; margin-right: auto; float: none;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share .entry-share-container .social-share .btn-share.at300b {margin-left: 0px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu {height: 50px; text-align: center; border-right: 1px solid #777; font-size: 16px; color: #fff; padding-top: 15px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-menu {padding-top: 8px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta {position: relative; bottom: 0; text-align: center; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .meta-block { width: 32%; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta * { font-size: 16px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-view-counter { display: inline-block; margin: 0; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-like .post-like-counter { position: relative; display: inline-block; margin-top: 0px; top: 3px; left: auto; right: auto; width: 30px; height: 30px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-like .post-like-counter .wpulike .count-box { position: absolute; left: 100%; top: -3px; margin-left: 10px; line-height: 30px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-like .post-like-counter .tooltip-inner { font-size: 12px; line-height: 1.4em; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-comment-counter {border-left: 0px; text-align: center; background-position: 45% center; margin: 0; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-subheader-menu .post-thumbnail-meta .post-comment-counter:hover { color: inherit; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top.entry-subheader-content:last-child {border-right: 0px solid #777;} .post-images-scroller { position: relative; height: 520px; } .post-images-scroller-content { white-space: nowrap; height: 100%; overflow-x: auto; } .post-images-scroller .post-image-item { white-space: normal; height: 100%; position: relative; display: inline-block; vertical-align: middle; border-left: 3px solid #fff; } .post-images-scroller .entry-group-title { min-width: 400px; width: 30%; text-align: center; border-left: 0 none; } .post-images-scroller .entry-title { margin: 0; color: #fff; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 44px; line-height: 1.2em; padding: 0 30px; } .post-images-scroller .post-image-item img { height: 100%; } .post-images-scroller .post-image-item .caption { position: absolute; bottom: 0; width: 100%; text-align: center; } .post-images-scroller .post-image-item .caption:before { content: ''; display: block; height: 50px; background: url(images/article_image_mask_b.png) repeat-x left bottom; } .post-images-scroller .post-image-item .caption-outer { background-color: rgba(0,0,0,0.5); } .post-images-scroller .post-image-item .caption-inner { color: #fff; padding: 0 30px 20px; margin: 0 auto; } .post-images-scroller .scroller-nav a { opacity: 0; position: absolute; top: 0; bottom: 18px; width: 70px; z-index: 999; transition: 1s opacity ease; } .post-images-scroller .scroller-nav.has-prev .prev, .post-images-scroller .scroller-nav.has-next .next { opacity: 1; cursor: pointer; } .post-images-scroller .scroller-nav a span { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.5); border-radius: 25px; transition: .5s background-color ease; } .post-images-scroller .scroller-nav a:hover span { background-color: rgba(0,0,0,1); } .post-images-scroller .scroller-nav a.prev { left: 0; } .post-images-scroller .scroller-nav a.next { right: 0; } .post-images-scroller .scroller-nav a.prev span { background-image: url(images/arrow_w_l.png); margin-left: 30px; } .post-images-scroller .scroller-nav a.next span { background-image: url(images/arrow_w_r.png); margin-right: 30px; } /* Webkit scrollbar styles */ .post-images-scroller .cscroller::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3); } .post-images-scroller .cscroller::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,0.6); } /* For non-webkit browsers, set jScrollPane styles. Firefox bug, do not group rules with ::-webkit-* or rules will not apply to Firefox since it doesn't understand ::-webkit-* */ .post-images-scroller .cscroller .jspDrag { background-color: rgba(0,0,0,0.3); } .post-images-scroller .cscroller .jspDrag:hover { background-color: rgba(0,0,0,0.6); } .normal-single-post .site-content .post .post-thumbnail, .normal-single-post .site-content .post .featured-image-caption {padding-left:30px; padding-right:30px;} .normal-single-post .site-content .post .entry-content { max-height: none; margin-top: 0; } .normal-single-post .site-content .post .entry-content p { margin-bottom: 24px; } .normal-single-post .site-content .content-pad { max-width: 680px; margin-left: auto; margin-right: auto; } .normal-single-post .site-content .content-pad .post-comment {max-width: 100%;} .normal-single-post .site-content .post .entry-content img { transition: .6s opacity ease; } .normal-single-post .site-content .post .entry-content img:hover { opacity: 0.5; } /* .normal-single-post .site-content .slick-list .slick-track, .normal-single-post .site-content .slick-list {height: 100%;} .normal-single-post .site-content .entry-title-slider-for { position: relative; height: 600px; margin-bottom: 40px; padding-left: 400px; height: 100%; overflow: hidden; vertical-align: middle; } .normal-single-post .site-content .entry-title-slider-for .entry-nav {display: inline-block; width: 0;} .normal-single-post .site-content .entry-title-slider-for .entry-nav .next, .normal-single-post .site-content .entry-title-slider-for .entry-nav .prev {display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background-repeat: no-repeat; background-position: center 14px; background-color: rgba(0,0,0,0.5); border-radius: 25px; z-index: 999; top: 40%;} .normal-single-post .site-content .entry-title-slider-for .entry-nav .next {right: 30px;background-image: url(images/arrow_w_r.png); } .normal-single-post .site-content .entry-title-slider-for .entry-nav .prev {left: 32%;background-image: url(images/arrow_w_l.png); display: none !important;} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list { height: 590px; } .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item {background-repeat: no-repeat; height: 520px; background-size: contain;background-position: center center; position: relative;} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item .caption { top: 520px; width: 100%; max-height: 4.2em; overflow: hidden; position: absolute; padding-top: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .normal-single-post .site-content .entry-title-slider-nav {position: relative; height: 100px;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav {display: inline-block; width: 0;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav .next, .normal-single-post .site-content .entry-title-slider-nav .entry-nav .prev {display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background-repeat: no-repeat; background-position: center 14px; z-index: 999; top: 30%;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav .next {right: 0%;background-image: url(images/arrow_w_r.png); } .normal-single-post .site-content .entry-title-slider-nav .entry-nav .prev {left: 0%;background-image: url(images/arrow_w_l.png); } .normal-single-post .site-content .entry-title-slider-nav .entry-slider-inner {display: inline-block; width: 89%; height: 100%;overflow: hidden; vertical-align: middle; margin-bottom: 0; margin-left: 5%; margin-right: 5%;} .normal-single-post .site-content .entry-title-slider-nav .entry-slider-inner .slick-list .slick-track .item-image {background-repeat: no-repeat; height: 100px; background-size: cover;background-position: center center; position: relative; margin: 0 5px;} */ .normal-single-post .site-content .post .social-share { margin-left: 30%; } .normal-single-post .site-content .post .social-share:before { content: ''; } .normal-single-post .site-content .post .social-share .btn-share { float: none; width: 40px; height: 40px; margin: 0 0 5px 0; } .normal-single-post .site-content .post .entry-header .entry-meta { margin-top: 10px; clear: none; } .normal-single-post .site-content .post .entry-header .entry-group { overflow: hidden; } .normal-single-post .site-content .post .entry-header .entry-meta .foot-print .posted, .normal-single-post .site-content .post .entry-header .entry-meta .foot-print .posted-on { display: none; } .normal-single-post .site-content .post .entry-tags { padding-left: 0px; margin-top: 0; min-height: 16px; /*background: url(images/icon_tag.png) no-repeat left 5px;*/ padding-bottom: 30px;} .normal-single-post .site-content .post .entry-tags > *:before { margin: 0 5px; } .normal-single-post .site-content .post .entry-tags a, .normal-single-post .site-content .post .entry-header .entry-category a { color: #ff2525; text-transform: uppercase; } .normal-single-post .site-content .post .entry-tags > *:before {content: ''; margin: 0px;} .normal-single-post .site-content .post .entry-tags a { display: inline-block; background-color: #868686; color: #fff; font-family: inherit; text-transform: none; padding: 0 8px; font-size: 12px; line-height: 20px; border-radius: 10px; margin: 2px 5px 0 0; white-space: nowrap; } .normal-single-post .site-content .post .entry-header .entry-category a { margin-right: 6px; } .normal-single-post .site-content .post .post-thumbnail-image { height: 400px; margin-bottom: 30px; } .normal-single-post .site-content .post blockquote, .single-post .site-content .post blockquote * { color: #000; font-size: 20px; font-weight: 300; line-height: 1.5em; } .normal-single-post .site-content .post blockquote { margin-bottom: 24px; padding-top: 0; border-left: 0px solid #eee; padding-left: 0; padding-right: 0; } .normal-single-post .site-content .post blockquote > p:last-child { margin-bottom: 0; } .normal-single-post .site-content .post .featured-image-caption { margin-top: -15px; } .normal-single-post #secondary { width: auto; position: static; float: none; } .normal-single-post #secondary p { color: #000; } .normal-single-post .single-post-bottom { position: relative; z-index: 1000; background-color: #fff; } /* Tab Section */ .normal-single-post .site-content-pad.tab-nav {border-top: 1px solid #DDD; padding-top: 60px; } .normal-single-post .site-content-pad.tab-nav, .normal-single-post .site-content-pad.tab-content, .normal-single-post .footer-navigation {padding-left: 30px; padding-right: 30px;} .normal-single-post .site-content-pad.tab-nav .nav-pills {text-align: center; } .normal-single-post .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;} .normal-single-post .site-content-pad.tab-content .tab-pane .section, .normal-single-post .site-content-pad.tab-content .tab-pane .widget-area .widget {border-top: 0px solid #DDD; margin-top: 20px;} .normal-single-post .site-content-pad.tab-content .tab-pane .section .section-title, .normal-single-post .site-content-pad.tab-content .tab-pane .widget-area .widget .widget-title {display:none;} .normal-single-post .site-content .post .entry-content .comment-form .input {border-radius: 25px;} .normal-single-post .site-content .post .entry-content .comment-form .form-submit {margin-bottom: 50px;} .normal-single-post .site-content .post .entry-content .comment-list .reply {position: absolute; top: 10px; right: 0px;} .normal-single-post .site-content .post .entry-content .comment-list .reply .comment-reply-link {color: #000;} .normal-single-post .site-content .post .entry-content .comment-list .reply .comment-reply-link:before {content: "\f467";} .normal-single-post .site-content .post .entry-content .comment-list .comment-body, .normal-single-post .site-content .post .entry-content .comment-list .comment-body .comment-metadata {position: relative;} .normal-single-post .site-content .post .entry-content .comment-list .comment-body .comment-metadata time {font-size: 13px;} .normal-single-post .single-post-bottom .post {display: block; margin-bottom: 60px;} .normal-single-post .single-post-bottom .post .post-thumbnail {height: auto;} .normal-single-post .single-post-bottom .post .entry-title {font-size: 20px; line-height: 1.2; max-height: none;} .normal-single-post .single-post-bottom .post .entry-meta {margin-top: 20px;} .normal-single-post .single-post-bottom .post .entry-author-image {float: none;} .normal-single-post .single-post-bottom .post .entry-meta .foot-print {position: absolute; top: 20px; left: 20px; z-index: 9; margin-top: 0; padding-left: 30px; background: url("images/clock_w.png") no-repeat left center; text-transform: capitalize; font-size: 16px; color: #fff; line-height: 20px;} .normal-single-post .related-posts .section-title-inner { font-size: 20px; } .normal-single-post .related-posts .post { display: inline-block; width: 31%; margin-left: 3.5%; margin-top: 0; margin-bottom: 30px; border-bottom: 0 none; vertical-align: top; } .normal-single-post .related-posts .post:nth-child(3n+1) { margin-left: 0; } .normal-single-post .related-posts .post-thumbnail { height: 200px; } .normal-single-post .primary-sidebar .widget { padding-right: 0; } .normal-single-post .site-main .section-title { font-size: 20px; margin-bottom: 30px; } .comments-area { margin-bottom: 28px; } .normal-single-post .comments-area { padding-top: 30px; border-top: 1px solid #DDD /*#000*/; padding-left: 0px; padding-right: 0px;} .normal-single-post .comments-area .section-title { margin-bottom: 0; } .normal-single-post .section, .single-post .widget { margin-top: 30px; border-top: 1px solid #DDD /*#000*/; } .normal-single-post .popular-post-pages { overflow: hidden; } .normal-single-post .popular-post-pages .post { display: inline-block; width: 31%; margin-left: 3.5%; margin-top: 0; margin-bottom: 30px; border-bottom: 0 none; vertical-align: top; } .normal-single-post .popular-post-pages .post:nth-child(3n+1) { margin-left: 0; } .normal-single-post .popular-post-pages .entry-header { padding-top: 10px; } .normal-single-post .popular-post-pages .entry-header h3 { margin-top: 0; } .normal-single-post .popular-post-pages .post-content { width: auto; float: none; } .normal-single-post .popular-post-pages .entry-content { max-height: 3em; margin-top: 5px; } /* Comment */ .comments-area { margin-top: 0; } .comments-area .must-log-in { text-align: center; } .comment-reply-title, .comments-title, .comment .edit-link { display: none; } .form-allowed-tags, .comment-form-url, .comment-form label { display: none; } .comment-meta { position: relative; } .comment-author .avatar { width: 30px; height: 30px; border-radius: 15px; border: 0 none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 38px; } .comment-author, .comment-content { font-size: 13px; margin-top: 5px; } .comment-author { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; text-transform: uppercase; } .comment-metadata { position: absolute; top: 0; right: 0; } .comment-list .reply, .comment-metadata { font-size: 11px; } .comment-metadata > a, .comment-metadata > a:hover { color: #767676; cursor: default; } .comment-list { margin: 10px 0 0; } .comment-list .children { margin-left: 38px; } .comment-list .trackback, .comment-list .pingback, .comment-list article { padding-top: 20px; margin-bottom: 20px; } .comment-list .reply { margin-top: 10px; } .comment-respond { padding-top: 30px; } .comment-form-author, .comment-form-email { float: left; width: 48%; margin-right: 4%; } .comment-form-email { margin-right: 0; } .comment-form-comment { clear: both; } .comment-form .input { border: 1px solid #000; border-radius: 0; } .comment-form .form-submit { text-align: right; } /* use center without captcha */ .comment-form .gglcptch { position: absolute; } .comment-form .submit { line-height: 40px; } /* Hide on default */ .comment-respond-container.to-show-comment-respond .logged-in-as, .comment-respond-container.to-show-comment-respond .comment-form > * { display: none; } .comment-respond-container.to-show-comment-respond .comment-form .comment-form-comment { display: block; } .comment-respond-container.to-show-comment-respond .comment-form .comment-form-comment textarea { cursor: pointer; max-height: 50px; background-color: transparent; } .post-comment .section-inner { max-width: 680px; padding-top: 25px; } .post-comment .section-title { font-size: 22px; } /* Hide by default */ .post-comment.to-load-more .comment-list, .post-comment.to-load-more .comment-navigation { display: none; } .post-comment.load-more-init .comment-list, .post-comment.to-load-more.loaded-more .comment-navigation { display: block; } .post-comment.to-load-more .comment-list .comment { display: none; } .post-comment.to-load-more .comment-list .comment-item-1, .post-comment.to-load-more .comment-list .comment-item-2, .post-comment.to-load-more.loaded-more .comment-list .comment { display: list-item; } .post-comment .comment-navigation { overflow: hidden; } .comment-navigation .nav-next, .comment-navigation .nav-previous { float: left; width: 50%; min-height: 1px; } .comment-navigation .nav-next { text-align: right; } .theChampCommentingTabs > ul { display: none; } .comment-form .the_champ_outer_login_container { overflow: hidden; padding-bottom: 10px; border-bottom: 2px solid #eee; } .comment-form .the_champ_social_login_title { display: inline-block; margin-top: 13px; margin-left: 10px; } .comment-form .the_champ_login_container { display: inline; } /* Pages */ body.page .site-content article.page .entry-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 24px; color: #5c5c5c; } .error404 .main-content .entry-content { text-align: center; padding-top: 30px; max-height: none; } .error404 .main-content .entry-content form .search-field { width: 400px; font-weight: normal; } /* Related Posts */ .related-posts-title { margin-bottom: 5px; } .related-posts .section-title-inner { padding-left: 0; padding-right: 0; display: block; } .related-post { margin: 25px 0; } .related-post .post-thumbnail { background: transparent none; width: 150px; height:113px; /*height: 199px;*/ } .related-post a.post-thumbnail:hover { background-color: transparent; } .related-post.no-thumbnail .post-thumbnail img { border: 1px solid #ddd; } .related-posts .slick-list { padding-bottom: 10px; } .related-post .entry-header h1 { line-height: 0.9; margin-top: 5px; } .related-post .entry-header h1 a { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 15px; color: #000; } .related-post .default-thumbnail { background-color: #fff; width: 100%; height: 100%; border: 1px solid #ddd; } .related-post .default-thumbnail-inner { background: url(images/logo_black.png) no-repeat center center; opacity: .1; width: 100%; height: 100%; } .related-posts .slick-dots { bottom: auto; top: -45px; right: 0; width: auto; } .related-posts .slick-dots li { margin: 0; } .related-posts .slick-dots li button:before { content: ''; opacity: 1; background: url(images/keyposts/bullet.png) no-repeat center center; } .related-posts .slick-dots li.slick-active button:before { background-image: url(images/keyposts/bullet_o.png); } .related-posts .related-post { margin-top: 30px; margin-bottom: 18px; padding-bottom: 30px; border-bottom: 1px solid #000; overflow: hidden; } .related-posts .related-post .post-thumbnail, .related-posts .related-post .post-content { float: left; width: 47%; } .related-posts .related-post .post-content { padding-right: 10px; } .related-posts .related-post .post-thumbnail { margin-right: 6%; } .related-posts .related-post .entry-title { max-height: 52px; margin-bottom: 3px; } .related-posts .related-post .entry-title, .related-posts .related-post .entry-title * { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1.4; } .related-posts .related-post .entry-content { max-height: 60px; font-size: 12px; line-height: 1.3; } .related-posts .related-post .post-content .entry-meta { clear: none; margin-top: 12px; } .related-posts .related-post .post-content .entry-category { font-size: 12px;} .related-posts .related-post .post-content .entry-category a { color: #ff2525; } .related-posts .related-post .post-content .entry-category .entry-date { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 12px; color: #000; } .related-posts .related-post .post-content .entry-category .foot-print .posted, .related-posts .related-post .post-content .entry-category .foot-print .posted-on { display: none; } /* Popular Post */ .popular-post-pages .entry-category { /*padding-top : 10px;*/ font-size: 12px; color: #000;} .popular-post-pages .entry-category a { color: #ff2525; } .popular-post-pages .entry-category .entry-date { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 12px; color: #000; } .popular-post-pages .entry-category .foot-print .posted, .popular-post-pages .entry-category .foot-print .posted-on { display: none; } /* Image Gallery */ .image-gallery { margin-top: 35px; padding-top: 38px; background: url(images/keyposts/post-sep.png) repeat-x; } .image-gallery.noRecord { display: none; } .image-gallery-title h3 { margin-top: 0; padding-left: 26px; line-height: 28px; font-size: 16px; background: url(images/keyposts/icon_gallery.png) no-repeat left center; } .image-gallery-title h3 span {color:Red;} .image-gallery-content { position: relative; } .home .section-about .section-about-content { position: relative; /*padding-right: 360px;*/ } .home .section-about .section-about-inner { padding-bottom: 60px; min-height: 250px; overflow: hidden; } /*.home .section-about .section-about-ad { position: absolute; top: 0; right: 0; width: 300px; height: 250px; vertical-align: top; background: url(images/banners/art_stage_banner_square.png) no-repeat center center; background-size: cover;}*/ /* About Cobo Side Bar */ .section-about .widget.widget_about_cobo { width: 60%; } .section-about .widget.widget_about_cobo .widget-title { padding-top: 0; } .section-about .widget.widget_about_cobo .about-cobo-title { line-height: 1em; margin-bottom: 0; } .section-about .widget.widget_about_cobo blockquote { border: 0 none; padding: 0; } .about-photo { float: left; width: 33%; margin-right: 2%; } .about-photo .post-thumbnail { height: 288px; } .about-photo .post-thumbnail-image { background: url(images/about-cobo/vitra_design_museum.jpg) no-repeat center center/cover; } .about-photo .wp-caption-text { color: #767676; } .widget_about_cobo { overflow: hidden; } .widget_about_cobo .post-content { float: left; width: 65%; padding-right: 10px; } .widget_about_cobo .post-content .widget-title { font-size: 20px; letter-spacing: 3px; color:#000; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; } .widget_about_cobo .post-content .section-title { margin-bottom: 0; } .widget_about_cobo .post-content .about-cobo-title { font-size: 36px; letter-spacing: 5px; text-transform: uppercase; text-align: center; } .widget_about_cobo .post-content .entry-title { margin-bottom: 20px; margin-top: 20px; } .widget_about_cobo .post-content .entry-title, .widget_about_cobo .post-content .entry-title * { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 18px; line-height: 1.4; color:#000;} .widget_about_cobo .post-content .entry-header, .widget_about_cobo .post-content .entry-content { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; text-align:center; margin-left:10px;} .widget_about_cobo .post-content .entry-header a { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; font-weight:bold; text-transform: uppercase; } .widget_about_cobo .post-content .entry-header a:hover {color:#000;} .widget_about_cobo .post-content .entry-content p { text-align: left; } .widget_about_cobo .entry-content { font-size: 16px; line-height: 1.3; margin-bottom: 5px; } .widget_about_cobo .post-content .entry-content .read-more { padding: 10px 30px; background-color:#000; color:#fff;} .widget_about_cobo .post-content .entry-content blockquote p { color: #000; margin: 20px 0; line-height: 1.5em; font-size: 14px; } .widget_about_cobo .post-content .entry-content .btn.read-more { text-decoration: none; border-radius: 0px; font-size: 16px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; text-transform: uppercase; letter-spacing: 3px; padding-left: 40px; padding-right: 40px; } /* Newsletter */ .home .section-about .widget.widget_sbscrbr_widget { width: 100%; /*height: 270px !important; */} .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {*height: 340px !important;} .home .section-about .widget.widget_sbscrbr_widget { /*width: 38%;*/ width: 100%; height: 288px; } .home .widget_sbscrbr_widget { margin-top: 0; padding: 0; position: relative; } .home .widget_sbscrbr_widget iframe { width: 100%; height: 100%; position: absolute; } .widget_sbscrbr_widget { margin-top: 25px; padding: 5px; } .widget_sbscrbr_widget .widget-titles { /*position: absolute; top: 50%; left: 50%; margin-top: -57px; margin-left: -100px;*/ text-align: center; /*margin-top: 145px; margin-bottom: 145px;*/ height: 270px; } .widget_sbscrbr_widget .widget-subtitle, .widget_sbscrbr_widget .widget-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; letter-spacing: 2px; color: #fff; font-weight: normal; margin: 0; text-transform: uppercase; } .widget_sbscrbr_widget .widget-subtitle { font-size: 20px; line-height: 1em; margin-bottom: 10px; } .widget_sbscrbr_widget .widget-title { font-size: 36px; letter-spacing: 5px; line-height: 1em; width: 230px; padding: 5px 0; border-color: #fff; border-style: solid; border-width: 0px 0 0px 0; display: inline-block; } .widget_sbscrbr_widget .form-container { /*background-color: rgba(0,0,0,0.7);*/ background-color: #E0E0E0; padding-top: 0.1px; /*position: absolute; width: 100%; height: 180px; bottom: 0;*/ } .widget_sbscrbr_widget .form-container .form-container-titles { text-align: center; margin-top: 20px; margin-bottom: 20px; } .widget_sbscrbr_widget .form-container .form-container-subtitle { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; letter-spacing: 2px; color: #000; font-weight: normal; margin: 0; text-transform: uppercase; font-size: 20px; line-height: 1em; } .widget_sbscrbr_widget .newsletter-features { list-style: none; display: block; max-width: 490px; margin: -3px auto 35px; padding: 0 20px; overflow: hidden; } .widget_sbscrbr_widget .newsletter-features li { float: left; width: 33.3%; color: #fff; font-size: 15px; text-align: center; } .widget_sbscrbr_widget .newsletter-features li:before { display: block; content: ' '; background: url(images/nav-bullet.png) no-repeat center center; width: 7px; height: 7px; margin: 0 auto 10px; } .widget_sbscrbr_widget .form { clear: both; padding: 0 45px 20px; /*padding: 0 45px 60px; position: absolute; bottom: 0; width: 100%;*/ } .widget_sbscrbr_widget .subscrbr-sign-up-form { position: relative; } .widget_sbscrbr_widget .form .entry-content p.subscribe-email { position: absolute; left: 0; right: 160px; z-index: 99; } .widget_sbscrbr_widget .subscrbr-sign-up-form .subscribeEmail { width: 100%; font-size: 14px; background: #fff; color: #ACACAC; border: 0 none; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 14px; padding: 0 10px; line-height: 50px; min-height: 50px; border-radius: 25px; } .widget_sbscrbr_widget .subscrbr-sign-up-form .subscribeEmail:focus, .widget_sbscrbr_widget .subscrbr-sign-up-form .subscribeEmail.filled { color: #333; } .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block { width: 100%; text-align: right; position: absolute; } .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block .submit { background-color: #FF2524; padding: 0 20px; font-size: 20px; font-weight: normal; line-height: 50px; text-transform: uppercase; color: #fff; border-radius: 25px; word-wrap: normal; } .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block .submit:hover, .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block .submit:active { background-color: #FF2524; } .widget_sbscrbr_widget .sbscrbr-form-done { color: #fff; } /* On success, hide all p */ .widget_sbscrbr_widget.subscribe-success form p { display: none; } /* Except the success message */ .widget_sbscrbr_widget.subscribe-success .sbscrbr-form-done { display: block; text-align: center; } .widget_sbscrbr_widget.main-content { padding: 0; } .path--newsletter-subscription, .path--newsletter-subscription-success { width: 100%; height: 270px; background: url(images/subscription_bg.jpg) no-repeat center center; } .path--newsletter-subscription .subscrbr-sign-up-form .subscribeEmail { font-family: 'Open Sans', sans-serif, 'Heiti TC', 'Microsoft JhengHei'; text-align: center; } .path--newsletter-subscription .widget_sbscrbr_widget .widget-top { display: inline-block; /*width: 49%;*/ width: 40%; height: 100%; vertical-align: top; } .path--newsletter-subscription .widget_sbscrbr_widget .subscription-images { width: 100%; height: 100%; } .path--newsletter-subscription .widget_sbscrbr_widget .subscription-images .carousel-inner { height: 100%; } .path--newsletter-subscription .widget_sbscrbr_widget .subscription-image { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .path--newsletter-subscription .widget_sbscrbr_widget .terms { background-color: #eee; } /*.path--newsletter-subscription .widget_sbscrbr_widget .sbscrbr-form-done { color: #000; }*/ .path--newsletter-subscription .widget_sbscrbr_widget .form-container { display: inline-block; width: 59%; height: 100%; background-color: transparent;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form-container-titles, .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {/*margin-top: 20px;*/ padding-top: 40px; margin-top: 0px;} .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 90px;} .home-embed .path--newsletter-subscription.show-terms {height: 392px;} .home-embed .path--newsletter-subscription .section-about-inner-background {background: url(images/subscribe_bg_pic.jpg) no-repeat center center; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: -1; background-size: cover; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);} .home-embed .path--newsletter-subscription .section-about-inner-background-color {background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: -1; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form { padding-left: 40px; padding-right: 40px; } .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .subscribeEmail {line-height: 40px; width: 100%; padding: 0px; font-size: 16px; min-height: 40px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .terms_agreed {text-align: left;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .terms_agreed label {font-size: 16px; margin-bottom: 0px; color: #fff;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block { top: 0; z-index: 99; text-align: right; } .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block .submit { position: absolute; top: -40px; right: 0; font-size: 16px; background-color: transparent; border: 3px solid #fff; } .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block .submit:hover { background-color: #fff; color: #000; } .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block .submit:active { border-color: #c00; background-color: #c00; color: #fff; } .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .form-container .form-container-titles {margin-top: 0px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .form-container .form-container-titles {margin-top: 30px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 50px;} .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form-container-subtitle {font-size: 40px; font-style: normal; font-weight: 300; /*line-height: 57.6px;*/ line-height: 40px; letter-spacing: 0px; text-transform:none; color: #fff;} .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form-container-subtitle2 {font-size: 20px; font-style: normal; font-weight: 300; line-height: 20px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; margin-top: 20px; margin-bottom: 0px;color: #fff;} .path--newsletter-subscription .widget_sbscrbr_widget .form .entry-content p.subscribe-email {position: relative; padding-right: 130px; } /*.path--newsletter-subscription .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block { margin-top: -40px;}*/ .path--newsletter-subscription .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 140px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 210px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 260px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 290px;} .path--newsletter-subscription .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block .submit {background-color: #000; line-height: 34px; } .path--newsletter-subscription .widget_sbscrbr_widget .terms_agreed {margin-top: 20px; text-align: center; } .path--newsletter-subscription .newsletter-subscription-content.widget_sbscrbr_widget { margin-top: 0; height: 100%;} .path--newsletter-subscription .newsletter-subscription-content.widget_sbscrbr_widget .content {width: 100%; height: 100%;} /* Terms & privacy */ .widget_sbscrbr_widget .terms_agreed { margin-top: 10px; color: #000; white-space: nowrap; } .widget_sbscrbr_widget .terms_agreed #terms_agreed { vertical-align: top; } .widget_sbscrbr_widget .terms_agreed label { font-weight: normal; vertical-align: top; margin-left: 8px; white-space: normal; } .widget_sbscrbr_widget .terms_agreed a { text-decoration: none; display: inline-block; padding-right: 14px; background: url(images/privacy_arrow_down.png) no-repeat right center; cursor: pointer; } .widget_sbscrbr_widget .terms { display: none; margin-top: 5px; margin-left: 20px; padding: 15px; background-color: #aaa; font-size: 12px; color: #000; white-space: normal; } .widget_sbscrbr_widget.featured-widget .form { padding-top: 30px; } /* Newsletter (popup) */ /*.subscribe-popup { width: 800px; height: 500px; top: 50%; left: 50%; margin-top: -250px; margin-left: -400px; }*/ .subscribe-popup iframe { box-shadow: 0 1px 2px 2px rgba(0,0,0,.2); width: 100%; height: 100%; margin: 0; } .modal-open .subscribe-popup { overflow: visible; } .subscribe-popup .modal-body { padding: 0; /*width: 100%; height: 100%;*/ width: 95%; /*max-width: 800px; height: 400px;*/ max-width: 900px; height: 520px;} .subscribe-popup .btn-close { cursor: pointer; position: absolute; top: -15px; right: -15px; display: inline-block; width: 31px; height: 31px; background: url(images/newsletter/btn_close.png) no-repeat; } .subscribe-popup .btn-close:hover { background-image: url(images/newsletter/btn_close_o.png); } html.newsletter-subscription { margin-top: 0 !important; height: 100%; } .newsletter-subscription-content.widget_sbscrbr_widget { margin-top: 0; } .newsletter-subscription-content .entry-header h1 { display: none; } .newsletter-subscription-content article { margin: 0; } .newsletter-subscription-content article .page-header { display: none; } .newsletter-subscription-content p { margin-bottom: 10px; } .newsletter-subscription-content form p { margin: 0; } .newsletter-subscription-content .edit-link { display: none; } .subscrbr-sign-up-form .sbscrbr-form-error { color: #c00; /*background-color: #600;*/ margin-bottom: 10px; text-align: center; } .subscribe-error .subscrbr-sign-up-form { /*padding-bottom: 20px; */} .widget_sbscrbr_widget .widget-subtitle {color: #fff; text-align:center;} .widget_sbscrbr_widget .subscribe-error .form { padding-bottom: 30px; } /* Video Popup subscription*/ .admin-bar .subscribe-popup.video-subscribe-popup .modal-body {height: 95% !important; margin-top: 30px;} .subscribe-popup.video-subscribe-popup .modal-body { max-width: 100%; height: 100% !important; width: 100%; background-color: rgba(0,0,0,0.85);} .subscribe-popup.video-subscribe-popup .btn-close {top: 10px; right: 10px;} .path--video-newsletter-subscription {background-color: transparent;} .path--video-newsletter-subscription, .path--video-newsletter-subscription .video-widget, .path--video-newsletter-subscription .video-widget .content, .path--video-newsletter-subscription .video-widget .content .form-container, .path--video-newsletter-subscription .video-widget .content .form-container .form, .path--video-newsletter-subscription .video-widget .content .form-container .form .page, .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content {height: 100%; color: #fff;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content {padding-top: 50px;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-content {padding-top: 20px;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-iframe, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-iframe {height: 85%;} .path--video-newsletter-subscription .video-widget.subscribe-already .content .form-container .form .page .entry-content .popup-iframe, .path--video-newsletter-subscription .video-widget.subscribe-error .content .form-container .form .page .entry-content .popup-iframe {height: 80%;} .path--video-newsletter-subscription.show-terms .video-widget .content .form-container .form .page .entry-content .popup-iframe {height: 68%;} .path--video-newsletter-subscription.show-terms .video-widget.subscribe-already .content .form-container .form .page .entry-content .popup-iframe, .path--video-newsletter-subscription.show-terms .video-widget.subscribe-error .content .form-container .form .page .entry-content .popup-iframe {height: 63%;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-title, .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-title, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-form {display:inline-block; width: 49%;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-title h1, .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-title p, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-title h1, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-title p {font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei';} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-title h1, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-title h1 {font-size: 16px;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-title p, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-title p {font-size: 12px;} .path--video-newsletter-subscription-success .video-widget .content .form-container .form .popup-title p.sbscrbr-form-done {text-align: left;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form, .path--video-newsletter-subscription .video-widget .content .form-container .form .popup-form {position: relative; vertical-align: top;} .path--video-newsletter-subscription-success .video-widget .content .form-container .form .popup-form {margin-top: 20px;, text-align: right;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form {position: absolute; right: -20px; top: 0px; width: 80%;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form .sbscrbr-form-error {text-align: left;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form .subscribe-email {width: 70%;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form .subscribe-email .subscribeEmail {line-height: 40px; min-height: 40px; padding-left: 20px; } .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form .sbscrbr-submit-block .submit {background-color: transparent; border: 2px solid #fff; line-height: 40px;} .path--video-newsletter-subscription .video-widget .content .form-container .form .page .entry-content .popup-form .subscrbr-sign-up-form .terms_agreed {/*display: none;*/color: #fff;} .path--video-newsletter-subscription .video-widget .content .form-container {background-color: transparent;} html.video-newsletter-subscription {height: 95%;} /* Show terms & privacy */ .show-terms .terms { display: block; } .show-terms .terms_agreed a { background-image: url(images/privacy_arrow_up.png); } /* Ad Banner Content Start*/ .ad-banner-content .g {margin:40px auto; height: 90px; width: 728px;} .ad-banner-content.single-post-ad-banner .g {height: 250px; width: 300px;} .ad-banner-content.single-post-ad-banner .g img {height: 100%; width: 100%; border-radius: 0px;} /* Ad Banner Content End*/ /* Exclusive Content Start*/ .exclusive-content {padding-top: 30px;} .cobo-exclusive-content { padding-left: 0; background: transparent none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; } .cobo-exclusive-content .exclusive-content-header { position: absolute; z-index: 9; width: 100%; } .cobo-exclusive-content .exclusive-content-title { width: 100%; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 20px; letter-spacing: 3px; color: #fff; text-align: center; text-transform: uppercase; line-height: 30px; background: url(images/featured_articles/featured_tag.png) no-repeat center center; } .cobo-exclusive-content .exclusive-content-inner { height: 100%; overflow: hidden; margin-top: 15px; padding-top: 50px; border-top: 2px solid rgba(0, 0, 0, 0.7);} .cobo-exclusive-content .post.hentry { padding-top: 0; padding-bottom: 0; color: #000; margin: 0; max-width: 100%; width: 70%; } .cobo-exclusive-content .post { float: left; height: 310px; display:inline-block;} .cobo-exclusive-content .post .post-thumbnail {width: 47%; display:inline-block; vertical-align: top;} .cobo-exclusive-content .post .post-content {width: 50%; display:inline-block; padding: 15px 15px 15px 20px; verticle-align: top; height:265px; overflow:hidden;} .cobo-exclusive-content .post .entry-header {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 100%; overflow: visible; z-index: 4; } .cobo-exclusive-content .post .entry-header, .cobo-exclusive-content .post .entry-content .more-link:before { color: #000; } .cobo-exclusive-content .post .entry-title {font-weight: 300; text-transform: uppercase; margin-bottom: 5px; font-size: 20px; line-height: 1.5; padding-right: 0px;overflow: visible; text-overflow: ellipsis; } .cobo-exclusive-content .post .entry-title a:hover { color:#c00; } .cobo-exclusive-content .post .entry-meta { width: 100%; border-left: 1px solid #fff; margin-left: -1px; margin-top: 0; padding-top: 8px; padding-bottom: 10px; color: #888; font-size: 11px; font-weight: bold; line-height: 1.0909090909; margin-bottom: 12px;} .cobo-exclusive-content .post .entry-content { margin-top: 5px; max-height: none; } .cobo-exclusive-content .post .entry-meta .entry-author { display: inline; padding-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cobo-exclusive-content .post .entry-meta .foot-print:before { display: inline; } .cobo-exclusive-content .post .entry-meta .entry-author a { font-size: 12px; } .cobo-exclusive-content .post .entry-meta .entry-author a, .cobo-exclusive-content .post .entry-content blockquote, .cobo-exclusive-content .post .entry-content blockquote *, .cobo-exclusive-content .post .entry-title a { color: #000; } /* Post subscribe */ .cobo-exclusive-content .exclusive-content-inner .exclusive-widget.widget_sbscrbr_widget { width: 30%; height: 300px; } .cobo-exclusive-content .exclusive-content-inner .exclusive-widget.widget_sbscrbr_widget iframe { width: 100%; height: 100%; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget .form { width: 100%; /*height: 205px;*/} .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts tr:last-child td {top: 130px;} .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget .sbscrbr-submit-block { padding-top: 0; } .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget.subscribe-already .form .entry-content .widgetGuts tr:last-child td, .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .widgetGuts tr:last-child td {top: 185px;} .exclusive-widget.widget_sbscrbr_widget {/*padding-top: 10px; padding-bottom: 10px;*/ margin-top: 0px;} .exclusive-widget.widget_sbscrbr_widget iframe {/*height: 250px;*/ height: 100%; width: 90%; margin-left: 5%; margin-right: 5%;} .exclusive-widget.widget_sbscrbr_widget .form-container {width:100%; /*height:180px;*/ background-color:#aaa; position: relative; padding: 7px; } .exclusive-widget.widget_sbscrbr_widget .form {padding-bottom: 0px; background-color:rgba(0, 0, 0, 0.7); /*width: 98%; height: 165px;*/ } .exclusive-widget.widget_sbscrbr_widget .form article {padding-top: 20px; padding-bottom: 20px;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content {color:#fff;} /* For Original Subscribe Plugin */ .exclusive-widget.widget_sbscrbr_widget .form .entry-content h3, .exclusive-widget.widget_sbscrbr_widget .form .entry-content p { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; } .exclusive-widget.widget_sbscrbr_widget .form .entry-content h3 { text-align: center; } .exclusive-widget.widget_sbscrbr_widget .form .entry-content p.subscribe-email { position: absolute; left: 0; right: 230px; z-index: 99; } .home-embed .exclusive-widget.widget_sbscrbr_widget .form .entry-content p.subscribe-email { right: 120px; } .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget .form .entry-content .subscrbr-sign-up-form .subscribeEmail { margin-bottom: 10px; margin-top: 0px; } .exclusive-widget.widget_sbscrbr_widget .form .entry-content .subscrbr-sign-up-form .subscribeEmail { /*margin-top: 10px; margin-bottom: 15px;*/ width: 100%; position: static; min-height: 35px;line-height: 35px;border-radius:40px; } .exclusive-widget.widget_sbscrbr_widget .form .entry-content .subscrbr-sign-up-form p:last-child {position: relative; width: 100%; margin-left: 0px; padding-top:0px;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .subscrbr-sign-up-form .submit {line-height: 35px;border-radius:40px; /*width: 40%;*/ /*margin-top: 5px;*/ padding-left: 20px; padding-right: 20px; } .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .subscrbr-sign-up-form .sbscrbr-form-error { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; width: 100%; text-align:center; margin-bottom: 10px; background-color: transparent; color: #c00; } /* For Original Subscribe Plugin */ /* For Simple Subscribe Plugin */ .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts {position:relative;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts table {width: 100%;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts tr {width: 80%;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts tr:last-child td {position: absolute; top: 120px;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts th {display:none;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts td { text-align: center; width: 100%;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts td input.text {width: 100%;, color:#ddd; border-radius:40px; background-color: #eee; text-align:center;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts td input.button {border-radius:40px; background-color: #ff2525; color: #fff; letter-spacing: 1px; font-size: 16px; padding: 8px 20px;} .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts h3, .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts p, .exclusive-widget.widget_sbscrbr_widget .form .entry-content .widgetGuts td {text-align:center; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; } .exclusive-widget.widget_sbscrbr_widget.subscribe-success .form .entry-content .widgetGuts td {display:none;} .exclusive-widget.widget_sbscrbr_widget.subscribe-success .form .entry-content .widgetGuts .success, .exclusive-widget.widget_sbscrbr_widget.subscribe-success .form .entry-content .widgetGuts .success *, .exclusive-widget.widget_sbscrbr_widget.subscribe-already .form .entry-content .widgetGuts .error, .exclusive-widget.widget_sbscrbr_widget.subscribe-already .form .entry-content .widgetGuts .error *, .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .widgetGuts .error {font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; background-color:transparent; width:100%; text-align:center; } .exclusive-widget.widget_sbscrbr_widget.subscribe-already .form .entry-content .widgetGuts tr:last-child td, .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .widgetGuts tr:last-child td {top: 160px;} .exclusive-widget.widget_sbscrbr_widget.subscribe-already .form .entry-content .widgetGuts .error, .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .widgetGuts .error {margin-left: 0px; margin-top: 0px; color: red;} .exclusive-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .widgetGuts .error {padding-top: 7px; padding-bottom: 7px;} .exclusive-widget.widget_sbscrbr_widget .terms_agreed label {color: #fff;} /* For Simple Subscribe Plugin */ /* For Single Post Subscribe Form */ .hide-newsletter-subscription.single-post .widget_sbscrbr_widget.exclusive-widget {display:none;} .single-post .widget_sbscrbr_widget.exclusive-widget { border-top-width: 0px; padding: 0; margin-bottom: 20px;} .show-newsletter-subscription.single-post .site-content .post .entry-content p.hide {display:none;} /* For Single Post Subscribe Form */ /* For Subscription Post and Promotion Post in lastest section */ .site-content .section-posts article.subscriptionPost >.post-thumbnail, .site-content .section-posts article.promotionPost >.post-thumbnail {margin-top: 0px;} .site-content .section-posts .post.subscriptionPost .entry-header .post-like-counter, .site-content .section-posts .post.promotionPost .entry-header .post-like-counter {top: 20px;} /* Exclusive Talk Subscription */ .widget.exclusive-talk-widget.widget_sbscrbr_widget { width: auto; float: right; height: 450px; margin-top: 0px; margin-bottom: 10px; margin-left: 40px; padding-top: 0px; border-top: 0px solid #000;} .widget.exclusive-talk-widget.widget_sbscrbr_widget iframe {height: 100%;} .exclusive-talk-widget.widget_sbscrbr_widget.newsletter-subscription-content { background-color: #000; background-repeat: no-repeat; background-position: center top; } .exclusive-talk-widget.widget_sbscrbr_widget .form-container { /*height: 160px;*/ background-color: rgba(0,0,0,0.7); } .exclusive-talk-widget.widget_sbscrbr_widget .widget-top, .exclusive-talk-widget.widget_sbscrbr_widget .form-container {position:relative;} .exclusive-talk-widget.widget_sbscrbr_widget.with-background .widget-top { min-height: 250px; /*height: 65%;*/ } .exclusive-talk-widget.widget_sbscrbr_widget .subscrbr-sign-up-form .subscribeEmail, .exclusive-talk-widget.widget_sbscrbr_widget .subscrbr-sign-up-form .submit { border-radius: 25px; } .exclusive-talk-widget.widget_sbscrbr_widget .subscrbr-sign-up-form .submit { font-size: 20px; } .exclusive-talk-widget.widget_sbscrbr_widget .subscrbr-sign-up-form .subscribeEmail {z-index:5;} .exclusive-talk-widget.widget_sbscrbr_widget .form-container .form { padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px;} .exclusive-talk-widget.widget_sbscrbr_widget.subscribe-error .form .entry-content .subscrbr-sign-up-form .sbscrbr-form-error { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; width: 100%; text-align:center; margin-bottom: 10px; background-color: transparent; color: #c00; } .exclusive-talk-widget.widget_sbscrbr_widget .terms_agreed label {color: #fff;} html.exlusive-talk-newsletter-subscription {margin-top: 0px !important;} /* Archives Page */ .site-content.archives { margin-left: 0px; margin-right: 0px; background-color: #fff; } .site-content.archives .hentry {max-width: 1176px; } .site-content.archives article { padding-top: 35px; padding-bottom: 35px; margin: 0px 0px; background-image: none;width:100%; max-widht:100%;} .site-content .archives-header { padding-top: 0px 49px; } .archives-header { max-width: 100%; padding-bottom:3px; display: block; } .archive-header.site-content-pad { margin-left: auto; } .archives-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; letter-spacing: 4px; font-size: 32px; margin-top: 12px; } .page .archives .content-area { float: left; width: 100%; } #tmn-image-wall {width:100%; margin-left: 0px; margin-right: 0px; } /* Archive / Category */ .site-content .page-header, .site-content .archive-header { padding-top: 20px; } .archive-header { margin: 0; display: block; } .archive-header, .page-header { margin-bottom: 40px; padding-bottom: 0; border-bottom: 0 none; } .archive-title, .page-title { font-weight: normal; } .page-title { font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 20px; } /* Archives */ .archives-nav { background-color: #fff; } .archives-nav .archives-nav-item { display: inline-block; float: left; margin: 10px 0; padding: 0 30px; border-right: 1px dashed #C8C8C8; color: #828282; line-height: 30px; font-size: 14px; font-weight: 500; } .archives-nav .archives-nav-item:first-child { padding-left: 0px; } .archives-nav .archives-nav-item-last { border-right: 0 none; padding-right: 0; } .archives-nav a.archives-nav-item:hover { color: #666; } .archives-nav a.archives-nav-item.active, .archives-nav .archives-nav-item.active .dropdown-label { color: #D4225E; } .archives-nav input, .archives-nav textarea { padding-top: 5px; padding-bottom: 5px; } .archives-nav .dropdown-toggle, .archives-nav .dropdown-menu a { color: #828282; } .wp-tiles-grid .wp-tiles-tile { overflow: visible; } .wp-tiles-grid .wp-tiles-byline { min-height: 67px; } .wp-tiles-grid .wp-tiles-tile .wp-tiles-byline-wrapper { padding: 0; } .wp-tiles-grid .wp-tiles-tile .wp-tiles-byline-title { position: absolute; top: 50%; margin-top: -9px; width: 100%; padding: 0 20px; font-family: 'Playfair Display', serif, 'Heiti TC', 'Microsoft JhengHei'; font-size: 14px; color: #fff; font-weight: normal; text-align: center; line-height: 17px; max-height: 17px; white-space: nowrap; text-overflow: ellipsis; } .wp-tiles-grid .wp-tiles-tile .wp-tiles-byline-content { position: absolute; bottom: 0; right: 0; padding-left: 10px; padding-right: 10px; color: #878586; font-size: 11px; text-align: right; line-height: 16px; width: 100%; max-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wp-tiles-pagination-ajax a { font-size: 16px; color: #000; text-transform: uppercase; letter-spacing: 2px; } .wp-tiles-tile .post { height: 100%; margin: 0; } .wp-tiles-tile .post .post-thumbnail { height: 100%; } .wp-tiles-tile .post .post-thumbnail-meta * { display: none; } .wp-tiles-tile .post .post-thumbnail-meta { background: url(images/tile_meta_gradient.png) repeat-x left top/contain; height: 50%; bottom: 0; } .wp-tiles-tile .post .post-like-counter { top: auto; bottom: 40px; margin-top: 0; } .wp-tiles-tile .post .post-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 50px 0 0 30px; z-index: 5; } .wp-tiles-tile .post .entry-header .entry-title, .wp-tiles-tile .post .entry-header .entry-title a:hover, .wp-tiles-tile .post .entry-author a { color: #fff; } .category .content-area { float: left; width: 65.7%; margin-top: -15px;} .category .side-content { float: left; width: 31.4%; margin-left: 2.9%; } .category .side-content > *, .category .side-content > #secondary { float: none; width: 100%; margin-left: 0; } .category .widget_cobo_popular_posts .post-content { padding-top: 0; } .category .widget_cobo_popular_posts .entry-content { display: none; } /* Search Result */ .search-header {margin-right:0; margin-bottom:25px; max-width:100%; padding-bottom:3px; text-align:center; display:block;} .search .entry-author, .search .entry-author:before, .search .entry-meta .foot-print:before { display: inline; } /* Tag */ .tag .archive-title {margin-left: -30px; margin-right: -30px;} .tag .content-area { float: left; width: 65.7%; } .tag .side-content { float: left; width: 31.4%; margin-left: 2.9%; } .tag .side-content > *, .tag .side-content > #secondary { float: none; width: 100%; margin-left: 0; } .tag .widget_cobo_popular_posts .post-content { padding-top: 0; } .tag .widget_cobo_popular_posts .entry-content { display: none; } /* City Salon */ .path--category--city-salon .site-content { margin-left: 0px; margin-right: 0px; } .path--category--city-salon article { margin: 0; } body.category.category-city-salon .site-content.events article { padding-top: 25px; } /* Contact */ /* Keep email address in one line, especially on mobile */ .path--contact .site-content .entry-content a[href*="mailto:"] { white-space: nowrap; } /* Pagination */ .pagination { text-align: center; display: block; } .pagination-inner { display: inline-block; overflow: hidden; } .pagination-item, .wp-tiles-pagination .page-numbers { background-color: #000; color: #fff; border-radius: 12.5px; margin: 0 2px; width: 25px; height: 25px; line-height: 25px; font-family: Helvetica, Arial; font-size: 12px; overflow: hidden; } .pagination-item { float: left; } .pagination-item.active, .wp-tiles-pagination .page-numbers.current { background-color: #E1404F; } .pagination-item:hover, .site-content .pagination-item:hover, .wp-tiles-pagination .page-numbers:hover { color: #fff; } .pagination-item.page-prev, .pagination-item.page-next, .wp-tiles-pagination .page-numbers.prev, .wp-tiles-pagination .page-numbers.next { color: transparent; background-repeat: no-repeat; background-position: center center; } .pagination-item.page-prev:hover, .pagination-item.page-next:hover { color: transparent; } .pagination-item.page-prev, .wp-tiles-pagination .page-numbers.prev { background-image: url(images/page-prev.png); } .pagination-item.page-next, .wp-tiles-pagination .page-numbers.next { background-image: url(images/page-next.png); } .wp-tiles-pagination { text-align: center; margin-top: 25px; margin-bottom: 0; } .wp-tiles-pagination, .wp-tiles-pagination .page-numbers, .wp-tiles-pagination .page-numbers:hover, .wp-tiles-pagination .page-numbers.current, .wp-tiles-pagination .page-numbers.current:hover { border-top: 0 none; } .wp-tiles-pagination .loop-pagination { margin-top: 0; } .wp-tiles-pagination .page-numbers { padding: 0; } /* Coming Soon */ .coming-soon { padding: 100px 0; text-align: center; } .coming-soon .page-header { border: 0 none; } .content-none { text-align: center; } .content-none .page-title { font-family: inherit; } .single-post .content-none { margin-top: 100px; } .section-news .post-thumbnail { height: auto; } .cobo-challenge-banner { margin: 20px auto; max-width: 1400px } .cobo-challenge-banner img { width: 100%; max-width: 100%; } .home .cobo-challenge-banner { margin: 0 auto 40px; } .path--news .cobo-challenge-banner, .archive .cobo-challenge-banner, .path--1-work-2-mins .cobo-challenge-banner { margin-top: 0; margin-bottom: 40px; } .featured-video .cobo-challenge-banner { margin-top: 30px; } .cobo-popup-subscribe-success-iframe { position: absolute; top: 0; left: -1000px; width: 1px; height: 1px; display: none; } /* Hide Page Views and Likes on 2020/09/11 */ .post-like-counter, .post.display-type-masonry .post-view-counter {display:none;} /* Start, Add GalleriesGal Picks Page on 2021/04/22 */ /*.path--category--galleriesgal-picks .site-main { margin-top: 0px; } .path--category--galleriesgal-picks .site-content-pad:not(.site-header-inner) { padding-left: 0px; padding-right: 0px; }*/ .path--category--galleriesgal-picks .site-content-pad .section-archive{ padding-left: 30px; padding-right: 30px; } .path--category--galleriesgal-picks a:hover { color: #ff2525; -webkit-transition: color 1s; -moz-transition: color 1s; transition: color 1s; } .path--category--galleriesgal-picks #featured { height: 480px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; text-transform: uppercase; text-align: center; letter-spacing: 4px; margin-bottom: 30px; } .path--category--galleriesgal-picks #featured *, .path--exhibitions #featured a { color: #fff; text-shadow: 0 0 5px #000; } .path--category--galleriesgal-picks #featured .featured-link { position: absolute; height: 100%; width: 100%; left: 0; background: url(images/v3/featured_mask.png); } .path--category--galleriesgal-picks #featured .vertical-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; max-width: 600px; margin: 0 auto; } .path--category--galleriesgal-picks #featured .background { height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; } .path--category--galleriesgal-picks #featured .author { font-size: 16px; } .path--category--galleriesgal-picks #featured .title { font-size: 22px; font-weight: normal; } .path--category--galleriesgal-picks #featured .title:before { content: '\2044'; display: block; line-height: 1; margin: 23px 0 18px; } .path--category--galleriesgal-picks #featured .title a { color: white; } /* End, Add GalleriesGal Picks Page on 2021/04/22 */ @media screen and (max-width: 1236px) { .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 400px !important;} } @media screen and (max-width: 1200px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 220px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 250px;} .home .site-content-hot .most-red-dot-pages.hot-troop .section-content .article .post-content .entry-header .entry-meta .post-article-counter {padding-right: 25px;} .home .site-content-hot .most-red-dot-pages.hot-troop .post-view-counter {margin: 0px; background-position: 10px center;} .home .site-content-hot .most-red-dot-pages.hot-troop .hentry .entry-meta .post-view-counter:before, .hentry .entry-meta .post-comment-counter:before {margin-right: 30px;} } @media screen and (max-width: 1153px) { .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 440px !important;} } @media screen and (max-width: 1141px) { /*.home .section-about .section-about-content {padding-right: 0px;}*/ .home .section-about .section-about-ad {position: relative; margin-left: auto; margin-right: auto;} .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 382px !important;} } @media screen and (max-width: 1130px) { .home .section-about .widget_sbscrbr_widget.widget {height:360px;} } @media screen and (max-width: 1110px) { .site-header .follow-us-title { display : none; } /*.masthead-fixed .site-main { padding-bottom: 0; }*/ .content-area { float: none; } .site-content { margin-right: 0; margin-left: 0; } .site-header .site-header-inner { padding-left: 0; padding-right: 0; } .primary-navigation { position: relative; } .top-header { margin-bottom: 0; } .menu-header-menu-container { width: 100%; } .primary-navigation .menu-item:hover a:after, .primary-navigation .menu-item.current-menu-item a:after { display: none; } .primary-navigation { transition: .5s padding ease; padding: 0; } .primary-navigation.toggled-on { padding: 50px 0 36px; } .primary-navigation a, .primary-navigation .sub-menu a { padding-top: 7px; padding-bottom: 7px; } .site-header-inner, .header-main { min-height: 30px; } .primary-navigation .menu-toggle { display: block; } .primary-navigation .nav-menu { display: block; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: .5s max-height ease, .5s opacity ease, visibility 0s ease .5s; } .primary-navigation.toggled-on .nav-menu { max-height: 800px; opacity: 1; visibility: visible; transition-delay: 0s; } .primary-navigation .nav-menu > .menu-item.current-menu-item > a:after { display: none; } .primary-navigation .nav-menu > .menu-item:hover > .sub-menu, .primary-navigation .nav-menu > .menu-item.current-menu-item > .sub-menu { position: static; } .primary-navigation li { height: auto; line-height: 14px; display: list-item; } .primary-navigation .sub-menu .menu-item, .primary-navigation .sub-menu .menu-item a, .primary-navigation .sub-menu .menu-item:before { font-size: 14px; } .primary-navigation .sub-menu .menu-item a { padding: 15px 10px; } .primary-navigation .nav-menu > .menu-item:hover > a:after, .primary-navigation .nav-menu > .menu-item.current-menu-item > a:after, .primary-navigation li.current-menu-ancestor > a:after { display: none; } .primary-navigation .nav-menu .sub-menu { padding: 0; margin: 0; position: static; } .primary-navigation .sub-menu .menu-item { display: block; } .primary-navigation .sub-menu .menu-item:before { display: none; } .primary-navigation .nav-menu li > .sub-menu-wrap { position: static; } .primary-navigation .nav-menu li:hover > .sub-menu-wrap > .sub-menu, .primary-navigation .nav-menu li.focus > .sub-menu-wrap > .sub-menu { max-height: 600px; } .menu-item.menu-item-loginout { display: none; } .header-loginout { display: block; } .header-follow-us { position: absolute; top: -55px; width: 100%; } .site-header .follow-us { left: 72px; } .site-header .follow-us .follow-us-item { margin-right: 32px; } /*.primary-menu-toggled-on .follow-us { left: 30px; }*/ .search-box-wrapper { position: absolute; width: auto; padding: 0; top: auto; left: 30px; right: 30px; } .search-box .search-field { line-height: 34px; } #secondary { border: 0 none; } #secondary .primary-sidebar { padding-top: 0; padding-left:0; padding-right: 0; background-color: transparent; overflow: hidden; } #secondary .widget { background-color: #fff; margin-top: 25px; float: left; width: 100%; } #secondary #archives-2, #secondary #categories-2 { width: 48%; } #archives-2 { margin-right: 4%; } .site-title, .site-navigation a, .site-navigation .current-menu-item > a { padding-left: 15px; padding-right: 15px;} .content-sidebar aside ul { padding-left: 20px; padding-right: 0; } /*.content-sidebar .widget .widget-title { margin-left: 20px; }*/ .content-sidebar #sbscrbr_widget-2 { display :none; } /*.footer-sidebar { display: block; }*/ #supplementary { margin-top: 25px; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; } .primary-navigation.toggled-on { width: 100%; } .widget_cobo_recent_entries .post { min-height: 138px; /*max-width: 800px;*/ } .widget_cobo_recent_entries .recent-post article { overflow: hidden; padding-bottom: 10px; min-height: inherit; margin-left: 0; margin-right: 0; } .widget_cobo_recent_entries .recent-post .post-thumbnail-link { float: left; width: 30%; margin-right: 2%; /*max-height: 125px;*/ overflow: hidden; } .widget_cobo_recent_entries .recent-post .entry-meta { clear: none; } .widget_cobo_recent_entries .recent-post .wp-post-image { position: static; max-width: 100%; max-height: 100%; height: auto; } .widget_cobo_recent_entries .recent-post .has-post-thumbnail .entry-header, .widget_cobo_recent_entries .recent-post .has-post-thumbnail .entry-meta { float: left; margin-left: 0; width: 68%; } .widget_cobo_recent_entries .entry-content { display: block; float: left; width: 65%; } } @media screen and (max-width: 1020px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form {padding-left: 15px; padding-right: 0px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .terms {margin-left: 0px;} .home .site-content-hot .most-red-dot-pages .simple-post .post-thumbnail { height: 204px; } .home .site-content-hot .most-red-dot-pages .section-title {width: 21%;} .home .site-content-hot .most-red-dot-pages .section-content {width: 78%;} } @media screen and (max-width: 1015px) { /* Popular posts 6 per page expandable width */ .popular-post-pages { width: auto; } .popular-post-page { max-width: none; } .popular-post { width: 16.66%; } .widget_sbscrbr_widget .section-title-inner { padding-left: 25px; padding-right: 25px; } .archive .post, .archive .post:nth-child(3n+1), .post-list-3 .post, .post-list-3 .post:nth-child(3n+1), .single-post .popular-post-pages .post { width: 48.2%; margin-left: 3%; } .archive .post:nth-child(odd), .post-list-3 .post:nth-child(odd), .single-post .popular-post-pages .post:nth-child(odd) { margin-left: 0; } .archive .post .entry-author, .post-list-3 .post .entry-author { display: block; padding-bottom: 5px; } .archive .post .entry-meta .foot-print:before, .post-list-3 .post .entry-meta .foot-print:before { display: none; } .single-post .content-area .site-content, .single-post .content-area .side-content { width: 100%; float: none; margin-left: 0; } /* Begin split columns on side content when flow below main content */ /*.single-post .related-posts { padding-top: 30px; border-top: 1px solid #DDD; } */ .single-post .related-posts .section-title-inner { font-size: 24px; } /*.single-post .related-posts-inner { overflow: hidden; }*/ /*.single-post .related-posts .post-thumbnail { height: 280px; }*/ /*.single-post .related-posts .post { float: left; width: 48%; margin-left: 4%; height: 410px; } .single-post .related-posts .post:nth-child(odd) { margin-left: 0; }*/ /*.single-post .widget_cobo_popular_posts .post-thumbnail { height: 275px; }*/ .widget_about_cobo .post-content { width: 55%; } .about-photo { width: 43%; } } @media screen and (max-width: 980px) { .section-community-hits .section-community-hits-inner { display: block; padding-right: 0; } .section-community-hits .section-title { text-align: center; } .section-community-hits .site-content-ad { display: block; position: relative; padding-top: 0; right: auto; margin: 0 auto; } } @media screen and (max-width: 950px) { .grid-sizer, .masonry-layout .post { width: 47%; } #secondary { width: 100%; float: none; } .primary-sidebar aside { padding-bottom: 0; } .primary-sidebar .widget { padding-right: 0; } .home .content-sidebar { width: 100%; float: none; margin-left: 0; border: 0 none; } .widget_about_cobo { margin-top: 0; } .home .content-sidebar .widget_sbscrbr_widget { /*background-color: #fff;*/ padding: 0; /* TODO Phase 2, height: 106px;*/ margin-top: 10px;} .path--archives #page { width: 920px; } .cobo-exclusive-content .post .entry-meta .entry-author {display: block;} .cobo-exclusive-content .post .entry-meta .foot-print:before {display: none;} .home .site-content-hot .most-red-dot-pages .section-title {width: 23%;} .home .site-content-hot .most-red-dot-pages .section-content {width: 76%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-profile .author-view-profile {padding-left: 20px; padding-right: 20px;} } @media screen and (max-width: 938px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 10px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 220px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 250px;} } @media screen and (max-width: 900px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 0px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 270px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 20px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .form-container .form-container-titles {margin-top: 5px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .entry-author-content {padding-left: 20px; padding-right: 20px;} .normal-single-post .site-content .post-images-scroller { height: 480px; } /* .normal-single-post .site-content .entry-title-slider-for {height: 480px;} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list { height: 470px; } .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item {height: 400px;} .normal-single-post .site-content .entry-title-slider-for .entry-nav .prev {left: 35%} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item .caption {top: 400px;} */ .section-community-hits.no-hits .site-content-ad { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 876px) { .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 420px !important;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-profile .author-view-profile {padding-left: 15px; padding-right: 15px;} } @media screen and (max-width: 859px) { .home .section-about .widget_sbscrbr_widget.widget {height:388px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 10px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 270px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .form-container .form-container-titles {margin-top: 0px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 300px;} .home .site-content-hot .most-red-dot-pages .section-title {width: 25%;} .home .site-content-hot .most-red-dot-pages .section-content {width: 74%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .entry-author-content {padding-left: 15px; padding-right: 15px;} /* .normal-single-post .site-content .entry-group-title { position: static; width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 20px; transform: translateY(0); } .normal-single-post .site-content .entry-title-slider-for { padding-left: 0; } */ } @media screen and (max-width: 800px) { .main-content .content-area, .main-content .side-content { width: 100%; float: none; margin-left: 0; } .content-sidebar { width: 100%; float: none; margin-left: 0; border: 0 none; } .content-sidebar .widget_sbscrbr_widget { margin-top: 0; /*background-color: #fff;*/ padding: 0; } .main-content .content-sidebar { margin-top: 20px; } .cobo-featured-content { padding-bottom: 50px; } .cobo-featured-content .slider-viewport { padding: 0 7% 0 7%; } .cobo-featured-content article .post-thumbnail, .cobo-featured-content .slider-direction-nav a { height: 405px; } .cobo-featured-content .post { height: 700px; } .cobo-featured-content .post .entry-title { font-size: 28px; } .cobo-featured-content .post .entry-header { top: 385px; bottom: auto; left: 5%; right: 5%; width: auto; height: 280px; padding: 20px; z-index: 99; box-shadow: 0 0 20px 10px rgba(0,0,0,0.2); } .cobo-featured-content .post .entry-header:before {background: url(images/featured_articles/bubble_arrow_t.png) no-repeat; top: -20px; left: 50%;} .cobo-featured-content .post .entry-article-info { top: 70px; bottom: 30px; } .cobo-featured-content .entry-meta { margin-top: 20px; } .cobo-featured-content .more-link { display: none; } /* Home Page - About COBO Section */ .section-about .widget_about_cobo.widget, .home .section-about .widget_sbscrbr_widget.widget { float: none; width: 100%; margin-left: 0; } .home .section-about .widget_sbscrbr_widget.widget { margin-top: 20px; } /* Subscription */ .cobo-exclusive-content .post.hentry, .cobo-exclusive-content .exclusive-content-inner .exclusive-widget.widget_sbscrbr_widget {width: 100%;} .cobo-exclusive-content .post { float: none;} .cobo-exclusive-content .exclusive-widget.widget_sbscrbr_widget iframe {margin-left: 0px;} .cobo-exclusive-content .exclusive-content-inner .exclusive-widget.widget_sbscrbr_widget {height: 250px;} .home .section-about .widget.widget_sbscrbr_widget {/*height: 530px !important;*/ margin-top: 0px;} .path--newsletter-subscription .widget_sbscrbr_widget .form {padding-left: 10px; padding-right: 10px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 10px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 260px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 290px;} .home .site-content-hot .most-red-dot-pages.hot-troop .post .post-count {/*left:20%; top:109%;*/ left: 50%; top:98%;} .most-red-dot-pages .section-content .hot-troop-nav a {background-position-y: 140px;} .home .site-content-hot .most-red-dot-pages .section-title {width: 28%;} .home .site-content-hot .most-red-dot-pages .section-content {width: 71%;} .home .site-content-hot .most-red-dot-pages.most-viewed .section-content {width: 82%;} .home .site-content-hot .most-red-dot-pages.most-viewed .section-title {width: 17%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-profile .author-view-profile {padding-left: 15px; padding-right: 15px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .entry-author-content {padding-left: 10px; padding-right: 10px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top, .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom {padding-left: 0px; padding-right: 0px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top-bottom .entry-subheader-block.entry-share, .normal-single-post .site-content .post .entry-subheader .entry-subheader-top-bottom .entry-subheader-block.entry-author, .normal-single-post .site-content .post .entry-subheader .entry-subheader-top-bottom .entry-subheader-block.entry-top {display: none;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top .entry-top-link {width: 100%; height: 100%; background-position: center 30%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top .entry-top-link .entry-top-title, .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-title, .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom .entry-subheader-block.entry-author {display: none;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author {padding-top: 10px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-responsive-subheader .author-thumbnail {display: block;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-top .entry-subheader-block.entry-author .entry-author-responsive-subheader .author-thumbnail img {width: 30px; height: 30px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author {width: 10%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content {width: 70%; max-width: 70%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-top {width: 10%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-content {/*width: 85%; max-width: 85%;*/ width: 100%; max-width: 100%; margin-left: 0px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-content > * {margin-left: 15px;margin-right: 15px; } .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-content figure {width: auto !important;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-content.entry-subheader-content .entry-subheader-block.entry-author-responsive {margin-left: 0px;margin-right: 0px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-share-responsive, .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive {display: block;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner .entry-top-responsive {display: inline-block; width: 64px/*12%*/; float: left; margin-left: 10px; margin-right: 10px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-bottom-inner .entry-top-responsive .entry-top {width: 100%;} .normal-single-post .site-content .post-images-scroller .entry-group-title { width: 100%; } } @media screen and (max-width: 799px) { .home-embed .path--newsletter-subscription.show-terms {height: 420px;} } @media screen and (max-width: 781px) { .home .section-about .widget.widget_sbscrbr_widget {height: 600px !important;} .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 700px !important;} } @media screen and (max-width: 770px) { /*.footer-navigation-inner {position: relative; padding-bottom: 100px;}*/ .footer-navigation .footer-nav-group {width: 25%;} .footer-navigation .footer-nav-group:last-child {/*position: absolute;*/ width: 100%; /*bottom: 20px; right: 20px;*/} .site-footer .site-info {position: relative; top: 0px; right: 0px;} } @media screen and (max-width: 735px) { .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .entry-author-content {padding-left: 5px; padding-right: 5px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author.entry-subheader-content .author-profile .author-view-profile {padding-left: 10px; padding-right: 10px;} .normal-single-post .single-post-bottom .post {overflow: hidden;} .normal-single-post .single-post-bottom .post .post-thumbnail .has-next-image {width: 100% !important;} /*.masonry-layout .post {overflow: hidden;}*/ .masonry-layout .post .post-thumbnail .has-next-image {width: 100% !important;} } @media screen and (max-width: 716px) { .home-embed .path--newsletter-subscription.show-terms {height: 270px;} } @media screen and (max-width: 704px) { .path--newsletter-subscription .widget_sbscrbr_widget .widget-top, .path--newsletter-subscription .widget_sbscrbr_widget .form-container {display: block; width: 100%;} .path--newsletter-subscription .widget_sbscrbr_widget .widget-top {margin-top: -10px;} .path--newsletter-subscription .widget_sbscrbr_widget .form .entry-content p.subscribe-email {padding-right: 0px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block {text-align: center; top: 100px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block {top: 200px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .terms_agreed {text-align: center;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block .submit { left: 50%; right: auto; transform: translateX(-50%); } } @media screen and (max-width: 700px) { /*.single-post .related-posts .post, .single-post .related-posts .post:nth-child(odd) { float: none; width: 100%; margin-left: 0; height: auto; }*/ .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form {padding-left: 0px;} .subscribe-popup .modal-body { height: 560px; } .home .site-content-hot .most-red-dot-pages .section-title {width: 32%;} .home .site-content-hot .most-red-dot-pages .section-content {width: 67%;} } @media screen and (max-width: 650px) { /* Home Page - Menu */ .follow-us { right: 0; } .footer-navigation .follow-us { /*top: 0; */} .archive .post, .archive .post:nth-child(3n+1), .archive .post:nth-child(odd), .post-list-3 .post, .post-list-3 .post:nth-child(3n+1), .post-list-3 .post:nth-child(odd), .single-post .popular-post-pages .post, .single-post .popular-post-pages .post:nth-child(3n+1), .single-post .popular-post-pages .post:nth-child(odd) { width: 100%; margin-left: 0; height: auto; } .archive .post .entry-content, .post-list-3 .post .entry-content, .single-post .popular-post-pages .post .entry-content { max-height: none; } /*.archive .no-thumbnail .post-thumbnail,*/ .post-list-3 .no-thumbnail .post-thumbnail, .single-post .popular-post-pages .no-thumbnail .post-thumbnail { height: 0; } /*.archive .no-thumbnail .post-like-counter,*/ .post-list-3 .no-thumbnail .post-like-counter, .single-post .popular-post-pages .no-thumbnail .post-like-counter { margin-top: 0; } .cobo-exclusive-content .post .entry-title {max-height: 69px;} .path--newsletter-subscription .widget_sbscrbr_widget .form-container {width: 100%;} .path--newsletter-subscription .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top:120px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 210px;} .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} .subscribe-popup .modal-body {height: 620px;} .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form-container-titles {margin-top: 20px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {top: 210px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} .home .site-content-hot .most-red-dot-pages.most-viewed .section-title {display: block; width: 100%; height: 100px;} .home .site-content-hot .most-red-dot-pages.most-viewed .section-content {width: 100%;} .most-red-dot-pages.most-viewed .section-title .most-red-dot-nav a {background-position: center;} .home .site-content-hot .most-red-dot-pages .section-title {display: block; width: 100%; } .home .site-content-hot .most-red-dot-pages .section-content {width: 100%;} .normal-single-post .site-content .post-images-scroller { height: 380px; } /* .normal-single-post .site-content .entry-title-slider-for {height: 380px;} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list { height: 370px; } .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item {height: 300px;} .normal-single-post .site-content .entry-title-slider-for .entry-slider-inner .slick-list .slick-track .item .caption {top: 300px;} */ } @media screen and (max-width: 641px) { .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 720px !important;} } @media screen and (max-width: 600px){ #wpadminbar {position: fixed;} } @media screen and (max-width: 564px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block {top: 220px;} .normal-single-post .single-post-bottom .post {overflow: hidden;} .normal-single-post .single-post-bottom .post .post-thumbnail .has-next-image {width: 100% !important;} .grid-sizer, .masonry-layout .post {width: 100%;} /*.masonry-layout .post {overflow: hidden;}*/ .masonry-layout .post .post-thumbnail .has-next-image {width: 100% !important;} } @media screen and (max-width: 550px) { .site-content-pad { padding-left: 10px; padding-right: 10px; } .cobo-exclusive-content .post .post-thumbnail {display: block; width: 100%;} .cobo-exclusive-content .post .post-content {width: 100%; height: 255px; padding-left: 0px;} .widget_sbscrbr_widget .form .entry-content p.subscribe-email, .exclusive-widget.widget_sbscrbr_widget .form .entry-content p.subscribe-email { position: static; } .widget_sbscrbr_widget .subscrbr-sign-up-form .sbscrbr-submit-block {width: 100%; position: relative; margin-left: 0px; /*padding-top: 10px;*/} .section-community-hits .section-community .post-list .post .post-content .entry-header .entry-title { padding-right: 0; } } @media screen and (max-width: 540px) { .cobo-featured-content .post { height: 600px; } .cobo-featured-content article .post-thumbnail, .cobo-featured-content .slider-direction-nav a { height: 303px; } .cobo-featured-content .post .entry-header { top: 283px; left: -5%; right: -5%; } } @media screen and (max-width: 530px) { .normal-single-post .site-content .entry-title-slider-nav .entry-nav .prev {left: -2%;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav .next {right: -2%;} } @media screen and (max-width: 508px) { .site-header .follow-us { left: 52px; } /*.primary-menu-toggled-on .follow-us { left: 30px; }*/ /* define again, don't override */ .site-header .follow-us .follow-us-item { margin-right: 20px; } .home.subscription-show-terms .section-about .widget.widget_sbscrbr_widget {height: 740px !important;} .section-community-hits.no-hits .site-content-ad .phoneAd { float: none; width: 100%; } .section-community-hits.no-hits .site-content-ad .phoneAdTitle { padding-top: 40px; } } @media screen and (max-width: 500px) { .footer-navigation .footer-nav-group {width: 33%; margin-bottom: 20px;} .footer-navigation .footer-nav-group.footer-follow-us { clear: left; width: 100%; } .footer-navigation .follow-us { position: relative; } .site-footer .site-info { padding-top: 0; } } @media screen and (max-width: 480px) { .section-community-hits .section-community .post-list .post .post-content .entry-meta {width: 100%;} .section-community-hits .section-community .post-list .post .post-content .entry-meta .entry-author {position: relative;} .section-community-hits .section-community .post-list .post .post-content .entry-meta .entry-author .entry-author-name { display: none; /* position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } } @media screen and (max-width: 471px) { .home-embed .path--newsletter-subscription.show-terms .widget_sbscrbr_widget .form-container .form .entry-content .subscrbr-sign-up-form .sbscrbr-submit-block {top: 240px;} } @media screen and (max-width: 459px) { /*.home .section-about .widget.widget_sbscrbr_widget {height: 690px !important; }*/ .subscribe-popup .modal-body {height: 720px;} .path--newsletter-subscription.show-terms .widget_sbscrbr_widget.subscribe-error .subscrbr-sign-up-form .sbscrbr-submit-block {top: 260px;} .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form {padding-left: 20px; padding-right: 20px;} } @media screen and (max-width: 450px) { .widget_cobo_recent_entries .entry-content { clear: both; width: 100%; } .coming-soon { padding: 20px 0; } .site-footer .site-info div { display: block; } .widget_cobo_popular_posts .post-left, .widget_cobo_popular_posts .post-content { width: 100%; float: none; margin-right: 0; } .widget_cobo_popular_posts .post-thumbnail { margin-bottom: 20px; } .content-area .site-content .post { width: 100%; float: none; } .content-area .site-content .post, .content-area .site-content .post:nth-child(3n+0) { margin-right: 0; } .content-area .site-content .post-thumbnail { max-width: none; } /*.single-post .site-content .entry-title {padding-right:0px;}*/ .single-post .site-content .post .entry-header .entry-meta .foot-print { width: 60%;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive {padding-left: 15px; padding-right: 15px;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav .prev {left: -4%;} .normal-single-post .site-content .entry-title-slider-nav .entry-nav .next {right: -4%;} } @media screen and (max-width: 400px){ .primary-navigation.toggled-on { padding-bottom: 0px; } .primary-navigation .search-toggle { display: inline-block; position: absolute; top: 0; } .primary-navigation .search-box-wrapper { position: relative; padding-top: 0; margin-top: 30px; } .primary-navigation .search-box-wrapper, .search-box-wrapper label, .search-box .search-field { width: 100%; } .search-box { padding: 0; } /*.top-header { position: absolute; margin: 0 0 0 -87px; top: 10px; left: 50%; }*/ .site-header.site-content-pad { margin-top: 45px; } .site-header.site-content-pad .site-header-inner { padding-bottom: 20px; } .site-main { margin-top: 20px; } .header-main .follow-us-item { margin-right: 5px; } .primary-navigation .site-navigation a { padding-left: 10px; } /* Home Page - About COBO Section */ .section-about .widget_about_cobo.widget, .home .section-about .widget_sbscrbr_widget.widget, .widget_about_cobo .post-content { width: 100%; } .section-about .widget_about_cobo.widget { position: relative; padding-top: 60px; } .widget_about_cobo .post-content .widget-title { position: absolute; width: 100%; } .widget_about_cobo .post-content .section-title { top: 0px; } .widget_about_cobo .post-content .about-cobo-title { top: 30px; } .about-photo { width: 100%; margin-right: 0; float: none; } .widget_about_cobo .post-content { padding-right: 0; } .widget_about_cobo .post-content .entry-content { margin-left: 0; } /* Home Page - Subscription Section */ .home .section-about .widget_sbscrbr_widget.widget {height:368px;} .widget_sbscrbr_widget .newsletter-features { max-width: 420px; } .widget_sbscrbr_widget .form { padding-left: 25px; padding-right: 25px; } .exclusive-widget.widget_sbscrbr_widget .form .entry-content p.subscribe-email { position: static; } .list-view .content-area { padding: 0; } .site-content .entry-meta { padding-top: 0; } .list-view .site-content .hentry { border-bottom: 0 none; } .list-view .site-content .entry-title {font-weight: normal;} .list-view .site-content .type-post .entry-content { display: block; } .home .widget_cobo_popular_posts .post-thumbnail { margin-bottom: 20px; height:230px;} .widget_cobo_popular_posts .entry-header {padding-top: 24px;} .widget_cobo_popular_posts .post-thumbnail {height:240px;} /* Sidebars - Archives & Categories */ #secondary #archives-2, #secondary #categories-2 { width: 100%; } #archives-2 { margin-right: 0; } /* Events / City Salon */ .site-content.events .hentry { padding: 25px 20px 25px 40px; } .site-content.events .type-post .entry-content { display: block; } .site-content.events .event-left, .site-content.events .event-right { width: 100%; } .site-content.events .event-right { margin-top: 15px; } .site-content.events .entry-title { font-size: 24px; } .site-content.events .eventDate { font-size: 12px; background-position: 0 0; } /* Subscription */ .widget_sbscrbr_widget .widget-title { background-position: left 7px; } .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after {content:"";} .home .section-cobo-partners .section-title, .home .section-cobo-partners .section-cobo-partners-inner { display: block; width: auto; text-align: center; } .home .section-cobo-partners .section-cobo-partners-inner { border-left: 0 none; } .home .section-cobo-partners .section-cobo-partners-inner .partners { margin-left: auto; margin-right: auto; display: block; } .home-embed .path--newsletter-subscription .widget_sbscrbr_widget .form-container .form {padding-left: 10px; padding-right: 10px;} .normal-single-post .site-content .post .entry-subheader .entry-subheader-block.entry-author-responsive {padding-left: 5px; padding-right: 5px;} .list-view .site-content .post-thumbnail img {float: none; margin: 0 auto; width: 100%;} .list-view .site-content .post-thumbnail {background: transparent; width: 100%; z-index: 4;} }