/* 12-13 国家公祭日 */
/*html {
    filter: grayscale(100%);!* IE浏览器 *!
    -webkit-filter: grayscale(100%);!* 谷歌浏览器 *!
    -moz-filter: grayscale(100%);!* 火狐 *!
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);!* 谷歌浏览器 *!
}*/
/* 12-13 END */
body {  font-size:14px; }
#elm-text-36-main {
    background-image: url('../../../app/static/images/dingbu28.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    margin-top: px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.elements-sidebar-wrap #elm-text-36-main {
    margin-top: px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.elm-text-36 {
    clear: both;
}
#elm-portfolio-35-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-35-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-35 {
    margin-right: -20px;
}
#elm-portfolio-35 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-35 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-35 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-35 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-35 .alert {
    margin-right: 20px;
}
#elm-portfolio-35 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-35 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-35 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-38-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-38-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-38 {
    margin-right: -20px;
}
#elm-portfolio-38 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-38 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-38 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-38 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-38 .alert {
    margin-right: 20px;
}
#elm-portfolio-38 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-38 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-38 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-40-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-40-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-40 {
    margin-right: -20px;
}
#elm-portfolio-40 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-40 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-40 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-40 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-40 .alert {
    margin-right: 20px;
}
#elm-portfolio-40 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-40 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-40 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-42-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-42-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-42 {
    margin-right: -20px;
}
#elm-portfolio-42 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-42 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-42 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-42 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-42 .alert {
    margin-right: 20px;
}
#elm-portfolio-42 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-42 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-42 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-44-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-44-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-44 {
    margin-right: -20px;
}
#elm-portfolio-44 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-44 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-44 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-44 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-44 .alert {
    margin-right: 20px;
}
#elm-portfolio-44 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-44 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-44 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-46-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-46-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-46 {
    margin-right: -20px;
}
#elm-portfolio-46 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-46 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-46 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-46 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-46 .alert {
    margin-right: 20px;
}
#elm-portfolio-46 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-46 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-46 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-portfolio-48-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-portfolio-48-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
#elm-portfolio-48 {
    margin-right: -20px;
}
#elm-portfolio-48 .elm-mainheader {
    margin-right: 20px;
}
#elm-portfolio-48 .portfolio-loader {
    left: 0px;
    right: 20px;
}
#elm-portfolio-48 .portfolio-items-wrapper .portfolio-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
#elm-portfolio-48 .filters-wrapper {
    margin-right: 20px;
}
#elm-portfolio-48 .alert {
    margin-right: 20px;
}
#elm-portfolio-48 .portfolio-item .portfolio-item-desc p {
    height: 0px;
    overflow: hidden;
}
@media all and (max-width: 640px) {
    #elm-portfolio-48 .portfolio-item {
        height: auto !important;
    }
    #elm-portfolio-48 .portfolio-item .portfolio-item-desc p {
        height: 0px;
        overflow: hidden;
    }
}
#elm-content-4-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-content-4-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elm-content-4 {
    clear: both;
}
#elm-comments-5-main {
    background-image: url();
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top center;
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elements-sidebar-wrap #elm-comments-5-main {
    margin-top: px;
    padding-top: px;
    padding-bottom: px;
    margin-bottom: px;
}
.elm-comments-5 {
    clear: both;
}
.portfolio-items-wrapper .portfolio-item{
    display: block;
    float: left;
}

/* ============================================================
   客户定制层 · 泉州市鲤城区第二实验小学
   ------------------------------------------------------------
   本文件在 style-1.5.css 之后加载，用于覆盖主题默认样式，
   不改动原主题文件，便于后续嵌套易优CMS时统一维护。

   🔴 头部 / 主导航 / 页脚配色一律沿用主题默认值，本层不得覆盖：
      .site-header、.site-footer  background: rgba(148, 7, 10, 0.8)
      主导航文字 #fff；头部下沿阴影 0 3px 0 #e48688
      客户已两次要求恢复紫色头部/页脚，「白底 + 暗红分隔线」方案已废弃。
   本层只保留：校徽尺寸、小屏适配、图片中心详情页。
   ============================================================ */

/* ---- 1. 校徽尺寸 ---- */
/* 真实头部（高 101px）：42px，与导航文字垂直居中对齐 */
#masthead .site-logo {
    padding-top: 29px;
}

#masthead .site-logo img {
    max-height: 42px;
    width: auto;
    vertical-align: top;
}

/* 滚动后的吸顶条只有 69px 高，校徽用 40px 保持紧凑 */
#masthead-clone .site-logo {
    padding-top: 14px;
    padding-bottom: 12px;
}

#masthead-clone .site-logo img,
.site-logo img {
    max-height: 40px;
    width: auto;
    vertical-align: top;
}

/* ---- 2. 小屏：校徽按屏幕收窄，避免长校名超出可视区 ---- */
@media all and (max-width: 640px) {
    #masthead .site-logo {
        padding-top: 16px;
        padding-bottom: 8px;
    }

    #masthead .site-logo img,
    .site-logo img {
        max-height: 34px;
    }
}

/* ---- 3. 图片中心详情页模板（picture-detail-*.html） ----
   主题的图集样式都挂在 .bx-wrapper 下，必须等 bxSlider 初始化后才有 .bx-wrapper；
   这里只补缩略图条与单图收尾，其余沿用主题。 */
.picture-detail-page .easy-slider-pager {
    text-align: center;
    padding: 18px 0 8px;
    line-height: 0;
}

.picture-detail-page .easy-slider-pager a {
    display: inline-block;
    margin: 0 4px;
    padding: 2px;
    border: 2px solid transparent;
    opacity: 0.6;
    line-height: 0;
    -webkit-transition: opacity 0.2s, border-color 0.2s;
    transition: opacity 0.2s, border-color 0.2s;
}

.picture-detail-page .easy-slider-pager a:hover,
.picture-detail-page .easy-slider-pager a.is-current {
    border-color: #94070a;
    opacity: 1;
}

.picture-detail-page .easy-slider-pager img {
    display: block;
    width: 75px;
    height: 54px;
    object-fit: cover;
}

/* 只有一张图：缩略图条没有意义 */
.single-image .easy-slider-pager {
    display: none;
}

/* 详情页标题区：与站内其他页的 100px 大标题区分开，这里用文章标题字号 */
.picture-detail-page .page-title .entry-title h1 {
    font-size: 36px;
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-weight: normal;
}

/* 图注：半透明黑条压在图片底部（主题已有，仅兜底宽度） */
.picture-detail-page .bx-caption-desc {
    background: rgba(0, 0, 0, 0.5);
}

.picture-detail-page .bx-caption-desc .bx-title {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
