/*
Theme Name:好主题14号
Theme URI:
Author:好主题网
Author URI:https://www.haozhuti.cn/
Text Domain: hzt
Domain Path: /languages
Description:
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.htmlText 
*/

/* 编辑器 */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

/* 编辑器 */

/*头部工具条*/
#wpadminbar {
    z-index: 999999999999 !important;
}


/* 小工具 */


/*画廊*/
/* 控制标题样式 */
.widget_media_gallery .widget-title {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

/* 控制图库容器样式 */
.widget_media_gallery .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* 控制每张图片的样式 */
.widget_media_gallery .gallery-item {
    flex: 1 1 48%; /* 2 张图片一行 */
    max-width: 200px; /* 控制图片的最大宽度 */
}

.widget_media_gallery .gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 5px; /* 圆角效果 */
    transition: transform 0.3s ease;
}

.widget_media_gallery .gallery-item img:hover {
    transform: scale(1.01); /* 图片悬停放大效果 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* 分类小工具整体样式 */
/* 下拉菜单样式 */
.widget_categories select {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
}

/* 悬停和聚焦效果 */
.widget_categories select:hover,
.widget_categories select:focus {
    border-color: #999;
}

/* 层级关系缩进 */
.widget_categories option {
    padding-left: 10px;
}

.widget_categories option.level-0 {
    padding-left: 10px;
}

.widget_categories option.level-1 {
    padding-left: 20px;
}

.widget_categories option.level-2 {
    padding-left: 30px;
}


.widget_categories li {
    margin: 15px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC
}

.widget_categories li:last-child {
    margin-bottom: 0px;
    border-bottom: none
}

.widget_categories li a {
    position: relative;
    color: var(--fontcolortitle);
    padding-left: 18px;
    line-height: 22px
}

.widget_categories li a:hover {
    color: var(--color)
}

.widget_categories li a::before {
    font-family: iconfont !important;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "\e65f";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*搜索*/

.widget_search .sidebar-search {
    display: flex;
    align-items: center;
    height: 45px
}

.widget_search .sidebar-search input {
    height: 100%;
    flex: 1;
    outline: 0;
    border: none;
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    padding: 0px 10px;
    transition: all .1s linear
}

.widget_search .sidebar-search input:focus {
    border-color: #DAD8D8
}

.widget_search .sidebar-search .search-btn {
    width: 45px;
    height: 100%;
    background: var(--color);
    border: 1px solid var(--color);
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .1s linear
}

.widget_search .sidebar-search .search-btn:hover {
    opacity: .9
}

.widget_search .sidebar-search .search-btn em {
    font-size: 22px
}

/*导航菜单*/

/* 1. 控制整个 widget 导航菜单的样式 */

.widget_nav_menu .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_nav_menu .menu > li {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
    padding-left: 20px;
}

/* 父菜单项样式 */
.widget_nav_menu .menu > li > a {
    padding: 12px 0px;
    display: inline-flex;
}

.widget_nav_menu .menu > li.has-children > a::before {
    font-family: iconfont !important;
    content: "\e65f";
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: -8px;
    top: 10px;
    color: var(--fontcolorintro);
    cursor: pointer;
    transition: all .2s linear;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale

}

/* 子菜单默认隐藏 */
.widget_nav_menu .menu ul {
    display: none;
    list-style: none;
    padding-bottom: 20px;
}

.widget_nav_menu .menu ul li > a {
    padding: 4px 0px;
}

/* 子菜单展开时箭头旋转 */
.widget_nav_menu .menu > li.open > a::before {
    transform: rotate(90deg);
}

/* 当前项的样式 */
.widget_nav_menu .menu li.current-menu-item > a,
.widget_nav_menu .menu li.current-menu-ancestor > a {
    color: var(--color); /* 当前选中项的高亮颜色 */
}


/* 标签云 */
.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    font-size: 14px; /* 设置默认字体大小 */
    text-decoration: none;
    background-color: #f0f0f0; /* 背景颜色 */
    color: #333; /* 文本颜色 */
    border-radius: 4px; /* 圆角 */
    transition: all 0.3s ease; /* 动画效果 */
}

.widget_tag_cloud .tagcloud a:hover {
    background-color: var(--color); /* 鼠标悬停背景颜色 */
    color: #fff; /* 鼠标悬停文字颜色 */
    transform: scale(1.1); /* 鼠标悬停缩放效果 */
}


/*最近文章*/

.sidebar-item.widget_recent_entries  li {
    margin: 15px 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC
}

.sidebar-item.widget_recent_entries  li:last-child {
    margin-bottom: 0px;
    border-bottom: none
}

.sidebar-item.widget_recent_entries  li a {
    position: relative;
    color: var(--fontcolortitle);
    padding-left: 18px;
    line-height: 22px
}

.sidebar-item.widget_recent_entries  li a:hover {
    color: var(--color)
}

.sidebar-item.widget_recent_entries  li a::before {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e65f";
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 0px
}

.mypages{
    display: flex;
    justify-content: center;
}

.mypages a{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    margin-right: 10px;
}

.mypages .page-num-current, .mypages a:hover{
    background-color: var(--color);
    color: #fff;
    border-color:var(--color);
}