Earth-style(prowebplus.blog.ir).css
@charset "utf-8";
/*  قالب منظومه - Manzomeh template v1 
    prowebplus.blog.ir template no. 17 
    prowebplus.blog.ir قالب شماره 17 پرو وب پلاس 
*/
@media print {
    body{display:none;}
    .bx_left{ display:none;}
    .bx_right{ display:none;}
    .footer_contain_bg{ display:none;}
    .footer_contain{ display:none;}
    .footer{ display:none;}
    .content_bg{ display:none;}
    .main_menu{ display:none;}
    .header{ display:none;}
    .post_detail{ display:none;}
    .messages{ display:none;}
    .post_comments{ display:none;}
    .cmt_reply{ display:none;}
    .commentForm{ display:none;}
    .pagination{ display:none;}
    .page_cls{display:none;}
    .post_cls{display:none;}
    #body{
        display:block;
        width:650px;
        margin:auto;
        margin-top:5px;
        border:2px solid #bbb;
        outline:1px solid #333;
        padding:15px;
        direction:rtl;
        font-family:"Amaranth","estedad";
        cursor:default;
        font-size:12px;
    }
    .date_title{
        font-size:10px;
        padding-bottom:10px;
        color:#444;
    }
    h2 a{
        font-family:'Amaranth',"estedad";
        font-size:18px;
        color:#333;
        text-decoration:none;
        padding-bottom:0px;
    }
    .cnt{
        font-size:12px;
        color:#000;
        text-decoration:none;
        line-height:18px;
    }
    #print .title h2{
        font-family:'Amaranth',"estedad";
        margin-bottom:0px;
        display:block;
        text-align:center;
        text-decoration:none;
        font-size:17px;
        color:#333;
        text-decoration:none;
    }
    #print .title span{
        font-family:'Amaranth',"estedad";
        display:block;
        text-align:center;
        padding-top:5px;
        padding-bottom:10px;
        margin-bottom:20px;
        text-decoration:none;
        border-bottom:1px solid #333;
        font-size:11px;
        color:#333;
        text-decoration:none;
    }
    a{
        text-decoration:none;
        padding:5px;
    }
}
@font-face {
    font-family: 'estedad';
    font-style:normal;
    font-weight:400;
    src: url('//bayanbox.ir/download/3394188548996175807/Estedad-Light.woff') format('woff');
}
@font-face {
    font-family: 'estedad';
    font-style:normal;
    font-weight:bold;
    src: url('//bayanbox.ir/download/5964064727761107919/Estedad-Bold.woff') format('woff');
}
*{font-family:'Amaranth',"estedad";}
@media screen {
    #print{ display:none;}
    /*h1, h2, h3, ul {margin:0;}*/
    html {direction: rtl;-webkit-scroll-behavior: smooth;scroll-behavior: smooth;}

    body{
        font-family: 'Amaranth',"estedad";
        line-height:1.9em; /*new*/
        z-index: 2;
        text-transform: capitalize;
        background: #393939 url(https://bayanbox.ir/view/4698971529621444234/stars-texture.jpg) fixed;
    }

    p { margin-bottom: 0.5em; }

    pre {
        direction:ltr;
        background-color:#FAFAEE;
        border:1px solid #DADADA;
        margin:1em;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px;
    }

    .btn_submit{direction:ltr;}
    .clear{clear:both;}

    ::-webkit-scrollbar {background: #000;width: 5px;height: 5px;} ::-webkit-scrollbar-thumb {background: #008eff;border-radius:0px;} ::-webkit-scrollbar-corner { background:#fff;} ::-webkit-scrollbar-track{ background:#eee; border-radius:0px; box-shadow:inset 0 0 10px #aaa;}::-webkit-scrollbar-thumb:hover{ background:#888;}::-webkit-scrollbar-thumb:active{ background:#777;}


    /*-- Link & Button --*/
    h1, h2 ,h3{
        font-family: 'Amaranth',"estedad";
        font-weight:bold;
    }
    img{border:none;border-width:0px;max-width: 100%;}

    a{
        color:#ccc;
        cursor:pointer;
        text-decoration:none;
        -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s;
    }
    a:hover{
        color: #03a9f4;
        text-decoration:none;
        cursor:pointer;
    }
    a:active{
        outline:hidden;
    }

    /*--back to top--*/
    .scroller{position:fixed;right:2em;;bottom:2em;;}
    .scroller .fa-chevron-up{opacity:.3;-webkit-opacity:.3;-moz-opacity:.3;-os-opacity:.3;font-size:5em;}
    /*-- Wrapper --*/
    #wrp{
        width: 80%;
        height:auto;
        margin:auto;
        direction:rtl;
    }

    /*-- Header --*/
    .header2{
        height: max-content;
        background: #1e1e1e00 url(//bayanbox.ir/view/7581160447843942850/slash.svg);
        text-align: center;
        display: block;
        padding-top: 3px;
        line-height: 1.8;
    }
    .header2 span{
        color:#fff;
        font-size:18px;
        vertical-align:middle;
    }
    .header{
        height: 35em;
        direction: ltr!important;
    }
    .header .hdr_right {
        padding: 6em 1px 55px;
    }
    .header .hdr_left {
        float:right;
        padding-top:25px;
        margin-right:17px;
        background:url(//cdn.bayan.ir/blog/templates/424/middle-hdr.png) right 0px no-repeat;
    }
    /*-- Title & Description --*/
    .header .title{}
    .header .title h2{
        font-family: 'Amaranth',"estedad";
        direction: rtl;
        font-weight:normal;
        line-height: 2;
        cursor:default;
        font-size: 18px;
        text-align: center;
        padding: 0 15px 0 15px;
        color:#ffffff;
        text-shadow:1px 1px 2px #000;
        margin:0px;
    }
    .header .title h1{display:none;}
    .header .title h1 a{
        color: #03A9F4;
    }
    .header .title h1 a:hover{
        color: #ccc;
    }
    .planet, .moon {
        border-radius: 50%;
        overflow: hidden;
    }

    .planet, .planet:before, .planet:after, .moon, .moon:before, .moon:after {
        position: absolute;
    }
    .planet:before, .planet:after, .moon:before, .moon:after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
    }
    .planet:before, .moon:before {
        border-radius: inherit;
        width: 100%;
        z-index: -1;
    }
    .planet:after, .moon:after {
        background-size: auto 100%;
        background-repeat: repeat-x;
        width: 400%;
        z-index: -2;
    }

    .planet {
        left: calc(50% - 10em);
        width: 20em;
        height: 20em;
        will-change: transform;
        box-shadow: inset 19px 40px 0px 0px rgb(255 255 255 / 45%), 0px 0px 20px 0px rgb(38 104 225 / 35%), -25px -55px 150px 0px rgb(66 152 226 / 20%), 0 0 150px 100px rgb(0 16 58 / 40%);
    }
    .planet:before {
        background-image: radial-gradient(100% 125% at 40% 50%, rgba(0, 0, 0, 0) 40%, black 50%), radial-gradient(100% 100% at center, rgba(40, 120, 240, 0) 47%, rgba(40, 120, 240, 0.5) 48.5%, #c2e4fa 50%);
    }
    .planet:after {
        animation: textureSpin 50s linear infinite;
        background-image: url(//bayanbox.ir/view/970637232818712908/earth-map-prowebplus.blog.ir.jpg);
    }

    .moon {
        animation: moonOrbitX 8s ease-in-out infinite;
        width: 3em;
        height: 3em;
        transform: translateZ(0) translateX(-15em);
    }
    .moon:before {
        background-image: radial-gradient(100% 125% at 40% 50%, rgba(0, 0, 0, 0) 40%, black 50%);
        box-shadow: 0 0 0.5em inset;
    }
    .moon:after {
        animation: textureSpin 2s linear infinite reverse;
        background-image: url(//bayanbox.ir/view/3062358382787685433/moon-texture.jpg);
    }
    .moon-rotate {
        animation: moonOrbitZ 8s -6s ease-in-out infinite;
        position: absolute;
        margin-top: 8em;
        left: calc(50% - 1.5em);
        transform: translateZ(0);
    }

    @keyframes textureSpin {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }
    @keyframes moonOrbitX {
        from {
            transform: translateZ(0) translateX(-12.5em);
        }
        50% {
            transform: translateZ(0) translateX(12.5em);
        }
        50.01% {
            transform: translateZ(-1px) translateX(12.5em);
        }
        to {
            transform: translateZ(-1px) translateX(-12.5em);
        }
    }
    @keyframes moonOrbitZ {
        from, to {
            transform: translateZ(-15em);
        }
        50% {
            transform: translateZ(15em);z-index:-1;
        }

    }

    .ga-right-bottom img{}
    .pl-right{}

    .fullscreen-details h1{
        text-align: center;
        line-height: 0;
        display: block;
        direction: rtl;
        color: #fff;
        top: 0;
    }
    /*-- Mini Icons --*/
    #wrp .mini_icon{
        cursor:default;
        text-align:center;
        padding-top:10px;
        display:none;
    }
    #wrp .mini_icon .icons{
        display:inline-block;
    }
    #wrp .mini_icon ul{
        list-style:none;
        margin:0px;
        padding:0px;
    }
    #wrp .mini_icon li{
        float:left;
        margin:0px 2px 0px 2px;
    }
    #wrp .mini_icon li a.mi_home{
        background:url(//cdn.bayan.ir/blog/templates/424/home.png) no-repeat;
        display:block;
        height:20px;
        width:20px;
    }
    #wrp .mini_icon li a.mi_rss{
        background:url(//cdn.bayan.ir/blog/templates/424/rss.png) no-repeat;
        display:block;
        height:20px;
        width:20px;
    }


    /*-- Main Menu --*/
    .main_menu{
        direction: rtl;
        box-shadow: 0 1px 0px 2px #03a9f4, 0 0 2px #313131;
        background: #000000;
    }
    .main_menu ul{
        list-style:none;
        margin:0px;
        padding:0px;
        text-align: center;
    }
    .main_menu  li{
        cursor:default;
        display: inline-block;
        margin-left:0px;
    }
    .main_menu  a{
        display:block;
        font-family: 'Amaranth',"estedad";
        font-size: 16px;
        color:#ccc;
        padding: 15px 19px;
        -moz-transition-duration:.0s;
        -webkit-transition-duration:.0s;
        -o-transition-duration:.0s;
        -khtml-transition-duration:.0s;
    }
    .main_menu  li:first-child a{
        border-radius:0px 4px 4px 0px;-moz-border-radius:0px 4px 4px 0px;-webkit-border-radius:0px 4px 4px 0px;
    }
    .main_menu  a:hover{
        color: #ffffff;
    }
    .main_menu a.selected{
        color: #00a0c6;
    }
    .main_menu a.selected:hover{
        color: #fff;
    }
    /*-- wrp -> Box1 (Content) --*/
    #wrp .box1{
        margin-top:15px;
    }

    /*-- wrp -> Boxs-Left --*/
    #wrp .box1 .bx_left{
        width: 28%;
        float: left;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    * html #wrp .box1 .bx_left{margin-left:-10px;}

    /*-- Module-Left --*/
    #wrp .box1 .bx_left .mod_left{
        margin:15px;
    }
    #wrp .box1 .bx_left .mod_left .title{
        padding: 6px 0px 6px 15px;
        color: #ffffff;
        text-shadow:1px 1px 2px #333;
        text-align: center;
        cursor:default;
        font-family:'Amaranth',"estedad";
        background: #2196f333 url(//cdn.bayan.ir/blog/templates/359/blackdot3.png);
        font-size: 15px;
        margin-bottom: 7px;
        margin-right: 34px;
        border: 1px solid #03a9f4;
        border-right: 0;
        border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 0px 3px 20px;
    }
    #wrp .box1 .bx_left .mod_left .title .fa{float:right;padding: 9px;border: 4px double #03a9f4;border-left: 0;margin-right: -38px;margin-left: 0px;font-size: 18px;margin-top: -11px;border-radius: 5px 20px 20px 5px;background: #2196f333 url(//cdn.bayan.ir/blog/templates/359/blackdot3.png);}
    #wrp .box1 .bx_left .mod_left .cnt{
        padding:5px 2px 5px 1px;
    }

    /*-- mod_left BLANK --*/
    #wrp .box1 .bx_left .mod_left_blank{
        margin-bottom:15px;
    }
    #wrp .box1 .bx_left .mod_left_blank .cnt{
        padding:5px;
    }
    #wrp .box1 .bx_left .mod_left_blank .cnt .blogImage{
        text-align:center;
    }
    #wrp .box1 .bx_left .mod_left_blank .cnt img{
        text-align:center;
        max-width:95%;
        height:auto;
        margin-top:5px;
        margin-bottom:5px;
        border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
    }
    * html #wrp .box1 .bx_left .mod_left_blank .cnt img{
        width:220px;
        height:auto;
    }

    #wrp .box1 .bx_left .mod_left_blank .cnt .blog_description h4{
        padding:5px;
        color:#ddd;
        text-align: center;
        font-size: 14px;
        margin:0px;
        font-weight:normal;
        font-family: 'Amaranth',"estedad";
    }


    /*-- LI & UL --*/
    #wrp .box1 .bx_left .mod_left ul{
        padding:0px;
        margin:0px;
    }
    #wrp .box1 .bx_left .mod_left li{
        margin:0px;
        list-style:none;
    }

    /* Categories ----- */
    #wrp .box1 .bx_left .mod_left ul li ul.subcats a{
        padding-right:10px;
        padding-top:1px;
        display:inline-block;
        background:url(//cdn.bayan.ir/blog/templates/424/sub_ico.png) right no-repeat;
    }
    #wrp .box1 .bx_left .mod_left ul li ul.subcats a:hover{background:url(//cdn.bayan.ir/blog/templates/424/sub_ico.png) right no-repeat;}
    #wrp .box1 .bx_left .mod_left .cats li a{
        padding-bottom:0px;
        padding-right:20px;
        display:table-cell;
        *
        display:inline-block;
    }
    #wrp .box1 .bx_left .mod_left .cats li a:before{
        content:'\f0c8';
        font-family:'fontawesome';
        display:inline;
        padding-left: 5px;
    }
    #wrp .box1 .bx_left .mod_left .cats li .subcats li a:before{content:unset;}
    #wrp .box1 .bx_left .mod_left .cats li h3{
        margin:0px;
        font: 14px 'Amaranth',"estedad";
        font-weight:bold;
        display: inline-block;
    }
    #wrp .box1 .bx_left .mod_left .cats li.selected{background:none;}
    #wrp .box1 .bx_left .mod_left .subcats li.selected{background:none;}
    #wrp .box1 .bx_left .mod_left .subcats{
        margin-right: 14px;
        margin-top: -3px;
    }
    #wrp .box1 .bx_left .mod_left .cats .count{
        cursor:default;
        display:table-cell;
        color:#999;
    }
    #wrp .box1 .bx_left .mod_left .subcats .count{
        cursor:default;
        display:inline-block;
        color:#999;
    }

    #wrp .box1 .bx_left .mod_left .category_selected{
        color:#03a9f4;
        padding:2px 5px 2px 5px;
        display:block;
        height:21px;
        max-height:auto;
        *height:auto;
        border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
    }
    #wrp .box1 .bx_left .mod_left .category_selected a{
        color:inherit;
        cursor:default;
    }

    /*-LINKs-*/
    #wrp .box1 .bx_left .mod_left ul.links li{
        padding:2px 5px 3px 5px;
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
        *background:none;
        *border-bottom:1px solid #F5F5F5;
        border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
        -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s;
        /*white-space:nowrap; 
        overflow:hidden;*/
    }
    #wrp .box1 .bx_left .mod_left ul.links li:hover{
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
    }
    #wrp .box1 .bx_left .mod_left .links li.selected{
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
    }
    #wrp .box1 .bx_left .mod_left .links li a{
        padding-bottom:3px;
        padding-right:10px;

    }

    #wrp .box1 .bx_left .mod_left .links li.selected a{
        color:#03a9f4;
        background: url(//cdn.bayan.ir/blog/templates/41199/sidebar-bullet.png) no-repeat right;
    }
    #wrp .box1 .bx_left .mod_left .links .count{
        cursor:default;
        color:#999;
    }
    #wrp .box1 .bx_left .mod_left ul.links li:last-child {
        border-bottom:0px;
        background:none;
    }
    #wrp .box1 .bx_left .mod_left ul.links li:last-child:hover{}
    #wrp .box1 .bx_left .mod_left ul.links li.selected:last-child {}

    /* Advertising ---- */
    #wrp .box1 .bx_left .mod_left .cnt.ads{
        text-align: center;
        padding-top: 11px;
        padding-right: 5px;
        padding-bottom: 2px;
    }
    #wrp .box1 .bx_left .mod_left .cnt.ads .view_ads{
        margin-bottom:10px;
        display:block;
    }


    /*-- STAT Graph --*/
    #wrp .box1 .bx_left .mod_left #stat_summary_div {
        clear:both;
        padding:2px 6px;
    }

    #wrp .box1 .bx_left .mod_left .cnt.stat{}
    #wrp .box1 .bx_left .mod_left .cnt.stat .row{
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
        *background:none;
        clear:both;
        padding:0px 15px 23px 15px;
    }
    #wrp .box1 .bx_left .mod_left .cnt.stat .row:last-child{
        background:none;
    }
    #wrp .box1 .bx_left .mod_left .cnt.stat .StatTitle{
        cursor:default;
        color:#aaa;
        font-size:11px;
        border:none;
        font-weight:normal;
        float:right;
        text-align:right;

    }
    #wrp .box1 .bx_left .mod_left .cnt.stat .Value{
        color:#eee;
        cursor:default;
        float:left;
        padding-left:10px;
        text-align:left;
    }



    /* TAG Cloud ---- */
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud h3{
        margin:0px 0px 0px 0px;
        font-size:11px;
        font-family:'Amaranth',"estedad";
        font-weight:normal;
        display:inline-block;
        *display:inline;
        *margin:2px;
    }
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud span{
        display:inline-block;
        margin:1px 0px 1px 0px;
    }
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a{
        padding:2px 5px 2px 5px;
        color: #ccc;
        border: #4c4c4c 1px solid;
        display:table-cell;
        *
        ;
        font-family:'Amaranth',"estedad";
        display:inline-block;
        margin:2px 0px 2px 0px;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a:hover{
        color: #03a9f4;
        border: 1px solid #03a9f4;
        -moz-box-shadow:inset 0 0 8px #222;
        -webkit-box-shadow:inset 0 0 8px #222;
        box-shadow:inner 0 0 8px #222;
    }
    #wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected{
        color: #03a9f4;
        border: 1px solid #03a9f4;
        -moz-box-shadow:inset 0 0 8px #222;
        -webkit-box-shadow:inset 0 0 8px #222;
        box-shadow:inner 0 0 8px #222;
    }

    /* Recent Posts ---- */
    #wrp .box1 .bx_left .mod_left .cnt .list_view li{}
    #wrp .box1 .bx_left .mod_left .cnt .list_view li a{
        padding-bottom:3px;
        padding-right:10px;
        background:url(//cdn.bayan.ir/blog/templates/424/sidebar-bullet.png) right no-repeat;
    }

    /*- Mobile -*/
    #wrp .box1 .bx_left .mod_left .cnt .list_view.mobile li a{
        padding-bottom:3px;
        padding-right:10px;
        display:table-cell;*display:inline-block;
        background:url(//cdn.bayan.ir/blog/templates/424/sidebar-bullet.png) right no-repeat;
    }
    #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected li a{
        color:#03a9f4;
        background: url(//cdn.bayan.ir/blog/templates/41199/sidebar-bullet.png) no-repeat right;
    }

    #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt{
        margin-right:-1px;
        margin-bottom: -1px;
        padding:4px 5px 6px 0px;
        line-height: 18px;
        border:none;
        border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
        -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s;
    }
    .post-list-date img{width:35px;border-radius:6px;margin-left:7px;transition:0.4s ease;}
    li:hover .post-list-date img{-ms-filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);transition:0.4s ease;}
    #wrp .box1 .bx_left .mod_left .post-list-date {color: #eee;transition: .4s ease;}
    #wrp .box1 .bx_left .mod_left li:hover .post-list-date {transition: .4s ease; color: #03A9F4;}
    #wrp .box1 .bx_left .mod_left .cnt .list_view li {color: #03A9F4;transition: .4s ease;}
    #wrp .box1 .bx_left .mod_left .cnt .list_view li:hover {color: #eee; transition: .4s ease;}
    #wrp .box1 .bx_left .mod_left .cnt .list_view li a:hover{
        color: #03a9f4;
        background: url(//cdn.bayan.ir/blog/templates/41199/sidebar-bullet.png) no-repeat right;
    }
    #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt:hover{
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
    }
    #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected{
        background:url(//cdn.bayan.ir/blog/templates/424/line.png) no-repeat center bottom;
    }

    #wrp .box1 .bx_left .mod_left .cnt .list_view .date{
        cursor:default;
        font-size:9px;
        color:#999;
        display:none;
    }
    #wrp .box1 .bx_left .mod_left .cnt .list_view.mobile .date{
        display:inherit;
    }
    .cnt.max {
        overflow: hidden;
        white-space: nowrap;
    }


    /* wrp -> Content -> BX_Center --------------------------------------------- */
    .align{padding-right: 0;padding-left: 0;}
    .post_break{ padding-top:0px;}

    #wrp .box1 .bx_center{
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    #wrp .box1 .bx_center{
        width: 71%;
        float: right;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    #wrp .box1 .bx_center .mod_center{
        padding-top:15px;
    }

    /* POST CENTER / CONTENT -> ------*/
    #wrp .box1 .bx_center a{
    }

    #wrp .box1 .bx_center .messages{
        margin-bottom:15px;
        background: #0c0c0c;
        border-right: 4px solid #03A9F4;
    }
    #wrp .box1 .bx_center .messages .cnt{
        padding:8px 15px 7px 15px;
        color:#aaa;
    }
    #wrp .box1 .bx_center .messages .cnt h2{
        color:#ccc;
        text-shadow:1px 1px 2px #222;
        font-size:19px;
        font-weight:bold;
        text-align: center;
        cursor:default;
        margin:5px;
    }
    #wrp .box1 .bx_center .messages .cnt h2 a.comment_count{ color:#ccc;text-shadow:1px 1px 2px #222;}
    #wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover{ color:#eee;}

    #wrp .box1 .bx_center .post{
        margin-bottom: 30px;
    }
    #wrp .box1 .bx_center .post .title{text-align: right;margin: 0;padding: 0;overflow:hidden;z-index: 0;}
    #wrp .box1 .bx_center .post .title .fa-pencil-square-o{font-size:2em;color: #cccccc;vertical-align:middle;padding-left: 8px;}
    #wrp .box1 .bx_center .post .title .date_title{
        color:#888;
        cursor:default;
        padding:0px 0px 5px 5px;

    }
    #wrp .box1 .bx_center .post .title li{
        line-height:1.4em;
        font-size: 17px;
        font-family:'Amaranth',"estedad";
        color:#ccc;
        width: 100%;
        padding-bottom:3px;
        display: inline-block;
        text-align: right;
        z-index: 1;
        font-weight:bold;
        vertical-align: middle;
        margin:0px;
        padding: 0px 0px 5px 0px;
        text-shadow:1px 1px 2px #333;
    }
    #wrp .box1 .bx_center .post .title li a{
        color:#ccc;
        display: inline-block;
        padding: 0 0px 0px 6px;
    }
    #wrp .box1 .bx_center .post .title li a:hover{
        color:#03a9f4;
    }
    #wrp .box1 .bx_center .post .body{
        color: #ccc;
        font-size: 14px;
        overflow:hidden;
        height:auto;
        line-height:1.9em; /*new*/
        font-family: 'Amaranth',"estedad";
    }
    #wrp .box1 .bx_center .post .body .cnt a{
        color:#03a9f4;
    }
    #wrp .box1 .bx_center .post .body .cnt a:hover{
        color:#fff;
    }
    #wrp .box1 .bx_center .post .body .cnt{
        text-align:justify;
        padding: 15px;
    }
    #wrp .box1 .bx_center .post .body .post_list{
        background: url(//cdn.bayan.ir/blog/templates/359/blackdot3.png);
    }

    #wrp .box1 .bx_center .post .body .post-image{
        display: block;
        width: 100%;
        margin: auto;
    }
    #wrp .box1 .bx_center .post .body .post-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 7px;
    }
    #wrp .box1 .bx_center .post .body .cnt ul{
        margin-top:-4px;
    }
    #wrp .box1 .bx_center .post .body .cnt ul li{
        margin-right:5px;
        line-height:1.9em; /*new*/
    }

    #wrp .box1 .bx_center .post .body .cnt img{
        max-width:98%;
        height:auto;
        margin-right:1px;
        border:0px solid #CCC;
        padding:2px;
    }
    #wrp .box1 .bx_center .post .body .post_list img{
        position: relative;
        overflow:hidden;
        max-width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        height:auto;
        margin-right:1px;
        border:0px solid #CCC;
        padding:2px;
    }
    #wrp .box1 .bx_center .post .body .post_list img:hover{
        -ms-filter: sepia(1);
        -webkit-filter: sepia(1);
        -moz-filter: sepia(1);
        -o-filter: sepia(1);
        filter: sepia(1);
    }
    /*--- Post Detail ---*/

    #wrp .box1 .bx_center .post .post-info .readmore{margin-right: 0px;float: unset;margin-bottom: 15px;display: block;}

    #wrp .box1 .bx_center .post .post-info .readmore a{margin: auto;margin: 4px;padding:4px 7px 6px 7px;color: #ffffff;border-right: 3px solid #fff;border-bottom: 3px solid #fff;border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px;}

    #wrp .box1 .bx_center .post .post-info .readmore a:hover{
        border-color: #03a9f4;
        color: #fff;
    }

    #wrp .box1 .bx_center .post .post_detail{
        border-right: 4px groove #03a9f4;
        border-left: 4px groove #03a9f4;
        margin-left: 17px;
        background: #0c0c0c;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt{
        padding: 3px 0px 0px 0px;
        color: #888;
    }
    #wrp .box1 .bx_center .post .post_detail.rm{display: inline-block;width: 99%;margin: auto;border-left: 0;vertical-align: middle;border-right: 0;padding: 0px 7px 4px 0px;}
    #wrp .box1 .bx_center .post .post_detail .cnt .det_right{}
    #wrp .box1 .bx_center .post .post_detail .cnt .det_left{
        float:left;
        margin-left:5px;
    }

    #wrp .box1 .bx_center .post .post_detail a{color:#888;text-shadow:none;font-size: 14px;cursor:pointer;}
    #wrp .box1 .bx_center .post .post_detail a:hover{color:#ccc;}

    #wrp .box1 .bx_center .post .post_detail .cnt ul{
        margin:0px;padding:0px;
        list-style:none;
    }

    #wrp .box1 .bx_center .post .post_detail .cnt .det_left li{
        text-align: center;
        float: left;
        padding-right:7px;
        padding-left: 7px;
        border-right:0px solid #666;
        background:url(//cdn.bayan.ir/blog/templates/424/middle-info.png) no-repeat center right;
        list-style:none;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .det_right li{
        list-style:none;
        float: right;
        padding-right: 1px;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .date{
        cursor:default;
        display:block;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .cmt{
        display:block;
        cursor:pointer;
    }
    #wrp .box1 .bx_center .post .post_detail .rating{
        padding-right:0px;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .rating{
        display:block;
    }
    #wrp .box1 .bx_center .post .post_detail .rating a{
        color:#888;
        text-shadow:none;
    }
    #wrp .box1 .bx_center .post .post_detail .rating a:hover{
        color:#ccc;
    }


    /* rating */
    .rate-box .rate-up{margin-left: 4px;}
    .rate-button-box.rated {font-weight:bold;}
    .rate-box .fa{
        color:red;
        text-decoration:none;
    }
    .rate-box:hover .fa-heart-o:before {
        content: "\f004";
        transition-duration: .5s;
        color:red;
    }
    .rate-box.rated .fa-heart-o:before {
        content: "\f004";
        transition-duration: .5s;
        color:red;
    }
    /*COMMENT  --------------------------------------------- */
    #wrp .box1 .bx_center .post_comments{

    }
    #wrp .box1 .bx_center .cmt_break{
        margin-bottom:10px;
    }
    #wrp .box1 .bx_center .post_comments .title_cmt{
        height:20px;
        width:100%;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt{
        height:auto;
        line-height:1.9em; /*new*/
        padding-top:5px;
        padding-bottom:8px;
        background:#383838;
        border:1px solid #666;
        border-top:none;
        border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt{
        color:#ccc;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_l{
        display:inline-block;
        margin-right:-70px;
        vertical-align:top;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r{
        display:inline-block;
        margin-right:-70px;
        min-width:50px;
        height:auto;
        float:right;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r img{
        width:30px;
        height:auto;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt a{
        color:#ccc;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt a:hover{
        color:#fff;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt{
        padding:0 80px 0 20px;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul{
        margin-top:-4px;
    }
    #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul li{
        margin-right:5px;
        line-height:1.9em; /*new*/
    }

    /*-- Comment Details --*/
    .post-comments {
        font: 14px 'Amaranth',"estedad";
    }

    .post-comment {
        margin-bottom: 0px;
        border-radius: 5px;
    }

    .comment-details {
        padding: 0;
        cursor: default;
        padding-bottom: 5px;
    }

    .comment-details a {
        color: #fff;
        cursor: pointer;
        margin-right: 0px;
        vertical-align: super;
        -moz-transition-duration: .0s;
        -webkit-transition-duration: .0s;
        -o-transition-duration: .0s;
        -khtml-transition-duration: .0s;
        padding: 1px 5px;
        border-radius: 7px;
    }
    .comment-details a:hover{color:#03a9f4}
    .comment-details-left {
        padding: 4px 0 0 5px;
        float: left;
    }

    .comment-avatar img {
        width: 50px;
        height: auto;
        border-radius: 100%;
        display: inline-block;
    }

    .comment-name {
        color: #000;
        cursor: default;
        vertical-align: sub;
        padding: 0px 5px;
    }

    .comment-body {
        padding: 10px;
        background: #202021;
        display: block;
        border-radius: 18px 9px 18px 18px;
        margin: auto;
        margin-bottom: 10px;
        width: 90%;
    }

    .comment-body-content {
        color: #ccc;
        word-break: break-word;
    }

    .comment-date {
        color: #000;
        display: block;
        text-align: left;
        font-size: 10px;
        float: left;
    }
    .comment-date span{
        background: #b5b5b5;
        padding: 2px 8px;
        border: 1px solid #272727;
        border-radius: 7px;
    }
    .comment-website {
        background: url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -102px no-repeat;
        width: 18px;
        height: 23px;
        display: inline-block;
    }

    .comment-website:hover {
        background-position: center -125px;
        cursor: pointer;
    }

    .comment-email {
        background: url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -60px no-repeat;
        width: 18px;
        height: 23px;
        display: inline-block;
    }

    .comment-email:hover {
        background-position: center -79px;
        cursor: pointer;
    }

    /*-- Reply --*/
    .reply-align{text-align:left;}
    .comment-reply {
        margin: 14px 23px 35px 0px;
    }
    .comment-reply .comment-reply-details{
        padding: 0;
        padding-bottom: 5px;
    }
    .comment-reply .comment-name{text-align: left;margin-bottom: 0px;display: inline-block;}
    .comment-reply .comment-name span{color: #eee;padding: 2px 7px;border-radius: 7px;}
    .comment-reply-details {
        padding: 5px 10px 0;
    }

    .comment-reply-date {
        color: #000;
        margin-left: 1px;
        font-size: 10px;
        margin-bottom: 5px;
    }
    .comment-reply-date span{
        background: #b5b5b5;
        padding: 2px 8px;
        border: 1px solid #6d6d6d;
        border-radius: 7px;
    }
    .comment-reply-date .left-date{text-align:left;float:left;}
    .comment-reply-date .reply-name{text-align:right;border:0px;font-size:14px;background: none;}

    .comment-reply-name {
        color: #31ace0;
        cursor: default;
    }

    .comment-reply-body {
        color: #000000;
        padding: 10px;
        word-break: break-word;
        text-align: right;
        background: #607D8B;
        margin-bottom: 0px;
        margin-top: 0px;
        border: 1px solid #ffffff;
        box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1);
        border-radius: 20px 20px 20px 20px;
        display: block;
        width: 90%;
        margin: auto;
    }


    .comment_add_form{
        color:#CCC;
    }
    div.commentForm input.sendbutton{
        padding:5px 15px 6px 15px;
        float: right;
        background: transparent;
        color: #ffffff;
        display: block;
        border: #ffffff 1px solid;
        text-shadow:none;
        margin:1px;
        cursor:pointer;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    div.commentForm input.sendbutton:hover{
        background: transparent;
        color: #03a9f4;
        border: 1px solid #03a9f4;
        -moz-box-shadow:inset 0 0 8px #222;
        -webkit-box-shadow:inset 0 0 8px #222;
        box-shadow:inner 0 0 8px #222;
    }
    .comment_add_form{
        font-family:'Amaranth',"estedad";
        margin-bottom:15px;
        padding:10px 10px 10px 11px;
        background: url(//bayanbox.ir/view/7581160447843942850/slash.svg);
        border-bottom:1px solid #5f5f5f;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-box-shadow:inset 0 0 8px #333;
        -webkit-box-shadow:inset 0 0 8px #333;
        box-shadow:inner 0 0 8px #333;
    }
    .comment-add-form div.formField2 input.text,
    select {
        height: 25px;
        width: 100%;
        font-size: 15px;
        font-family: 'Amaranth','estedad';
    }
    div.commentForm iframe {background:#FFF;}
    .blog-title-1 {
        margin: 0;
    }

    .blog-description-2 {
        animation-name: blog-desc;
    }

    .blog-description-2 {
        display: block;
        padding: 15px;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        font-family: 'Amaranth',"estedad";
    }

    @keyframes blog-title-a {
        0%,
        50%,
        100% {
            opacity: 0;
            width:0;
        }
        10%,
        40% {
            width:max-content;
            opacity:  1;
        }
    }

    @keyframes blog-desc {
        0%,
        50%,
        100% {
            width:0;
            opacity: 0;
        }

        60%,
        90% {
            width:max-content;
            opacity:  1;
        }
    }

    /* KEYWORDS POST TAG ----------------- */
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post{
        margin-top:5px;
        margin-right:8px;
        cursor:default;
        display:block;
    }
    .keywords_post .fa-tag{font-size: 16px;vertical-align: super;}
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span{
        display:inline-block;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span a{
        border-right:1px dashed #aaa;
        padding:2px 7px 2px 7px;
        display:table-cell;
        margin-bottom:5px;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3{
        margin:0px;
        font-size:11px;
        font-family:"tahoma","Times New Roman", Times,Arial,serif;
        font-weight:normal;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post .first a {
        border-right:none;
    }


    #wrp .box1 .bx_center .post .post_detail .cnt .author{
        padding-right: 3px;
        border-left:0px solid #e8e8e8;
        padding-left: 3px;
        cursor:default;
        display:block;
    }
    #wrp .box1 .bx_center .post .post_detail .cnt .post_rating{
        padding-right:10px;

    }

    /*-- ReNew Button  ------*/
    img.renew{
        background: url(//cdn.bayan.ir/blog/templates/424/pd_ico_renew.png) no-repeat center;
        width:20px;
        height:20px;
        vertical-align:middle;
    }
    /*animation part start*/
    @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
    /*animation part ends*/

    /*Pagination  --------------------------------------------- */
    #wrp .box1 .bx_center .pagination{
        cursor:default;
        display:block;
        text-align:center;
        margin: 7px 0px 7px 0px;
    }
    #wrp .box1 .bx_center .pagination .left{
        margin-left:-3px;
    }

    #wrp .box1 .bx_center .pagination a {
        padding:3px 7px 3px 7px;
        margin-left:3px;
        cursor:pointer;
        background: #000;
        color: #ccc;
        border:#717171 1px solid;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    #wrp .box1 .bx_center .pagination a:hover {
        color: #03a9f4;
        border: 1px solid #03a9f4;
        -moz-box-shadow:inset 0 0 8px #222;
        -webkit-box-shadow:inset 0 0 8px #222;
        box-shadow:inner 0 0 8px #222;
    }
    .pagination {
        padding-top:0px;
    }


    /* Footer --------------------------------------------- */
    .footer{
        clear:both;
        margin-top:15px;
    }
    .footer .cnt{
        line-height:3;
        padding: 16px 0px;
        display: inline-block;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .footer .links{
        cursor:default;
        color:#797979;
        display: inline-block;
    }
    .footer .links a{
        color:#e1e1e1;
        text-decoration:none;
    }
    .footer .links a:hover{
        color: #03a9f4;
    }

    .footer .icons{
        display: inline-block;
        vertical-align: middle;
    }
    .footer .icons a{
        float:left;
        margin-right:3px;
    }
    .footer .icons .rss{
        background:url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-dark.png) no-repeat;
        width:20px;
        height:20px;
    }
    /*Followrs section*/
    .followersTitle {font-family: 'Amaranth',"estedad";font-weight:bold;}
    .followThis.followed {
        background: #000;
        border: 3px solid #03a9f4;
        border-radius: 20px;
        border-top: 1px solid #034563;
        border-left: 1px solid #034563;
    }

    .followThis {
        background: #000;
        border: 3px solid #5ca904;
        border-radius: 20px;
        border-top: 1px solid #5ca904;
        border-left: 1px solid #5ca904;
    }
    /*Followrs section*/

    /*search submit color*/
    .search-box.dark .submit {background-color: #03A9F4;cursor: pointer;}
    .search-box.dark .submit:hover, .search-box.dark .submit:focus {background-color: #ccc;}
    .search-box input.text {font-family: 'Amaranth',"estedad";}
    /*search submit color*/
    audio,video{max-width:100%;}img{height:auto!important;}#wrp .box1 .bx_left .mod_left .links li a:before{content:'\f0d9';font-size:17px;vertical-align:middle;font-family:'fontawesome';display:inline;padding-left: 5px;}
    @media screen and (max-width: 1200px){
        #wrp .box1 .bx_center .post .post_detail.rm{display: inline-block;width: 99%;margin: auto;}
    }
    @media screen and (max-width: 978px){
        #wrp .box1 .bx_center{width:63%;}
        #wrp .box1 .bx_left{width:37%}
    }
    @media screen and (max-width: 768px){
        #wrp .box1 .bx_center .post .title li{margin-bottom: 12px;}
        .header .title h1{display:block;text-align: center;color: #03a9f4;}
        .header .title h2{line-height: 2;font-size: 14px;padding: 0px 5px 5px;}
        #wrp .box1 .bx_center {width:100%;}
        #wrp .box1 .bx_left{width:100%;}
        #wrp{width:96%;}
    }
    @media screen and (max-width: 480px){
        .header{height: 25em;}
        .planet {width: 14em;left: calc(50% - 7em);height: 14em;}
        .moon-rotate {margin-top: 6em;}
        @keyframes moonOrbitX {
            from {
                transform: translateZ(0) translateX(-9em);
            }
            50% {
                transform: translateZ(0) translateX(9em);
            }
            50.01% {
                transform: translateZ(-1px) translateX(9em);
            }
            to {
                transform: translateZ(-1px) translateX(-9em);
            }
        }
        #wrp .box1 .bx_center .post .post_detail .cnt .date{display:none;}
        .sectime .date{color: #ccc;display: inline-block;padding: 2px 4px;float: left;text-shadow: 1px 1px 1px #000000;}
    }
/*  قالب منظومه - Manzomeh template v1 
    prowebplus.blog.ir template no. 17 
    prowebplus.blog.ir قالب شماره 17 پرو وب پلاس 
*/