/*
Theme Name:   STCAC GeneratePress
Theme URI:    https://generatepress.com
Description:  GeneratePress Child Theme for STCAC Website
Author:       Larry
Template:     generatepress
Version:      1.0.1
*/

/* 你的自定义 CSS 样式以后可以写在这里 */

/* 让主菜单的文字和背景颜色变化变得平滑 */
.main-navigation .main-nav ul li a {
    -webkit-transition: all 0.4s ease-in-out; /* 针对旧版浏览器 */
    transition: all 0.4s ease-in-out;         /* 0.4s 是动画时长，你可以根据喜好调整 */
}

/* 如果有子菜单，也让它平滑过渡 */
.main-navigation .main-nav ul li ul li a {
    transition: all 0.3s ease-in-out;
}



/* ==========================================
   1. 全自动页面大横幅（复刻旧主题横幅）
   ========================================== */

/* 横幅主容器：控制背景色、上下高度、下边距 */
.gp-custom-page-banner { 
    /* 背景设置：
       你可以填纯黄色：#f59e0b
       如果要加老主题的条纹图，请取消下面这行的注释，并将网址替换为你的条纹图链接：
       background: #f59e0b url(你的条纹图图片网址) repeat !important;
    */
    background: #f59e0b url(https://stcac.org/wp-content/uploads/2016/08/header2.jpg) repeat !important; 
	
	height: 70px !important;
	
display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* 3. 【修正：把之前的 padding 顶掉，防止高度被撑爆】 */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 -5px 15px rgba(0,0,0,0.03) !important; /* 底部的微弱阴影（不需要可删） */
}

/* 横幅内的大标题（例如：“教会事工”） */
.gp-custom-page-banner .banner-title { 
    color: #2d3748 !important;       /* [可调] 标题文字颜色：当前为深灰黑色 */
    font-size: 16px !important;       /* [可调] 标题字体大小 */
    font-weight: 700 !important;      /* 字体加粗 */
    margin-bottom: 5px !important;   /* 标题与下方面包屑的距离 */
    border: none !important;          /* 确保没有任何自带边框 */
    padding: 0 !important;
}

/* 横幅内的简易面包屑导航 (Home » 当前页面) */
.gp-custom-page-banner .banner-breadcrumbs { 
    color: #2d3748 !important;       /* [可调] 面包屑文字颜色 */
    opacity: 0.8;                     /* 文字稍微变淡一点，突出主标题 */
    font-size: 12px !important;       /* [可调] 面包屑字号 */
}

/* 面包屑中的 “Home” 链接样式 */
.gp-custom-page-banner .banner-breadcrumbs a {
    color: #2d3748 !important;       /* 保持与整体横幅文字颜色一致 */
    text-decoration: none !important; /* 默认去掉下划线 */
}

.gp-custom-page-banner .banner-title,
.gp-custom-page-banner .banner-breadcrumbs {
    width: 100% !important;
    display: block !important;
    text-align: center !important; /* 确保独立居中 */
}

/* 鼠标放到 “Home” 链接上时的效果 */
.gp-custom-page-banner .banner-breadcrumbs a:hover { 
    text-decoration: underline !important; /* 鼠标悬停时显示下划线，提示可以点击 */
}



/* ==========================================
   GENERATEPRESS 小工具全局风格统一设置
   ========================================== */
/* ==========================================
   GENERATEPRESS 小工具：透明简约风格定制
   ========================================== */
/* ==========================================
   GENERATEPRESS 小工具：透明简约风格定制（鼠标悬停变黄）
   ========================================== */

/* 1. 小工具整体容器：底色透明，去掉边框与阴影 */
.widget {
    background-color: transparent !important; /* 底色完全透明 */
    background: none !important;
    padding: 10px 0 !important;              /* 上下留出间距，左右不留白 */
    margin-bottom: 10px !important;           /* 每个小工具块之间的上下距离 */
    border: none !important;                  /* 去掉外边框 */
    box-shadow: none !important;              /* 去掉阴影 */
}

/* 2. 小工具标题：统一为截图中的橙色 */
.widget .widget-title {
    color: #f59e0b !important;       /* 截图中的活力橙色 */
    font-size: 14px !important;       /* 标题字号大小 */
    font-weight: 600 !important;      /* 字体加粗 */
    margin-bottom: 10px !important;   /* 标题与下方内容的距离 */
    border-bottom: none !important;   /* 确保标题下方没有实线 */
    padding-bottom: 0 !important;
}

/* 3. 统一列表格式（分类、最新博文、用户区等） */
.widget ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;     /* 去掉列表默认的圆点 */
}

.widget ul li {
    padding-top: 0px !important;    /* 列表项的上下间距 */
    padding-bottom: 0px !important;
    border-bottom: 1px dotted #e2e8f0 !important; /* 截图中的浅灰色细虚线分割线 */
    line-height: 1.5 !important;
    color: #718096 !important;       /* 普通文字（如日期、括号内容）的柔和灰色 */
    font-size: 13px !important;
			font-weight: 50 !important;      /* 字体加粗 */
}

/* 移除最后一项的虚线，保持干净 */
.widget ul li:last-child {
    border-bottom: none !important;
}

