/*
Theme Name:twentytwentyfour Child for ericzhao.wang
Version:1.6.2
Template:twentytwentyfour
*/

nav {
    text-shadow: 1px 1px 1px white;
}

img,
pre,
textarea,
button,
.wp-block-search__inside-wrapper,
input,
.b-rad {
    border-radius: 5px !important;
}

#wpadminbar {
    background-color: rgba(29, 35, 39, .9) !important;
}

textarea {
    background-color: rgba(255, 255, 255, .9) !important;
}

/*诗篇*/
.wp-block-verse {
    box-sizing: border-box;
    background-image: url(./assets/images/eric-verse-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 20px;
    box-shadow: 3px 3px 3px #e4e4e4;
    background-color: rgba(255, 255, 255, .5);
}

/*小黄人*/
.top-small-yellow-man {
    position: fixed;
    width: 10vw;
    max-width: 128px;
    height: 30vw;
    background-image: url(./assets/images/top-small-yellow-man.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    right: 16%;
    top: 0;
    z-index: -2;
    will-change: transform;
}


/*移动端菜单打开后半透明*/
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(255, 255, 255, .96) !important;
}

/*搜索框半透明*/
.wp-block-search__inside-wrapper {
    opacity: .9;
}

/*设置content背景*/
.huijian-permission-wrap {
    background-color: rgba(255, 255, 255, .9);
    border-radius: 5px;
    padding: 15px;
}

/*自定义页码*/
.custom-pagination .page-numbers {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px;
}

.custom-pagination .page-numbers.current {
    color: #bbb;
}

.custom-header {
    background-color: transparent !important;
}

/*无浏览权限的卡通图片*/
.no-permission-tip {
    background-repeat: no-repeat;
    background-size: 256px;
    padding-top: 256px;
    background-position: top center;
}

.text-shadow-black {
    text-shadow: 1px 1px 1px #333;
}

.text-shadow-white {
    text-shadow: 1px 1px 1px #fff;
}

.shadow-white {
    text-shadow: #fff 0.1em 0.1em 0.2em;
}

/*
*fancybox css
/-----------------------------
*/
a.fancybox-pdf,
a.fancybox-html5video,
a.fancybox-html5audio,
a.fancybox-youtube {
    display: block;
    padding: 200px 10px 34px 10px;
    background-image: url(./assets/images/ericzhao-logo.jpg);
    background-size: 25%;
    background-position: center 20px;
    background-repeat: no-repeat;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

/* 对中等屏幕的调整 */
@media (max-width: 1024px) {

    a.fancybox-pdf,
    a.fancybox-html5video,
    a.fancybox-html5audio,
    a.fancybox-youtube {
        padding-top: 200px;
        /* 中等屏幕，例如平板 */
    }
}

/* 对小屏幕的调整 */
@media (max-width: 768px) {

    a.fancybox-pdf,
    a.fancybox-html5video,
    a.fancybox-html5audio,
    a.fancybox-youtube {
        padding-top: 180px;
        /* 小屏幕，例如手机 */
    }
}

/* 对更小屏幕的进一步调整 */
@media (max-width: 480px) {

    a.fancybox-pdf,
    a.fancybox-html5video,
    a.fancybox-html5audio,
    a.fancybox-youtube {
        padding-top: 125px;
        /* 更小屏幕，适用于较小的手机 */
    }
}

a.fancybox-pdf::after,
a.fancybox-html5video::after,
a.fancybox-html5audio::after,
a.fancybox-youtube::after {
    width: 2em;
    height: 2em;
    left: 1em;
    top: 1em;
}

a.fancybox-pdf::before,
a.fancybox-html5video::before,
a.fancybox-html5audio::before,
a.fancybox-youtube::before {
    content: 'www.ericzhao.wang';
    font-weight: normal;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: .5em;
    color: #e06666;
}

a.fancybox-pdf+.wp-element-caption,
a.fancybox-html5video+.wp-element-caption,
a.fancybox-html5audio+.wp-element-caption,
a.fancybox-youtube+.wp-element-caption {
    background-color: #cbedfa;
    padding: 7px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #dadce0;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    font-weight: bold;
}

/*
*button css
/-----------------------------
*/
.wp-element-button {
    background: #1a73e8;
    text-shadow: none;

}

.wp-element-button:hover {
    background: #1b66c9;
    box-shadow: 0 1px 3px 1px rgba(66, 64, 67, .15), 0 1px 2px 0 rgba(60, 64, 67, .3);
}

.wp-element-button:hover a {
    text-decoration: none;
}

.wp-element-button.logged-in {
    background-color: rgba(248, 249, 250, .8);
    border: 1px solid #8c959f;
    color: #333;
}

.wp-element-button.logged-in:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background-color: #f7f8f8;
    border-color: #dadce0;
    color: #333;
}