/*
Theme Name: HIB
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
body{
    font-family: Imperial, Imperial Fallback Georgia, georgia, serif;
}
header{
    background-color: #fff;
}
.nav-item.active a.nav-link {
    color: black; /* 文字颜色为黑色 */
    font-weight: bold; /* 文字加粗 */
    text-decoration: underline; /* 添加下划线 */
}
footer, footer a {
    background-color: #222;
    color: white;
    padding: 20px;
    text-align: center;
}

/*******************/





a{
  text-decoration: none;
  color: #000000;
}

/* 在图片所在的列中应用 Flexbox */

.card{
  background-color: #ffffff;

}

.info a{
  text-decoration: underline;
}

/* 整体评论表单样式 */
.comment-form {
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* 标题样式 */
.comment-form h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
}

/* 提交按钮样式 */
.comment-form input[type="submit"] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.comment-form input[type="submit"]:hover {
    background-color: #0056b3;
}
/* 评论输入框样式 */
.comment-form-comment textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* 评论输入框聚焦时样式 */
.comment-form-comment textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* 评论作者、邮箱和网址输入框样式 */
.comment-form-author input[type="text"],
.comment-form-email input[type="email"],
.comment-form-url input[type="url"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* 评论作者、邮箱和网址输入框聚焦时样式 */
.comment-form-author input[type="text"]:focus,
.comment-form-email input[type="email"]:focus,
.comment-form-url input[type="url"]:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* 评论表单标签样式 */
.comment-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}




/* 样式面包屑导航 */
ul.breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 16px;
}

ul.breadcrumb li {
    margin-right: 5px;
}

ul.breadcrumb li:last-child {
    font-weight: bold;
    color: #333; /* 最后一项加粗 */
}

ul.breadcrumb li a {
    color: #007bff; /* 链接颜色 */
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    text-decoration: underline;
}

/* 当前活动项样式 */
ul.breadcrumb li.active {
    color: #333;
    font-weight: bold;
}


.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.pagination-container .pagination {
    display: inline-block;
    padding: 10px;
}

.pagination-container .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.pagination-container .current {
    font-weight: bold;
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
.screen-reader-text{
  display: none;
}




.bookimg{
    top:70px;
}
.bookimg img{
    max-width: 12rem;
}



.dropdown-menu{
    --bs-dropdown-padding-y: 0rem;
  }

/* 判断是否为手机设备 */ 

@media screen and (max-width: 767px) { 
/* 手机端的CSS样式表 */ 
  .responsive-img {
    width: 35%;
  }
  
}

@media screen and (min-width: 768px) { 
/* PC端的CSS样式表 */ 
.dropdown-menu {
    --bs-dropdown-min-width: 30rem;
}