/* 4. 统一链接文字默认格式：灰色，无下划线 */
.widget a, 
.widget ul li a {
    color: #718096 !important;       /* 默认状态下的柔和灰 */

    font-weight: 100 !important;   /* 正常粗细 */
    transition: color 0.15s ease-in-out !important; /* 变色时的平滑过渡动画 */
}

/* 5. 【核心修改】鼠标悬停（Hover）时的效果：变成黄色，无下划线 */
.widget a:hover, 
.widget ul li a:hover {
    color: #f59e0b !important;       /* 鼠标放上去时变成显眼的黄色 */
    text-decoration: none !important; /* 悬停时也坚决不显示下划线 */
}

/* 6. 针对最新博文里的日期、最新跟贴里的作者名等非链接文本进行微调 */
.widget .wp-block-latest-posts__post-date,
.widget .recentcomments {
    color: #a0aec0 !important;       /* 让次要信息（如日期）颜色更淡一点 */
}

/* ==========================================
   终极解决方案：强行打破容器限制，小字一排并顶上去
   ========================================== */

/* 3. 让两组小字都变成可以并排的行内样式 */
.entry-meta, .entry-footer {
    display: inline !important;
    padding: 0 !important;
}


/* 5. 强行把两部分小字里面的子项全部拉进同一行横排 */
.entry-meta span, 
.entry-meta div, 
.entry-footer span, 
.entry-footer div,
.entry-meta a,
.entry-footer a {
    display: inline-block !important; /* 横向并排 */
    margin-right: 5px !important;    /* 每一项之间的间距 */
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}



/* 8. 统一小字体的颜色和大小 */
.entry-meta, .entry-footer,
.entry-meta a, .entry-footer a {
    font-size: 13px !important;       /* 字号 */
    color: #8a929a !important;       /* 柔和的灰色 */
}

/* ==========================================
   让合并后的一行小字紧紧贴住金色标题
   ========================================== */

/* 1. 精准控制这行小字往上吸附 */
.entry-meta {
    margin-top: -3px !important;     /* [可调] 负数代表往上提，数字负得越多，离金色标题越近 */
    margin-bottom: 15px !important;  /* 这排小字与下方正文摘要之间的舒服空隙 */
    line-height: 1.2 !important;     /* 压缩行高，防止自带的透明间距把字往下推 */
}

/* 2. 确保金色大标题下方没有留出多余的空白 */
.entry-title {
    margin-bottom: 0 !important;     /* 清空标题自带的下边距，方便小字贴上来 */
}


/* ----- menu栏去边框 ------  */

.inside-header {
    padding: 0 ;    /* 彻底拿掉上边距 */
}

/* ----- 主页面 文章与标题间距 ------  */

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child)
{
    margin-top: 0.5em;
}

/* ----- 主页面 文章边框 ------  */

.separate-containers .comments-area, 
.separate-containers .inside-article, 
.separate-containers .page-header, 
.separate-containers .paging-navigation
 {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* ----- 关闭原主题手机menu ------  */
@media (max-width: 768px) {
   
    .main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder) {
        display:none;
    }

    .main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
        display: block;
    }
	
	/* 1. 强行让原始导航栏保持桌面端的弹性并排布局，彻底解决换行问题 */
    .has-inline-mobile-toggle .inside-header {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    /* 2. 掐断 100% 撑满限制，防止把别的东西挤下去 */
    .has-inline-mobile-toggle .header-widget, 
    .has-inline-mobile-toggle #site-navigation {
        flex-basis: auto !important;
    }

    /* 3. 坚决隐藏主题原生的手机端汉堡按钮，防止出现两个菜单 */
    .main-navigation .menu-toggle,
    .mobile-menu-control-wrapper {
        display: none !important;
    }

    /* 4. 强行恢复桌面端主导航的容器显示，让 Mega Menu 插件自己去控制内部的响应式 */
    .main-navigation:not(.slideout-navigation) .main-nav > ul,
    #site-navigation .inside-navigation {
        display: flex !important; /* 维持 GeneratePress 的桌面端 flex 布局 */
    }
    
    /* 5. 确保原生备用隐藏样式不作怪 */
    .main-navigation ul {
        display: block !important;
    }
}

/* -- 文章和单页面标题设置 -- */

/* .single-post 控制文章页，.page 控制常规页面 */

.page .entry-title {
    display: none !important;
}

h1,h2,h3,h4 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5em;
    font-weight: 600;
    text-transform: none;
			color: #f59e0b
}




/* --- 优化评论区--- */

/* 标题设置 */
.comments-title {
    font-size: 18px !important;       /* [可调] 从原先的巨大字号缩减到精致的 20px */
    font-weight: 700 !important;      /* 保持加粗 */


}

 /* 文字框外框 */
.comment-content {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .05);
}

 /* 文字下边 */
p {
    margin-bottom: 0.5em;
}


/* 缩减评论内容的字号与行高 */
.comment-content {
    font-size: 13px !important;      
}
/* 评论间高 */
.comment-body {
    padding: 10px 0;
}

.comment-content
 {
			border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.05);
}
.depth-1.parent>.children {
    border-bottom: 0px solid rgba(0, 0, 0, .05);
}

.comment .children {
    padding-left: 30px;
    margin-top: 0px;
    border-left: 0px solid rgba(0, 0, 0, .05);
}

/* --- 表格属性--- */
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0px 0 0 0px;
    margin: 0 0 1.5em;
    width: 100%;
}