.hidden{display: none !important;}
.modal-overlay{z-index:999990;background:rgba(120,129,147,.22);backdrop-filter:blur(10px);left:0;top:0;height:100%;width:100%;position:fixed;}
.modal-close{z-index:99999999;cursor:pointer;position:absolute;font-size:20px;line-height:30px;top:0;right:0;display:block;height:30px;width:30px;border-radius:30px;background:#f44336;color:#fff;transform: translateX(calc(100% + 16px));}
.modal-close:hover{opacity:.8;box-shadow:1px 1px 5px rgba(0,0,0,.5)}
.modal-close i{color:#fff;font-weight:800;text-align:center;display:block;}

.modal-wrap{z-index:999999;position:fixed;transform: translate(-50%, -50%);left: 50%;top: 50%;width:420px;box-sizing:border-box; margin:auto;padding:10px;border-radius:5px;background:#fafafa;}
.modal-buttons{margin:0 auto 20px;text-align:center}
.modal-buttons .post-action, .modal-button{display: inline-block;height: 30px;line-height: 30px;border: 1px solid #ebebeb;border-radius: 15px;font-size: 14px;text-align: center;padding: 0 16px;margin-right:10px;}

@media screen and (max-width:767px){
    .modal-close{transform: translate(0, calc(-100% - 10px));}
    .modal-button{margin-bottom:15px;}
    .modal-wrap{width:90%}
}

.poster-box a{display:block;border:0;border-radius:5px 5px 0 0;margin:-10px -10px 10px -10px;padding:6px 10px;color:#fff;background:#ffa700;font-weight:700}
.poster-box > img{max-width: 100%;}
.poster-content{padding:10px;background: #fff;background-size:400px 200px;background-repeat: no-repeat;line-height: 1;}
.poster-day, .poster-year{color: #fff;margin: 0 0 10px 10px; padding:0;}
.poster-day{margin-top: 100px;font-size: 50px;line-height: 50px;height:50px;border-bottom: 1px solid #fff;display: inline-block;}
.poster-year{margin-bottom: 30px;line-height: 14px;height:14px;}
.poster-title{font-size: 20px;}
.poster-title, .poster-excerpt, .poster-author{margin-bottom:20px;line-height: 1.5;}
.poster-meta{min-height: 120px;padding-top:10px;border-top: 1px solid #ccc;}
.poster-logo{margin-top:10px;max-width: 120px !important;height: auto;}
.poster-slogan{margin:20px 110px 0 0;font-size:14px;line-height: 1.5;}
.poster-qrcode, .poster-qrcode canvas, .poster-qrcode img{float:right; width: 100px; height: auto;}

.donate-box{text-align:center;width:360px;}
.donate-box h6{font-size:16px;margin-top:10px;color:#333}
.donate-box div{display:flex;justify-content: space-evenly;}
.donate-box img{width:120px;margin-bottom:30px;}


.share-box{padding:20px;text-align:center;width: 390px;}
.share-box .share-box-title{margin-bottom: 20px;color:#1a1a1a;font-size:18px}
.share-box .share-box-thumbnail{margin-bottom: 20px;border-radius: 5px;object-fit: cover; height: auto; max-width: 100%;}
.share-box .share-box-icons{color: #1a1a1a;line-height: 20px;}
.share-box .share-box-icons > a{margin:0 4px;font-size:20px}
.share-box .share-box-qrcode{margin: 20px; display: inline-block;}
.share-box .share-box-qrcode canvas, .share-box .share-box-qrcode img{width: 100px; height:100px;}
.share-box .share-box-copy{border-bottom: 1px solid #e6e6e6;margin-top:10px;display: flex;}
.share-box .share-box-copy button, .share-box .share-box-copy input{font-size:13px;line-height: 40px;height:40px;background-color: transparent;border: 0;}
.share-box .share-box-copy button{color: #363636;padding: 0;font-weight: 500;}
.share-box .share-box-copy input{padding: 0 20px 0 0;margin: 0;width:calc(100% - 90px);color:#666;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.search-box{padding: 20px; width: 90%; max-width: 1080px;}
.search-box h6{font-size: 16px; color:#333}
.search-box form{margin-bottom:10px; display: flex;}
.search-box form input{margin: 0 10px 20px 0; height: 30px; line-height: 30px;}
.search-box form button{padding: 0 20px; height: 30px; line-height: 30px; font-size: 14px; border: 0; border-radius: 30px; cursor: pointer;}
.search-box .search-terms a, .search-box .search-history a{margin-right: 10px;}

.video-box{width: 600px;}