/* pages.modal.blog.view.css : [2025-07-24 12:27:50 ] */
.fetchload{margin:50% auto 0;width:70px;text-align:center;display:block}.fetchload>i{width:14px;height:14px;background-color:#FFF;border-radius:100%;margin:0 2px;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.fetchload .c1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.fetchload .c2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}div.pagelab{font-family:"Lato","Open Sans",Tahoma,sans-serif,Arial;font-size:100.01%}div.pagelab.overlay{background:rgb(0 0 0 / .8);width:100%;height:100%;z-index:900;top:0;left:0;position:fixed;display:none;cursor:pointer}body.pagelab div.pagelab{display:block}body.pagelab div.pagelab.overlay{display:block}div.pagelab.parent{touch-action:pinch-zoom;padding:0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}div.pagelab.parent{background:#fff0;position:fixed;z-index:950;display:none;width:90%;height:90%;top:5%;left:5%}div.pagelab.area{display:block;width:100%;position:relative}body.pagelab div.pagelab.fetcher{display:none;position:fixed;z-index:975;height:20%;width:20%;top:35%;left:40%;text-align:center}body.pagelab.fetcher div.pagelab.fetcher{display:block}body.pagelab.fetcher div.pagelab.parent{display:none}body.pagelab div.pagelab.parent{display:block}div.pagelab.parent div.pagelab.header{height:40px;width:100%;display:table;overflow:hidden;position:relative;border-bottom:1px solid #CCC;padding:10px 10px}div.pagelab.parent h2{display:table-cell;margin:0;padding:15px 10px;overflow:hidden;vertical-align:middle;font-size:24px}div.pagelab.parent a.close{cursor:pointer;display:block;position:absolute;z-index:976;font-size:24px;color:#FFF;background:rgb(0 0 0 / .5);padding:10px;min-width:20px;right:10px;top:0}div.pagelab.parent a.close:hover{background:#000;color:#FFF}div.pagelab.iframe{display:block;width:100%;background:#FFF}div.pagelab.iframe iframe{display:block;width:100%;height:100%;min-height:100px}div.pagelab.parent.likes{width:50%;height:50%;min-width:320px;min-height:320px}body.modal.blog{background:#EAEAEA;font-family:"Lato";font-weight:400;width:98%;height:97%;margin:1%;padding:0}body.modal.blog div.container{display:block;width:100%;height:100%;border:1px solid #CCC;background:#FFF;overflow-x:hidden;overflow-y:auto}body.modal.blog.shared{width:100%;height:100%;overflow:auto;padding:0;margin:0}body.modal.blog.shared div.container{display:block;width:auto;height:auto;margin:0;padding:0;background:#FFF;overflow-x:auto;overflow-y:auto}body.modal.blog.shared div.split-share{display:table;width:100%}body.modal.blog.shared div.split-left,body.modal.blog.shared div.split-right{display:table-cell}body.modal.blog.shared div.split-left{width:60%}body.modal.blog.shared div.split-right{background-image:var(--IMGURL-MODAL-LOGIN);background-repeat:no-repeat;background-size:cover;background-attachment:center;background-position:center;width:40%;max-width:40%;vertical-align:middle;max-height:100%;height:100%;position:fixed}body.modal.blog.shared div.split-right div.inner{background:rgb(0 0 0 / .4);vertical-align:middle;display:block;text-align:center;width:100%;height:100%}body.modal.blog.shared div.split-right div.inner div.middle{position:fixed;display:block;width:40%;background:rgb(0 0 0 / .4);vertical-align:middle;margin:0 auto;text-align:center;padding:20px;top:40%;color:#FFF}body.modal.blog ul.head{display:table;width:90%;margin:30px 0 20px;padding:30px 5% 5px}body.modal.blog ul.head li{display:table-cell;vertical-align:middle}body.modal.blog ul.head li.img{max-width:150px}body.modal.blog ul.head li.img img{max-width:150px;display:block;width:100%;height:auto}body.modal.blog ul.head h1{color:var(--COLOR-ONE);font-family:"Lato";font-weight:400;font-size:3em;letter-spacing:-2px;padding:0 0 20px 20px;margin:0;line-height:1em}body.modal.blog ul.head h2{font-family:"Lato";font-weight:400;font-size:1em;letter-spacing:0;padding:0 0 0 20px;margin:0}body.modal.blog ul.head h2 a{text-decoration:none;color:var(--COLOR-ONE)}body.modal.blog ul.head div.stats{padding:15px 0 0 20px;margin:0;display:block;text-align:left;font-family:"Lato";font-weight:400}body.modal.blog ul.head div.stats span{display:inline-block;padding:4px 10px;font-size:80%;color:#666;background:rgb(100 100 100 / .1);border-radius:3px;margin-right:5px}body.modal.blog ul.head div.buttons{padding:15px 0 0 20px;display:block;text-align:left}body.modal.blog ul.head div.buttons button{display:inline-block;margin-right:5px;border:1px solid var(--MODALONE);background:var(--MODALONE-RGBA-5);color:#FFF;text-transform:none;font-size:.9em;border-radius:3px}body.modal.blog.no-share ul.head div.buttons button.share{display:none}body.modal.blog.no-login ul.head div.buttons button.flag,body.modal.blog.no-login ul.head div.buttons button.like{display:none}body.modal.blog ul.head div.buttons button i.fa{color:rgb(255 255 255 / .5);font-size:80%;display:inline-block;width:20px;text-align:center}body.modal.blog ul.head div.buttons button:hover{background:var(--MODALONE)}body.modal.blog ul.head div.buttons button:hover i.fa{color:#FFF}body.modal.blog ul.head div.buttons button.flagged,body.modal.blog ul.head div.buttons button.flagged i.fa{color:#000;font-weight:700}body.modal.blog ul.head div.buttons button.like.liked i.fa{font-size:120%;color:#FFF}body.modal.blog div.story{padding:20px 5% 50px}body.modal.blog div.story br{content:"A"!important;display:block!important;margin-bottom:1.5em!important}body.modal.blog div.story div.inner{padding:20px 0 0 0;line-height:1.9em;font-size:1.1em;border-top:2px dotted #CCC}body.modal.blog div.story small{font-size:80%;padding:30px 0;border-top:2px dotted #CCC;margin:30px 0 0;color:#999}body.modal.blog.sharer div.sharer{display:inline-block}@media (max-width:767px){body.modal.blog ul.head div.buttons button{width:40px;height:40px;padding:0 0 0 0;overflow:hidden}body.modal.blog ul.head div.buttons button.like.liked i.fa,body.modal.blog ul.head div.buttons button.like.liked i.fa,body.modal.blog ul.head div.buttons button i.fa{display:inline-block;width:100%;padding:12px 5px 0 0;margin:0 0 20px 0;text-align:center;font-size:100%}body.modal.blog ul.head div.buttons button.like.liked i.fa{color:red}}