/*
Theme Name: ARzine
Description: Arzine is a super fast, easily customizable, multi-purpose theme .Arzine is a responsive, multi-purpose WordPress theme. It’s flexible and suitable for agencies, blogs, business, corporate or portfolios. Customization is easy and straight-forward, with options provided that allow you to setup your site to perfectly fit your desired online presence. Arzine offers a beautifully designed masonry blog layout. This theme is fully GDPR-compliant and doesn’t use any external Google Fonts. All fonts are locally hosted.  For more details, visit this link https://webriti.com/arzine-wordpress-page/ . We hope you will find the Arzine theme useful.
Author: webriti
Author URI: https://webriti.com/
Theme URI: https://webriti.com/arzine-wordpress-page/
Template: busiprof
Version: 1.9
Tags: one-column, two-columns, full-width-template, threaded-comments, right-sidebar, custom-menu, sticky-post, translation-ready, featured-images, blog, theme-options, footer-widgets, e-commerce, custom logo, accessibility-ready, education, grid-layout
Requires at least: 4.7
Tested up to: 7.0
Requires PHP: 5.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arzine
*/

/*Blog Masonry Css--------------------------------------------------------------------*/
iframe{max-width:100%;}

#blog-masonry .item {
	width: 100%;
    background-color: transparent;
    min-height: 100px;
    padding: 0px;
    margin: 0px;
}
.masonry-content { padding: 30px; }
.site-content#blog-masonry { border-left: none; padding: 60px 0 30px; }
.site-content#blog-masonry .post { background: #fdfdfd; padding: 0; transition: 0.3s; box-shadow: 0 0px 30px 0 rgba(0,0,0,0.1); border: 0 none; }
@media screen and (min-width: 768px) {
	.site-content#blog-masonry .post {
		-webkit-transition: all 500ms;
		-moz-transition: all 500ms;
		transition: all 500ms;
	}
	.site-content#blog-masonry .post:hover {
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-o-transform: translateY(-15px);
		transform: translateY(-15px);
		box-shadow: 0 30px 30px 0 rgba(0,0,0,0.1);
	}
}
.site-content#blog-masonry .post .post-thumbnail img {
    background-color: #fff;
    border: none;
    padding: 0px;
	margin: 0;
}
.site-content#blog-masonry .author {
    left: 0;
    position: relative;
    top: 0px;
	overflow: hidden;
    display: block;
	border-top: 1px solid #e4e8ea;
	margin: 20px 0 0;
    padding: 20px 0 0;
	font-size: 13px;
	font-weight: 600;
}
.site-content#blog-masonry .author img {
    border: none;
    padding: 0;
    height: 25px;
    width: 25px;
}
.site-content#blog-masonry .avatar {
    margin: 0 10px 0 0;
    height: 25px;
    width: 25px;
	display: inline-block;
}
.site-content#blog-masonry .entry-meta { margin: 0 0 9px; }
.site-content#blog-masonry .entry-date a { color: #404b56; font-weight: 600; }
.site-content#blog-masonry .entry-date:before, .site-content#blog-masonry .cat-links:before { display: none; }
.site-content#blog-masonry .entry-meta .cat-links { position: relative; bottom: 0; left: 0; margin-left: 0; margin-right: 15px; }
.site-content#blog-masonry .cat-links {
	font-size: 12px;
	line-height: 20px;
    padding: 5px 20px;
    border-radius: 100px;
    color: #ffffff;
	display: inline-block;
    font-weight: 600;
	text-align: left;
	white-space: normal;
    position: absolute;
	bottom: 20px;
    left: 0px;
	margin-right: 30px;
	margin-left: 30px;
}
.site-content .post .post-thumbnail { margin: 0; display: block; position:relative; }
.site-content#blog-masonry .cat-links a { padding-right: 5px; }
.site-content#blog-masonry .cat-links a:last-child { padding-right: 0px; }
.site-content#blog-masonry .cat-links a,
.site-content#blog-masonry .cat-links a:hover,
.site-content#blog-masonry .cat-links a:focus { color: #fff; }
.site-content#blog-masonry .entry-title { line-height: 30px; font-weight: 600; }

.site-content#blog-masonry .col-md-6:nth-child(2n+1) { clear: none !important; }

article.sticky{
 	background-color:#5ca2df5c !important;
 }

.page-title.archive {
	margin: 10px;
}
.page-title.author {
	margin: 10px;
}
.page-title.category {
	margin: 10px;
}
.page-title.tag {
	margin: 10px;
}
.page-title.homepg {
	margin: 10px;
}

.post .post-thumbnail a {
    display: inline-block;
}
.masonry-content .author a {
	text-decoration: none;
}
@media (max-width: 991px) {
	.custom-logo-link-url {
		padding: 20px 0;
	}
}
.pagination {margin: 20px 0;border-radius: 4px;}

/* ============================================================
   列表卡片优化：瀑布流短卡片 + 底部「查看全文」按钮
   （2026-09-16 添加，仅作用于列表页，不影响文章详情页）
   ============================================================ */

/* 卡片统一为纵向弹性布局，底部按钮对齐 */
#blog-masonry .post {
	display: flex;
	flex-direction: column;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
#blog-masonry .item { margin-bottom: 30px; }
#blog-masonry .masonry-content {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	padding: 22px 24px 20px;
}

/* 摘要区：最多 6 行，超出渐隐，保证卡片等高 */
#blog-masonry .entry-content {
	font-size: 14px;
	line-height: 1.8;
	color: #5a5a5a;
	margin-bottom: 12px;
}
#blog-masonry .entry-content p {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
}
/* 非 webkit 兜底：固定高度 + 底部渐隐，避免卡片长短不一 */
#blog-masonry .entry-content::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 30px;
	background: linear-gradient(to bottom, rgba(253,253,253,0), #fdfdfd);
	pointer-events: none;
}

/* 作者行固定在卡片最底部 */
#blog-masonry .masonry-content > .author {
	margin-top: 10px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
	font-size: 13px;
	color: #999;
}
/* 作者头像隐藏：gravatar 外链常加载失败显示破图，直接隐藏只留"作者 yoyo"文字 */
#blog-masonry .author figure.avatar,
#blog-masonry .author .avatar,
#blog-masonry .author img {
    display: none !important;
}
#blog-masonry .author {
    display: block;
    line-height: 1.6;
}


/* 标题限高两行，避免长短差异过大 */
#blog-masonry .entry-title {
	font-size: 19px;
	line-height: 1.45;
	margin-bottom: 12px;
	min-height: 55px;
}
#blog-masonry .entry-title a { text-decoration: none; }

/* 移动端微调 */
@media (max-width: 767px) {
	#blog-masonry .masonry-content { padding: 18px 18px 16px; }
	#blog-masonry .entry-content { -webkit-line-clamp: 7; }
	#blog-masonry .entry-title { font-size: 17px; min-height: auto; }
	#blog-masonry .read-more-btn { padding: 7px 18px; font-size: 13px; }
}

/* ============================================================
   列表卡片「查看全文」按钮 · 精致特效（2026-09-16 三次优化）
   ============================================================ */

#blog-masonry .read-more-wrap {
    margin: 4px 0 8px;
    text-align: left;
}
/* 「查看全文」：极简文字链（去掉色块，不抢戏） */
#blog-masonry .read-more-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 0 !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    color: #4a8fc7 !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid transparent;
    border-radius: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: color .2s ease, border-color .2s ease;
}
#blog-masonry .read-more-btn:hover {
    color: #2e7ab8 !important;
    border-bottom-color: #2e7ab8;
}
#blog-masonry .read-more-btn .arr {
    display: inline-block;
    transition: transform .22s ease;
}
#blog-masonry .read-more-btn:hover .arr {
    transform: translateX(4px);
}

/* 分类标签：淡灰底 + 灰字（原来是实心彩色胶囊，太抢眼） */
#blog-masonry .cat-links,
.site-content#blog-masonry .cat-links {
    background: #f2f4f6 !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}
#blog-masonry .cat-links a,
#blog-masonry .cat-links a:hover,
#blog-masonry .cat-links a:focus,
.site-content#blog-masonry .cat-links a,
.site-content#blog-masonry .cat-links a:hover,
.site-content#blog-masonry .cat-links a:focus {
    color: #7a8894 !important;
}
/* 日期：同色系弱化 */
#blog-masonry .entry-date a,
.site-content#blog-masonry .entry-date a {
    color: #a8b2bb !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}
/* ============================================================
   文章详情页：正文加深加大，方便阅读
   ============================================================ */
body.single-post .entry-content,
body.page .entry-content {
    font-size: 16px;
    line-height: 1.85;
    color: #3a3a3a;
    padding: 0 0 30px;
}
body.single-post .entry-content p,
body.page .entry-content p {
    margin-bottom: 1.4em;
    font-size: 16px;
    color: #3a3a3a;
}
/* 重点高亮：关键句（涨/跌/机会/风险/策略/结论） */
body.single-post .entry-content mark,
body.page .entry-content mark {
    background: rgba(255, 220, 80, 0.30);
    color: #b35a00;
    border-radius: 3px;
    padding: 0 2px;
}

/* ============================================================
   去掉点击后的难看黑框（浏览器默认 focus 轮廓）
   ============================================================ */
a:focus, a:active,
button:focus, button:active,
input:focus, select:focus, textarea:focus,
.btn:focus, .navbar-toggle:focus,
.menu-item a:focus,
#blog-masonry a:focus,
.cat-links a:focus,
.read-more-btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* 键盘导航（Tab）时给一个柔和的品牌色提示，兼顾无障碍 */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.read-more-btn:focus-visible,
.cat-links a:focus-visible {
    outline: 2px solid rgba(74, 143, 199, .55) !important;
    outline-offset: 2px !important;
    border-radius: 3px;
}

/* 移动端点击高亮（部分安卓/iOS 会出现灰黑块） */
html { -webkit-tap-highlight-color: transparent; }
a, button, .read-more-btn, .cat-links a { -webkit-tap-highlight-color: transparent; }