/* SEPID Minimal - Boomlog Theme - VIRAWARE™ */
/* By Babak Arjomandi - viraw.ir */
/* Minimal Professional Edition - Updated 2026-10-13 */
/* Ver: 5.2 */

/* ============ Fonts ============ */
@font-face{font-family:'Vazir';src:url('https://themes.viraw.ir/fonts/Vazir/Vazir-Light-FD-WOL.woff') format('woff'),url('https://themes.viraw.ir/fonts/Vazir/Vazir-Light-FD-WOL.ttf') format('truetype');font-style:normal;font-weight:normal;font-display:swap}
@font-face{font-family:'Vazir';src:url('https://themes.viraw.ir/fonts/Vazir/Vazir-Bold-FD-WOL.woff') format('woff'),url('https://themes.viraw.ir/fonts/Vazir/Vazir-Bold-FD-WOL.ttf') format('truetype');font-style:normal;font-weight:bold;font-display:swap}

/* Doran Fonts v2.5 - Fontiran (Commercial/Proprietary) - license: KM6NL3UI - www.fontiran.com */
@font-face{font-family:'Doran Classic Dots FaNum';font-style:normal;font-weight:normal;font-display:swap;src:url('https://themes.viraw.ir/fonts/Doran3Pro/FaNum/woff2/DoranClassicDotsFaNum-Regular.woff2') format('woff2'),url('https://themes.viraw.ir/fonts/Doran3Pro/FaNum/woff/DoranClassicDotsFaNum-Regular.woff') format('woff')}
@font-face{font-family:'Doran Classic Dots FaNum';font-style:normal;font-weight:bold;font-display:swap;src:url('https://themes.viraw.ir/fonts/Doran3Pro/FaNum/woff2/DoranClassicDotsFaNum-Bold.woff2') format('woff2'),url('https://themes.viraw.ir/fonts/Doran3Pro/FaNum/woff/DoranClassicDotsFaNum-Bold.woff') format('woff')}

/* ============ Tokens ============ */
:root{
  --boom:#4bafd3;           /* accent (overridden per site) */
  --back:#31363d;           /* dark tone (overridden per site) */
  --love:#d93025;
  --logoH:80%;              /* logo height inside the 60px bar (max 60px) */
  --cc:3; --ccs:2; --scc:3; --sccs:2;
  --hfbg:url();
  --ink:#1f2328; --muted:#6b7280; --faint:#9aa1ab;
  --line:#e6e8eb; --soft:#f5f6f8; --paper:#fff;
  --accent-ink:#2a8fb4;
  --radius:10px; --maxw:1120px; --read:740px;
}

/* ============ Base ============ */
*{font-family:'Vazir',Arial,Helvetica,sans-serif;box-sizing:border-box}
input,textarea{-webkit-appearance:none;appearance:none;font-family:inherit}
input[type="submit"]{border-radius:6px}
input[type="email"],input[type="url"],input[type="tel"]{text-align:left;direction:ltr}
img{max-width:100%}
img[onclick]{cursor:pointer}
html{margin-top:60px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding:0;width:100%;background:var(--paper);color:var(--ink);direction:rtl;text-align:right;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
.firstColor{color:var(--muted)}
.secondColor{color:var(--back)}
#parent{display:block;position:relative;margin:0 auto}
#screenbg{display:none;position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(2px)}

/* ============ Top bar ============ */
#loginbarBG{display:block;position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
#loginbarBG[ontop]{box-shadow:0 2px 20px rgba(0,0,0,.06);background:rgba(255,255,255,.97)}
#loginbarContainer{display:block;position:relative;height:60px;overflow:hidden;background:var(--minilogo) no-repeat center center;background-size:auto var(--logoH,80%)}
#loginbarContainer #logo{display:none}
#loginbar{display:block;margin:15px 0;height:30px;line-height:30px;padding:0 14px;text-align:right;font-size:12px;color:var(--muted)}
#loginbar span.mobileMenuKey{display:inline-block;width:30px;height:30px;margin-left:10px;color:transparent;overflow:hidden;vertical-align:top;cursor:pointer;background:url(icons/menu.png) no-repeat center center;background-size:22px;opacity:.85;transition:opacity .2s}
#loginbar span.mobileMenuKey:hover{opacity:1}
#loginbar a.sendPost,#loginbar a.buttonAdmin,#loginbar a.buttonDashboard{display:none}
#loginbar a.buttonLogin{display:block;float:left;width:30px;height:30px;margin:0 10px 0 0;color:transparent;overflow:hidden;background:url(icons/lock.png) no-repeat center center;background-size:20px auto;opacity:.8}
#loginbar a.buttonLogin:hover{opacity:1}
#loginbar a.buttonCart{display:block;float:left;position:relative;width:30px;height:30px;color:transparent;background:url(icons/cart.png) no-repeat center center;background-size:22px auto;opacity:.85}
#loginbar a.buttonCart:hover{opacity:1}
#loginbar a.buttonCart[data-badge]:after,#loginbar a.buttonUser[data-badge]:after{content:attr(data-badge);position:absolute;z-index:10;top:-6px;left:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--boom);color:#fff;font-size:10px;line-height:18px;text-align:center}
#loginbar a.buttonCart[data-badge="0"]:after,#loginbar a.buttonUser[data-badge="0"]:after{display:none}
#loginbar a.buttonUser{display:block;float:left;position:relative;width:30px;height:30px;margin:0 10px 0 0;color:transparent;font-size:14px;line-height:30px;text-decoration:none}
#loginbar a.buttonUser img{position:absolute;top:0;left:0;width:30px;height:30px;margin:0;border:2px solid var(--boom);border-radius:50%}
#loginbar a.buttonLogout{display:inline-block;width:20px;height:20px;margin:4px 0;color:transparent;vertical-align:top;border:1px solid var(--line);background:url(images/icon/lock-16.png) no-repeat center center;background-size:12px auto}
#loginbar a.buttonLogout:hover{background-color:var(--back)}

/* ============ Search ============ */
#searchbar{display:block;position:relative;max-width:680px;margin:0 auto;padding:18px 24px 6px;text-align:right;white-space:nowrap}
#searchInput{display:block;width:100%;height:44px;margin:0;padding:0 46px 0 48px;font-size:14px;line-height:44px;color:var(--ink);text-align:right;background:var(--soft) var(--favicon) no-repeat right 16px center;background-size:18px 18px;border:1px solid transparent;border-radius:22px;outline:0;transition:background-color .2s,border-color .2s,box-shadow .2s}
#searchInput:focus{background-color:var(--paper);border-color:var(--boom);box-shadow:0 0 0 3px color-mix(in srgb,var(--boom) 15%,transparent)}
#searchBtn{display:block;position:absolute;top:18px;left:30px;width:44px;height:44px;margin:0;padding:0;border:0;color:transparent;overflow:hidden;cursor:pointer;background:url(images/icon/n/search.png) no-repeat center center;background-size:20px auto;opacity:.6}
#searchBtn:hover{opacity:1}

/* ============ Hero header ============ */
#headerBG{display:block;padding:0;text-align:center}
#header{display:block;position:relative;width:calc(100% - 32px);max-width:var(--maxw);height:clamp(280px,50vh,500px);margin:12px auto 0;overflow:hidden;background:var(--hfbg);background-size:cover;border-radius:14px}
#header:not(:has(slideshow)){filter:grayscale(.4)}
#submenubar:empty{display:none}
slideshow{display:block;position:absolute;inset:0;margin:0;padding:0;overflow:hidden;white-space:normal;background:var(--back)}
slideshow figure{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:0 0 52px;overflow:hidden;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
slideshow figure.active{opacity:1;visibility:visible;z-index:1}
slideshow figure img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;border-radius:0;box-shadow:none}
slideshow figure:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,0) 75%)}
slideshow figcaption{position:relative;z-index:2;max-width:760px;padding:0 28px;font-size:clamp(22px,3.2vw,34px);font-weight:bold;line-height:1.5;text-align:start;color:#fff;white-space:normal;text-shadow:0 2px 12px rgba(0,0,0,.5)}
slideshow figdesc{position:relative;z-index:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:720px;overflow:hidden;padding:6px 28px 0;font-size:16px;line-height:1.8;text-align:start;color:rgba(255,255,255,.88);white-space:normal}
slideshow .arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;font-size:16px;line-height:1;color:#fff;cursor:pointer;opacity:0;background:rgba(0,0,0,.32);border-radius:50%;user-select:none;-webkit-user-select:none;transition:opacity .2s,background .2s}
slideshow .arrow.left{left:16px}
slideshow .arrow.right{right:16px}
slideshow:hover .arrow{opacity:1}
slideshow .arrow:hover{background:rgba(0,0,0,.6)}
slideshow .dots{position:absolute;bottom:16px;inset-inline:0;z-index:5;display:flex;justify-content:center;gap:8px}
slideshow .dot{width:8px;height:8px;cursor:pointer;background:rgba(255,255,255,.5);border-radius:4px;transition:all .25s}
slideshow .dot.active{width:24px;background:#fff}
slideshow .controls{position:absolute;top:14px;inset-inline-end:16px;z-index:5}
slideshow .controls .btn{padding:4px 14px;font-size:12px;line-height:22px;color:#fff;cursor:pointer;opacity:.75;background:rgba(0,0,0,.35);border:0;border-radius:14px;transition:opacity .2s}
slideshow .controls .btn:hover{opacity:1}
@media (hover:none){slideshow .arrow{opacity:.85}}

/* ============ Menu overlay ============ */
#navbarBG{display:none;position:fixed;inset:0;z-index:120;padding:60px 0 0;background:var(--back);filter:opacity(.97);overflow-y:auto;overflow-x:hidden}
#navbar{display:block;position:relative;max-width:560px;margin:0 auto 50px;padding:0 24px;white-space:nowrap;text-align:right}
#navbar a{display:block;position:relative;height:48px;line-height:48px;padding:0 50px 0 12px;font-size:16px;text-decoration:none;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.1);background-repeat:no-repeat;background-position:right 12px center;background-size:22px auto;transition:background-color .2s,color .2s}
#navbar a:hover{color:#fff;background-color:rgba(255,255,255,.05)}
#navbar a[selected]{color:#fff;font-weight:bold;background-color:rgba(255,255,255,.08)}
#navbar a:last-child{border-bottom:0}
#navbar div[hide]{display:block}
#navbar a[home]{background-image:var(--minilogow);background-size:30px auto;background-position:right 10px center}
#navbar a[home][selected]{background-image:var(--favicon)}
#navbar span[close]{position:fixed;z-index:250;display:block;width:40px;height:40px;top:10px;right:14px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.08) url(icons/close_w.png) no-repeat center center;background-size:16px}
#navbar span[close]:hover{background-color:rgba(255,255,255,.18)}
#navbar #search_bar_btn{display:none;background-image:url(icons/search_w.png)}
#navbar a[sendpost]{background-image:url(images/icon/png40/add_40.png)}
#navbar a[dashboard]{background-image:url(icons/view_w.png)}
#navbar a[sharing]{background-image:url(icons/share_w.png)}
#navbar a[festivals]{background-image:url(icons/award_w.png)}
#navbar a[publications]{background-image:url(icons/book_w.png)}
#navbar a[admin]{background-image:url(icons/apps_w.png)}
#navbar a[map]{background-image:url(icons/map_w.png)}
#navbar a[contact]{background-image:url(icons/contact_w.png)}
#navbar a[dashboardMenu="mypost"]{border-top:1px solid rgba(255,255,255,.25);background-image:url(icons/list_w.png)}
#navbar a[dashboardMenu="mypost"] span[addoption]{display:block;position:absolute;width:30px;height:30px;top:9px;left:10px;cursor:pointer;background:url(icons/add_W.png) no-repeat center center;background-size:22px}
#navbar a[dashboardMenu="myfriend"]{background-image:url(icons/users-alt_w.png)}
#navbar a[dashboardMenu="myinbox"]{background-image:url(icons/comment_w.png)}
#navbar a[dashboardMenu="myorders"]{background-image:url(icons/cart_w.png)}
#navbar a[dashboardMenu="myprofile"]{border-top:1px solid rgba(255,255,255,.25)}
#navbar a[dashboardMenu="myprofile"] img{display:block;position:absolute;width:28px;height:28px;right:10px;top:10px;border:2px solid var(--back);border-radius:50%;filter:brightness(1.5) grayscale(1)}
#navbar a[dashboardMenu="myusername"]{background-image:url(icons/id_w.png)}
#navbar a[dashboardMenu="myemail"]{background-image:url(icons/email_w.png)}
#navbar a[dashboardMenu="mycell"]{background-image:url(icons/cell_w.png)}
#navbar a[dashboardMenu="myinvitation"]{background-image:url(icons/invite_w.png)}
#navbar a[dashboardMenu="mypassword"]{background-image:url(icons/passkey_w.png)}
#navbar a[dashboardMenu="logout"]{background-image:url(icons/lock_w.png)}
#navbar a[dashboardMenu][data-badge]:after{content:attr(data-badge);position:absolute;top:12px;left:14px;min-width:24px;height:24px;border-radius:12px;background:var(--boom);color:#fff;font-size:11px;line-height:24px;text-align:center}
#navbar a[dashboardMenu][data-badge="0"]:after{display:none}

/* ============ Sub menu & categories ============ */
#submenubarBG{display:block;clear:both;padding:0;text-align:center}
#submenubar{display:block;margin:0 auto;padding:12px 24px 0;white-space:normal;text-align:center}
#submenubar a{display:inline-block;height:34px;line-height:34px;margin:0 0 6px 8px;padding:0 16px;font-size:14px;text-decoration:none;color:var(--muted);background:var(--soft);border-radius:17px;transition:all .2s}
#submenubar a:hover{color:var(--ink)}
#submenubar a[selected]{background:var(--boom);color:#fff}
#fullWidthView{display:block;clear:both;text-align:center}
#fullCategoryView{display:block;max-width:var(--maxw);margin:0 auto;padding:10px 24px 0;overflow:hidden}
#fullCategoryView div.categoryBox{display:block;float:right;width:230px;height:200px;margin:0 0 10px 10px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
#fullCategoryView div:last-child{display:none}
#fullCategoryView a[title]{display:inline-block;min-width:55px;height:38px;line-height:38px;margin:14px 0 0;padding:0 18px;font-size:15px;text-align:center;text-decoration:none;color:#fff;background:var(--back);border-radius:0 var(--radius) var(--radius) 0}
#fullCategoryView ul{height:120px;margin:10px 5px;padding:0 20px;overflow-y:auto}
#fullCategoryView ul li a{padding:4px;font-size:13px;line-height:22px;text-decoration:none;color:var(--muted)}
#fullCategoryView ul li a:hover{color:var(--ink)}
#fullCategoryView a img{height:22px;padding-left:5px;vertical-align:middle}

/* ============ Page layout ============ */
#pageBodyBG{display:block;clear:both;padding:0;overflow:hidden;background:var(--paper)}
#pageBody{display:block;max-width:var(--maxw);margin:0 auto;padding:32px 24px 56px;text-align:right;overflow:hidden}
#BodyContain{display:block;min-height:40vh;vertical-align:top}
#BodySide{display:block;margin:0 auto;text-align:center}
#adsBlock{display:block}
#adsBlock:empty{display:none}
#BodySide img.bannerImg{display:block;margin-bottom:10px;border:0;cursor:pointer;border-radius:var(--radius)}
#BodySide img.postImg{display:block;width:290px;margin-bottom:6px;border:1px solid var(--line);cursor:pointer;border-radius:var(--radius)}
img.bannerImg{border:0;cursor:pointer;width:100%}

/* ============ Post list (cards) ============ */
#postsList,#postsListRest{display:block}
#postsListColumn,bond{display:grid;grid-template-columns:repeat(var(--cc),minmax(0,1fr));gap:36px 28px;align-items:start;margin:0}
#postsListColumn:has(>*:not(.postItem)),#postsListColumnRest:has(>*:not(.postItem)){display:flex;align-items:flex-start;gap:28px}
#postsListColumn>*:not(.postItem),#postsListColumnRest>*:not(.postItem){display:flex;flex:1 1 0;flex-direction:column;gap:36px;min-width:0}
div.postItem{display:flex;flex-flow:column;position:relative;min-width:0;margin:0;padding:0;text-align:right;color:var(--muted);background:transparent;border:0}
div.postItem[lang="en"]{direction:ltr;text-align:left}
div.postItem>*{order:2}
div.postItem span[image]{order:1;display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--soft);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line) inset}
div.postItem span[image] img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .6s ease,filter .3s}
div.postItem:hover span[image] img{transform:scale(1.04)}
div.postItem a[title]{order:2;display:block;padding:14px 2px 2px;font-size:18px;font-weight:bold;line-height:1.7;color:var(--ink);text-decoration:none;transition:color .2s}
div.postItem a[title]:hover{color:var(--accent-ink)}
div.postItem span[time]{order:2;display:block;padding:0 2px;font-size:12px;line-height:1.8;color:var(--faint)}
div.postItem span[subtitle]{order:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:2px 2px 0;font-size:14px;line-height:1.8;color:var(--accent-ink)}
div.postItem span[shortdes]{order:4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding:6px 2px 0;font-size:14px;line-height:1.9;color:var(--muted);white-space:pre-line}
div.postItem span[price]{order:5;align-self:flex-start;display:inline-block;margin:10px 2px 0;padding:0 38px 0 16px;font-size:15px;line-height:36px;color:var(--ink);white-space:pre;border:1px solid var(--line);border-radius:18px;background:var(--paper) url(icons/cart.png) no-repeat right 12px center;background-size:18px auto}
div.postItem span[price]:hover{color:#fff;border-color:transparent;background:var(--boom) url(icons/cart_w.png) no-repeat right 12px center;background-size:18px auto}
div.postItem span[userIcon]{position:absolute;z-index:10;top:10px;right:10px}
div.postItem span[userIcon] a img{width:40px;height:40px;border:2px solid rgba(255,255,255,.7);border-radius:50%;vertical-align:middle}
div.postItem span[userIcon] a span{display:inline-block;padding:0 8px;font-size:10px;color:transparent;vertical-align:middle}

/* ============ Post detail ============ */
div.postDetail{display:block;position:relative;max-width:var(--read);margin:0 auto;padding:0;text-align:right;color:var(--ink);overflow:visible}
div.postDetail:after{content:"";display:block;clear:both}
div.postDetail[lang="en"]{direction:ltr;text-align:left}
div.postDetail h1{display:block;margin:0;padding:24px 0 8px;font-size:30px;font-weight:bold;line-height:1.55;color:var(--ink);text-align:center}
div.postDetail h1 a{color:inherit;text-decoration:none}
div.postDetail h2{display:block;margin:0;padding:0 0 22px;font-size:17px;font-weight:normal;line-height:1.9;color:var(--muted);text-align:center;white-space:break-spaces}
div.postDetail h2[subTitle]{padding:0 0 6px;font-size:20px;font-weight:bold;line-height:1.7;color:var(--accent-ink)}
div.postDetail span[editpost]{display:block;position:absolute;top:0;left:0;width:24px;height:24px;color:transparent;overflow:hidden;cursor:pointer;border-top:3px solid var(--boom);border-left:3px solid var(--boom)}
div.postDetail span[editpost]:hover{border-color:var(--back)}
div.postDetail div[mediaview]{display:block;position:relative;float:none;width:100%;margin:0 0 20px;padding:0;overflow:hidden}
div.postDetail span[image]{display:block;overflow:hidden;text-align:center;border-radius:var(--radius)}
div.postDetail span[image] img{display:block;max-width:100%;margin:0 auto;padding:0;border:0}
div.postDetail video{display:block;width:100%;max-height:60vh;border-radius:var(--radius);background:#000}
div[mediaview] audio{display:block;width:100%;margin:14px 0 0}
div.postDetail div[container]{display:block;float:none;width:100%;padding:0;border:0;overflow:hidden}
div.postDetail span[userinfo]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:0 0 14px;text-align:center}
div.postDetail span[userinfo] img{width:36px;height:36px;margin:0;object-fit:cover;border-radius:50%}
div.postDetail span[userinfo] a{font-size:14px;font-weight:bold;color:var(--ink);text-decoration:none}
div.postDetail span[userinfo] a:hover{color:var(--accent-ink)}
div.postDetail span[userinfo] span[time]{padding:0}
div.postDetail div span[time]{display:inline-block;padding:0 0 10px;font-size:13px;line-height:1.8;color:var(--faint)}
div.postDetail div span[time] a{font-weight:bold;color:var(--muted);text-decoration:none}
div.postDetail div span[time] a:hover{color:var(--ink);text-decoration:underline}
div.postDetail div span[detail]{display:block;padding:10px 0 24px;font-size:17px;line-height:2.1;color:var(--ink);text-align:justify;white-space:pre-wrap;overflow-wrap:break-word}
div.postDetail div span[detail] strong{font-weight:bold;color:var(--ink)}
div.postDetail div span[detail] a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid rgba(42,143,180,.3)}
div.postDetail div span[detail] a:hover{border-bottom-color:var(--accent-ink)}
div.postDetail div span[detail] a.hashtag{display:inline-block;margin:3px 0 3px 6px;padding:0 12px;font-size:13px;line-height:28px;color:var(--muted);background:var(--soft);border:0;border-radius:14px;transition:all .2s}
div.postDetail div span[detail] a.hashtag:hover{color:#fff;background:var(--boom);border:0}
div.postDetail div span[detail][lang="en"],div.postDetail div span[detail][lang="en"] strong{direction:ltr;text-align:left}
div.postDetail[lang="en"] h1,div.postDetail[lang="en"] h2{direction:ltr}
.postFooter{display:block;clear:both;margin:28px 0 0;padding:14px 0 0;font-size:13px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line)}
div.postDetail div[moreImages]{display:block}
div.postDetail div[moreImages] img{width:calc(50% - 10px);margin:5px;vertical-align:text-top;border-radius:6px}
div.postDetail ul[extraimage]{display:block;overflow:hidden;margin:0;padding:10px 0 0;list-style:none}
div.postDetail ul[extraimage] li{display:inline-block;margin:0 0 10px 10px;vertical-align:top}
div.postDetail ul[extraimage] li img{display:block;width:90px;border:2px solid transparent;border-radius:6px;cursor:pointer}
div.postDetail ul[extraimage] li img:hover{border-color:var(--boom)}
div.postDetail div span[price]{display:inline-block;margin:16px 0;padding:6px 58px 6px 22px;font-size:26px;font-weight:bold;line-height:1.6;color:var(--ink);text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper) url(icons/cart.png) no-repeat right 18px center;background-size:24px auto}
div.postDetail div span[price]:hover{color:#fff;background-color:var(--boom);background-image:url(icons/cart_w.png)}
div.postDetail div a[sourceUrl]{display:inline-block;margin:0 0 10px;padding:4px 14px 4px 14px;font-size:13px;line-height:22px;color:var(--muted);text-decoration:none;background:var(--soft);border-radius:15px}
div.postDetail div a[sourceUrl]:hover{color:#fff;background:var(--boom)}
div.postDetail[share] div a[sourceUrl]{display:block;margin:0;padding:12px 0;font-size:17px;font-weight:bold;text-align:center;color:var(--ink);background:none;border-top:1px solid var(--line);border-radius:0}
div.postDetail div span[share]{display:block;overflow:hidden;padding:10px 0;text-align:center;white-space:nowrap}
div.postDetail div[navigation]{display:block;padding:0;font-size:13px;line-height:40px;text-align:center}
div.postDetail div[navigation] a{display:inline-block;padding-left:4px;font-size:13px;font-weight:normal;color:var(--muted);text-decoration:none}
div.postDetail div[navigation] a:after{content:">";padding-right:5px}
div.postDetail div[navigation] a:hover{color:var(--accent-ink)}
div.postDetail div[navigation] a:last-child{color:var(--ink)}
div.postDetail div[navigation] a:last-child:after{content:""}
div.postDetail div span[keywords],div.postDetail div span[categories]{display:block;position:relative;margin:0;padding:12px 0;font-size:14px;line-height:2;text-align:right;border-top:1px solid var(--line)}
div.postDetail[lang="en"] div span[keywords],div.postDetail[lang="en"] div span[categories]{text-align:left}
div.postDetail div span[keywords] span[title],div.postDetail div span[categories] span[title]{display:inline-block;padding-left:10px;font-size:13px;color:var(--faint)}
div.postDetail div span[keywords] span[info] a,div.postDetail div span[categories] span[info] a{display:inline-block;margin:3px 0 3px 4px;padding:0 12px;font-size:13px;line-height:28px;color:var(--muted);text-decoration:none;background:var(--soft);border-radius:14px;transition:all .2s}
div.postDetail div span[keywords] span[info] a:hover,div.postDetail div span[categories] span[info] a:hover{color:#fff;background:var(--boom)}
div.postDetail div span[more]{display:block;position:relative;padding:8px 0 20px;font-size:13px;color:var(--faint);white-space:nowrap}
div.postDetail div span[more] img{display:inline-block;height:48px;margin:0 0 0 10px;vertical-align:middle;border-radius:50%}
div.postDetail div span[more] span.rating{position:absolute;top:8px;left:0;height:16px;line-height:16px;font-size:11px}
div.postDetail div span[more] span.viewed{display:inline-block;padding:0;font-size:12px;color:var(--faint);background:none}
div.postDetail span.opinionCtrl{position:absolute;top:10px;left:0;z-index:50;zoom:1.3;border-radius:2px;overflow:hidden}
span[parentComment] span.opinionCtrl{position:absolute;zoom:1}
span.opinionCtrl{display:block;width:20px;height:60px;margin:0;padding:0;font-size:12px;line-height:30px}
span.opinionCtrl span[like],span.opinionCtrl span[dislike]{display:block;width:20px;height:30px;line-height:30px;text-align:center;color:#fff;cursor:pointer}
span.opinionCtrl span[like]{background:var(--boom)}
span.opinionCtrl span[dislike]{background:var(--back)}
span.opinionCtrl span[like]:hover{background:var(--love)}
span.opinionCtrl span[dislike]:hover{background:#000}
div.postDetail span[map]{display:block;margin:0 0 10px;padding:0;border:0}
div.boomlogBodyStyle{display:block;padding:20px 0;font-size:16px;line-height:2;color:var(--ink);text-align:right;white-space:pre-wrap;overflow:hidden}

/* ============ Persian poetry ============ */
.ppoem{display:block;margin:18px 0;padding:6px 0;line-height:2.3;white-space:nowrap}
.beyt{display:block;white-space:pre-wrap}
.mesra{display:inline-block;width:calc(50% - 24px);padding:0 0 0 24px;font-family:'Doran Classic Dots FaNum';font-size:21px;text-align:justify;text-align-last:justify;-moz-text-align-last:justify;white-space:nowrap}
.mesra:last-child{padding:0 24px 0 0}
.mesra:after{content:"";width:0;height:0}
.mesra strong{font-family:'Doran Classic Dots FaNum'}

/* ============ Image slider (CSS only) ============ */
.vslides{display:block;position:relative;width:100%;height:50vh;margin:0 auto;padding:0;direction:ltr;text-align:center;list-style:none;border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.vslides *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.vslides input{display:none}
.vslide-container{display:block}
.vslide{display:block;position:absolute;top:0;width:100%;height:100%;opacity:0;transform:scale(0);transition:all .7s ease-in-out}
.vslide img{width:100%;height:100%;object-fit:contain;overflow:hidden}
.nav label{display:none;position:absolute;z-index:9;width:25%;height:100%;opacity:.25;cursor:pointer;color:transparent;text-align:center;transition:opacity .2s}
.vslide:hover + .nav label{opacity:.5}
.nav label:hover{opacity:1}
.nav .next{right:0;background:url(images/go-r.png) no-repeat right 20px center;background-size:15% auto}
.nav .prev{left:0;background:url(images/go-l.png) no-repeat left 20px center;background-size:15% auto}
input:checked + .vslide-container .vslide{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out}
input:checked + .vslide-container .nav label{display:block}
.nav-dots{display:block;position:absolute;bottom:10px;width:100%;height:11px;text-align:center;list-style:none}
.nav-dots .nav-dot{display:inline-block;position:relative;top:-5px;width:9px;height:9px;margin:0 4px;border-radius:100%;background:rgba(0,0,0,.35)}
.nav-dots .nav-dot:hover{cursor:pointer;background:rgba(0,0,0,.7)}
input#vs-img-0:checked ~ .nav-dots label#vs-img-dot-0,input#vs-img-1:checked ~ .nav-dots label#vs-img-dot-1,input#vs-img-2:checked ~ .nav-dots label#vs-img-dot-2,input#vs-img-3:checked ~ .nav-dots label#vs-img-dot-3,input#vs-img-4:checked ~ .nav-dots label#vs-img-dot-4,input#vs-img-5:checked ~ .nav-dots label#vs-img-dot-5,
input#vs-img-1:checked ~ .nav-dots label#img-dot-1,input#vs-img-2:checked ~ .nav-dots label#img-dot-2,input#vs-img-3:checked ~ .nav-dots label#img-dot-3,input#vs-img-4:checked ~ .nav-dots label#img-dot-4,input#vs-img-5:checked ~ .nav-dots label#img-dot-5,input#vs-img-6:checked ~ .nav-dots label#img-dot-6{background:var(--boom);transform:scale(1.25)}

/* ============ Maps & nearby ============ */
iframe{display:block;width:100%;height:calc(100vh - 60px);border:0}
iframe.miniMapFrame{display:block;width:100%;height:296px;margin:0 0 10px;padding:0;border-radius:var(--radius)}
iframe.videoFrame{display:block;width:100%;height:50vh;border-radius:var(--radius)}
#full-map-canvas{display:block;z-index:0;width:100%;height:calc(80vh - 140px);margin:0;border:0}
#mini-map-canvas{display:block;position:relative;z-index:0;float:none;width:100%;height:320px;margin:0 0 16px;overflow:hidden;border-radius:var(--radius)}
#user-map-canvas{display:block;z-index:0;width:100%;height:40vh;margin:0 0 10px;overflow:hidden;border:0;border-radius:var(--radius)}
div[nearby]{display:block;position:relative;float:none;width:100%;height:auto;max-height:420px;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;text-align:right;line-height:1.8;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);scrollbar-width:thin}
div.asideInfoBox[nearby] span[detail]{font-size:13px;line-height:1.8;padding:0}
#latestLocation{display:block;padding:20px 0;text-align:center;white-space:normal}
#latestLocation a{display:inline-block;width:128px;margin:0 0 6px 6px;color:var(--ink);font-size:13px;text-align:center;text-decoration:none;vertical-align:top;background:var(--soft);border-radius:var(--radius);overflow:hidden}
#latestLocation a img{display:block;width:100%;margin:0;object-fit:cover}
.blMapPopup{display:block;max-width:250px;padding-top:10px}
.blMapPopup img{display:block;float:right;width:96px;margin:0 0 10px 10px;border-radius:6px}
.blMapPopup div{text-align:right}
.blMapPopup a,.blMapMiniPopup a{display:block;margin:10px 0 0;padding:2px 10px;line-height:25px;color:var(--accent-ink);text-align:center;text-decoration:none;cursor:pointer;border:0;border-top:1px solid var(--line)}
.blMapMiniPopup{display:block;max-width:150px;padding-top:10px;zoom:.8}
.blMapMiniPopup img{display:block;width:100%;border-radius:6px}
a.customLocInfo{display:block;margin:10px 0 0;padding:2px 10px;color:#fff;text-align:center;text-decoration:none;cursor:pointer;background:var(--boom);border:none;border-radius:4px}
#getUsrPosCrtl{display:block;position:absolute;z-index:10;top:20px;right:20px;width:30px;height:30px;cursor:pointer;background:#fff url(images/mylocation.png) no-repeat center center;box-shadow:0 1px 5px rgba(0,0,0,.4);border-radius:50%}
#mapPopup{position:fixed;display:block;z-index:2000;inset:0;margin:auto;width:70%;min-width:150px;height:70%;padding:30px 5px 5px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.25)}
#mapPopup iframe{display:block;width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden}
#mapPopup span[close]{position:absolute;z-index:2010;display:block;top:10px;left:10px;width:12px;height:12px;cursor:pointer;background:url(images/closeKey.png) no-repeat center center}
#mapPopup span[close]:hover{background-image:url(images/closeKey_over.png)}

/* ============ Related posts & aside boxes ============ */
#relatedPostList{display:grid;grid-template-columns:repeat(var(--scc),minmax(0,1fr));gap:20px;white-space:normal}
div.relatedPostItem{display:flex;flex-flow:column;position:relative;margin:0;color:var(--muted);background:var(--soft);border-radius:var(--radius);overflow:hidden}
div.relatedPostItem[lang="en"]{direction:ltr;text-align:left}
div.relatedPostItem img{display:block;width:100%;border:0}
div.relatedPostItem div{display:block;width:100%;padding:0 14px;text-align:center}
div.relatedPostItem div a[title]{display:block;padding:10px 0;font-size:18px;font-weight:bold;line-height:1.6;color:var(--ink);text-align:center;text-decoration:none}
div.relatedPostItem div a[title]:hover{color:var(--accent-ink)}
div.relatedPostItem div span[detail]{display:block;padding:0 0 20px;font-size:14px;color:var(--muted);text-align:center;white-space:break-spaces}
div.relatedPostItem div span[time]{font-size:12px;color:var(--faint)}
div.relatedPostItem div span[rate]{display:block;padding:8px 0;font-size:12px;color:var(--faint)}
div.relatedPostItem span[editpost]{display:block;position:absolute;top:0;left:0;width:28px;height:28px;color:transparent;cursor:pointer;background:var(--faint) url(images/edit.png) no-repeat center center;background-size:20px}
div.relatedPostItem span[editpost]:hover{background-color:var(--boom)}
div.asideInfoBox{display:block;position:relative;max-width:1000px;margin:10px auto;padding:0 0 10px;text-align:right;white-space:normal;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
span.asideInfoBoxHeader{display:block;height:44px;margin:0 24px;padding:8px 0 0;font-size:14px;line-height:36px;color:var(--ink);border-bottom:1px solid var(--line)}
div.asideInfoBox span[info]{display:block;margin-bottom:10px;padding:10px 24px;font-size:14px;color:var(--muted)}
div.asideInfoBox a[tag]{display:inline-block;margin:0 0 5px 5px;padding:2px 12px;font-size:13px;line-height:24px;color:#fff;text-decoration:none;background:var(--boom);border-radius:14px}
div.asideInfoBox img[friend]{display:inline-block;width:32px;height:32px;margin:0 0 -3px 2px;border-radius:50%}
div.asideInfoBox ul[info]{display:block;margin:0 0 10px;padding:0 24px 10px;overflow:hidden;list-style:none;font-size:14px;color:var(--muted)}
div.asideInfoBox ul[info] li{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;align-items:start;position:relative;margin:0;padding:12px 0;word-break:break-word;border-bottom:1px solid var(--line)}
div.asideInfoBox ul[info] li:first-child{padding-top:0}
div.asideInfoBox ul[info] li:last-child{padding-bottom:0;border-bottom:0}
div.asideInfoBox ul[info] li img{grid-column:1;grid-row:1 / span 2;display:block;position:static;width:64px;height:64px;margin:0;border-radius:6px;object-fit:cover;cursor:pointer}
div.asideInfoBox ul[info] li a[title]{grid-column:2;grid-row:1;display:block;font-size:14px;font-weight:bold;line-height:1.6;color:var(--ink);text-decoration:none;word-wrap:break-word}
div.asideInfoBox ul[info] li a[title]:hover{color:var(--accent-ink)}
div.asideInfoBox ul[info] li span[detail]{grid-column:2;grid-row:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0;font-size:13px;line-height:1.7;color:var(--muted)}
div.asideInfoBox ul[info] li:not(:has(img)){grid-template-columns:minmax(0,1fr)}
div.asideInfoBox ul[info] li:not(:has(img)) a[title],div.asideInfoBox ul[info] li:not(:has(img)) span[detail]{grid-column:1}
div.asideInfoBox ul[menu]{display:block;margin:0;padding:0 24px;overflow:hidden;list-style:none;font-size:15px;color:var(--ink);white-space:normal}
div.asideInfoBox ul[menu] li{display:block;position:relative;min-height:36px;line-height:36px;border-bottom:1px solid var(--line)}
div.asideInfoBox ul[menu] li:last-child{border-bottom:0}
div.asideInfoBox ul[menu] li a{display:block;position:relative;margin:3px 0;padding:6px 0;color:var(--ink);text-decoration:none}
div.asideInfoBox ul[menu] li a:hover,div.asideInfoBox ul[menu] li a[selected]{margin:3px -24px;padding:6px 20px 6px 24px;color:var(--accent-ink);background:var(--soft);border-right:3px solid var(--boom)}
div.asideInfoBox ul[menu] li a i{display:inline-block;width:30px;font-size:16px;vertical-align:middle;color:var(--muted)}
div.asideInfoBox ul[menu] li span[addoption]{display:block;position:absolute;top:6px;left:0;width:24px;height:24px;margin:0;padding:0;cursor:pointer;background:var(--soft) url(images/add.png) no-repeat center center;border-radius:50%}
div.asideInfoBox ul[menu] li[data-badge]:after{content:attr(data-badge);position:absolute;z-index:10;top:8px;left:30px;min-width:20px;height:20px;font-size:12px;line-height:20px;color:#fff;text-align:center;background:var(--boom);border-radius:10px}
div.asideInfoBox ul[menu] li[data-badge="0"]:after{display:none}

/* ============ Comments ============ */
div.newCommentPanel{display:block;clear:both;margin:24px 0 0;padding:0;overflow:hidden;text-align:right}
div.newComment{padding:12px 0 0;border-top:1px solid var(--line)}
div.newComment:first-child{padding:0;border-top:0}
div.newComment a[commnetUserName]{padding-left:10px;font-weight:bold;color:var(--ink);text-decoration:none}
div.newComment img[commnetUserImg]{display:block;position:absolute;top:14px;right:10px;height:28px;border-radius:50%}
span[parentComment],span[childComment]{display:block;position:relative;padding:14px 50px 14px 24px;overflow:hidden;line-height:28px;color:var(--ink);white-space:pre-wrap;background:var(--soft);border-right:3px solid var(--line);border-radius:6px}
span[childComment]{margin-top:-6px}
span[childComment][level="2"]{margin-right:10px}span[childComment][level="3"]{margin-right:20px}span[childComment][level="4"]{margin-right:30px}span[childComment][level="5"]{margin-right:40px}span[childComment][level="6"]{margin-right:50px}
div.newComment[reply] span[parentComment],div.newComment[reply] span[childComment]{background:color-mix(in srgb,var(--boom) 10%,var(--paper));border-right-color:var(--boom)}
span[datetime]{display:block;font-size:10px;text-align:left;color:var(--faint)}
span[replyComment]{display:block;position:absolute;right:0;bottom:8px;width:40px;height:20px;cursor:pointer;filter:grayscale(1);background:url(images/replyComment.png) no-repeat center center;background-size:auto 18px}
span[replyComment]:hover{filter:none}
span[sendcomment]{display:block;position:absolute;top:10px;right:10px;width:80px;height:40px;cursor:pointer;filter:grayscale(1);background:url(icons/comment.png) no-repeat center center;background-size:auto 28px}
span[sendcomment]:hover{filter:none}
div.newCommentForm{display:block;margin:10px 0;padding:0;color:var(--muted);white-space:normal;background:var(--paper)}
#newCommentFormIn{display:block;position:relative;padding:0 50px 0 0;border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}
#newCommentFormIn:focus-within{border-color:var(--boom);box-shadow:0 0 0 3px color-mix(in srgb,var(--boom) 12%,transparent)}
#newCommentFormIn textarea{display:block;width:calc(100% - 60px);height:15vh;margin:0;padding:10px 0;line-height:2;color:var(--ink);background:transparent;border:0;outline:0;resize:vertical}
div.newCommentPanelHeader{display:block;position:absolute;top:0;right:0;width:40px;height:40px}
div.newCommentPanelHeader img{display:block;width:28px;margin:8px;border-radius:50%}
div.newCommentForm input[type="submit"]{display:block;position:absolute;bottom:6px;left:6px;width:56px;height:30px;margin:0;padding:0;font-size:12px;line-height:30px;color:#fff;cursor:pointer;background:var(--boom);border:0;border-radius:15px}
div.newCommentForm input[type="submit"]:hover{background:var(--back)}
#parentCommentID,#parentMessageID{display:none}
div.commentPanel{display:block;max-width:1000px;margin:10px auto;padding:20px;color:var(--ink);white-space:normal;border:1px solid var(--line);border-radius:var(--radius)}
div.commentPanelHeader{display:block;position:relative;margin:0 0 10px;color:var(--muted);white-space:nowrap}
div.commentPanelHeader img{display:inline-block;height:40px;margin:4px 2px 4px 10px;vertical-align:top;border-radius:50%}
div.commentPanelHeader span{display:inline-block;margin:0;line-height:40px;vertical-align:top}
div.commentPanelHeader span[comntUsrInfDat]{height:48px;font-size:12px;line-height:48px;color:var(--faint);white-space:nowrap}
div.commentPanelHeader span[comntUsrInfDat] a{font-weight:bold;color:var(--muted);text-decoration:none}
div.commentPanelHeader span[comntUsrInfDat] a:hover{color:var(--ink);text-decoration:underline}
div.commentPanelHeader span.opinionCtrl{position:absolute;top:28px;left:-30px}
div.commentPanel textarea{display:block;width:100%;height:100px;margin:0 0 10px;padding:10px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px}
div.commentPanel span.commentDetail{display:block;margin:0;padding:18px 0 0 0;font-size:14px;line-height:25px;color:var(--ink);white-space:pre-wrap;border-top:1px solid var(--line)}
div.commentPanel input[type="submit"]{display:inline-block;min-width:40px;padding:0 28px;font-size:14px;font-weight:bold;line-height:40px;color:#fff;cursor:pointer;background:var(--boom);border:0;border-radius:20px}
div.commentPanel input[type="submit"]:hover{background:var(--back)}
div.commentPanel select{display:inline-block;height:35px;margin:0;padding:0 8px;font-size:12px;color:var(--ink);cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:6px}
div.contactUsForm input{margin:0 0 10px;border:1px solid var(--line)}
div.contactUsFormHeader{display:block;margin:0 0 15px;padding:15px 0;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line)}

/* ============ Footer ============ */
#quickSitemapBG{display:block;padding:0;text-align:center;background:var(--soft)}
#quickSitemapBG:has(#quickSitemap:empty){display:none}
#quickSitemap{display:block;position:relative;max-width:var(--maxw);margin:0 auto;padding:40px 24px 24px;font-size:14px;line-height:1.9;text-align:right}
#quickSitemap:empty{display:none}
#quickSitemap>div>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;margin:0;padding:0;list-style:none}
#quickSitemap>div>ul>li{display:block;margin:0;padding:0;font-weight:bold;vertical-align:top}
#quickSitemap a{color:var(--ink);text-decoration:none}
#quickSitemap>div>ul>li>ul{display:block;margin:8px 0 0;padding:0;font-weight:normal;font-size:13px;line-height:2;list-style:none}
#quickSitemap>div>ul>li>ul>li{display:block;margin:0;padding:0;font-weight:normal}
#quickSitemap>div>ul>li>ul>li a{color:var(--muted)}
#quickSitemap>div>ul>li>ul>li a:hover{color:var(--accent-ink)}
#footerBG{display:block;padding:0;text-align:center;background:var(--soft)}
#footer{display:block;position:relative;margin:0 auto;padding:20px 24px 28px;font-size:13px;line-height:2;color:var(--muted);text-align:center;border-top:1px solid var(--line)}
#footer a{padding:0 2px;color:var(--ink);text-decoration:none}
#footer a:hover{color:var(--accent-ink)}
#footer col1{display:block;padding-bottom:6px;text-align:center}
#footer col2{display:block;padding-top:6px;text-align:center}
#footer span.logo{display:inline-block;float:right;width:64px;min-height:64px;margin-left:10px;opacity:.5;background:url(../../content/app/minilogow.png) no-repeat top -20px center;background-size:72px auto}
#footer col2 .social{display:inline-block;width:32px;height:32px;margin:0 4px;opacity:.55;filter:grayscale(1);transition:all .2s}
#footer col2 .social:hover{opacity:1;filter:none}
#footer col2 .appstore{display:inline-block;width:92px;height:32px;margin:0 5px 0 0;background-size:92px 32px}
a.linkedin,a.youtube,a.facebook,a.instagram,a.twitter,a.google,a.rssfeed,a.telegram{background-repeat:no-repeat;background-position:center center;background-size:32px 32px}
a.linkedin{background-image:url(images/social/linkedin.png)}
a.youtube{background-image:url(images/social/youtube.png)}
a.facebook{background-image:url(images/social/facebook.png)}
a.instagram{background-image:url(images/social/instagram.png)}
a.twitter{background-image:url(images/social/twitter.png)}
a.google{background-image:url(images/social/googleplus.png)}
a.rssfeed{background-image:url(images/social/rssfeed.png)}
a.telegram{background-image:url(images/social/telegram.png)}
a.googleStore{background:url(images/icon/en_generic_rgb_wo_45.png) no-repeat center center}
a.appleStore{background:url(images/icon/en_appstore_45.png) no-repeat center center}

/* ============ Buttons & links ============ */
.defaultButton{display:inline-block;height:44px;min-width:40px;margin:0;padding:0 28px;font-size:15px;font-weight:bold;line-height:44px;color:var(--ink);text-align:center;cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:22px;transition:all .2s}
.defaultButton:hover{color:#fff;background:var(--back);border-color:var(--back)}
a.LinkButton,a.ContactButton{display:inline-block;margin:5px 0;padding:0 24px;font-size:16px;line-height:46px;color:#fff!important;text-decoration:none;background:var(--boom);border-radius:23px;transition:all .3s}
a.ContactButton{padding:0 24px 0 50px;background:var(--boom) url(icons/contact_w.png) no-repeat right 14px center;background-size:24px auto}
a.LinkButton:hover{background:var(--back)}
a.ContactButton:hover{background:var(--back) url(icons/contact_w.png) no-repeat right 14px center;background-size:24px auto}
a.button_big{display:inline-block;position:relative;margin:5px;padding:0 14px 0 30px;font-size:14px;line-height:36px;color:var(--ink);text-decoration:none;background:var(--soft);border:1px solid var(--line);border-radius:18px}
a.button_big:hover{border-color:var(--faint)}
a.button_big iconsweet{position:absolute;left:10px;top:-3px;font-size:18px}
a.btn_grey{color:#fff;background:var(--back);border-color:var(--back)}
a.btn_grey iconsweet{color:#fff}
a.button_big1 span{float:left;margin-top:-3px;padding-right:10px;font-size:18px;color:var(--muted)}
.greyishBtn,.whitishBtn,.bluishBtn,.redishBtn,.greenishBtn,.magentaBtn,.yellowBtn,.dblueBtn{color:#fff;background-image:none!important}
.greyishBtn{background-color:#6b7280;border:1px solid #6b7280}
.whitishBtn{color:var(--ink);background-color:var(--paper);border:1px solid var(--line)}
.bluishBtn{background-color:#3b82c4;border:1px solid #3b82c4}
.redishBtn{background-color:#d93025;border:1px solid #d93025}
.greenishBtn{background-color:#3f9a4a;border:1px solid #3f9a4a}
.magentaBtn{background-color:#ba4c6f;border:1px solid #ba4c6f}
.yellowBtn{background-color:#d5ad23;border:1px solid #d5ad23}
.dblueBtn{background-color:#41597c;border:1px solid #41597c}
.button_small{display:inline-block;margin:2px 5px 2px 0;padding:3px 16px;font-size:11px;font-weight:bold;line-height:16px;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:12px}
.button_grid{display:inline-block;width:40px;height:100%;margin:0;padding:0;font-size:11px;font-weight:bold;line-height:40px;text-align:center;text-transform:uppercase;text-decoration:none;color:#fff;cursor:pointer;border:0}
.grid_delete,.grid_edit,.grid_info{color:transparent;opacity:.5;background-repeat:no-repeat;background-position:center center;background-size:20px auto}
.grid_delete{background-image:url(images/icon/png40/trash_can_40.png)}
.grid_edit{background-image:url(images/icon/png40/pencil_40.png)}
.grid_info{background-image:url(images/icon/png40/lightbulb_on_40.png)}
.grid_delete:hover,.grid_edit:hover,.grid_info:hover{opacity:1}
.grid_reply{color:transparent;filter:grayscale(1);background:url(images/replyComment.png) no-repeat center center;background-size:24px auto}
.grid_reply:hover{filter:none}
a.autoLink{color:var(--accent-ink);text-decoration:none}
a.autoLink:hover{text-decoration:underline}
img.autoLink{display:block;float:right;max-width:calc(50% - 20px);margin:10px 0 10px 14px;border:0;border-radius:var(--radius);box-shadow:var(--shadow, 0 2px 12px rgba(0,0,0,.08))}
figure.autoLink{display:block;float:right;width:calc(50% - 30px);margin:10px 0 10px 14px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
figure img{display:block;width:100%;border-radius:6px}
figcaption{font-size:13px;line-height:30px;color:var(--muted)}
.lineBreak{display:block;clear:both;height:10px}
.showHand{cursor:pointer}
sale{margin:0 5px 0 0;padding:4px 10px;font-size:14px;font-weight:bold;vertical-align:middle;color:var(--love);background:var(--soft);border-radius:5px}
english{display:block;direction:ltr;text-align:left;font-family:Arial,Helvetica,sans-serif}
div[noPost]{display:block;margin:10px;padding:50px 30px;font-size:16px;font-weight:bold;text-align:center;color:var(--muted);background:var(--soft);border-radius:var(--radius)}
div.helpTip{color:var(--accent-ink)}
.luckKey{display:inline-block;padding:0 18px;font-size:17px;font-weight:bold;line-height:56px;color:var(--boom);cursor:pointer;background:var(--soft);border:1px solid var(--boom);border-radius:28px;transition:all .2s}
.luckKey:hover{color:#fff;background:var(--boom)}
#countDownKey{display:block;width:300px;margin:30px auto 50px;padding:0;font-size:13px;line-height:48px;text-align:center;color:#fff;cursor:pointer;background:var(--back);border-radius:24px}
#countDownKey:hover{background:#bd1818}
.ribbon{position:absolute;top:-5px;left:-5px;width:150px;height:150px;overflow:hidden}
.ribbon span{position:absolute;display:block;right:-25px;top:30px;width:225px;padding:12px 0;font:700 16px/1 'Vazir',Arial,sans-serif;color:#fff;text-align:center;text-transform:uppercase;background:var(--boom);transform:rotate(-45deg)}
.ribbon:before,.ribbon:after{content:"";position:absolute;z-index:-1;display:block;border:5px solid var(--back);border-top-color:transparent;border-left-color:transparent}
.ribbon:before{top:0;right:0}
.ribbon:after{bottom:0;left:0}

/* ============ Forms ============ */
div.formPanel{display:block;max-width:1000px;margin:10px auto;padding:0;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
div.formPanel h1{display:block;padding:12px 18px;font-size:16px;font-weight:bold;line-height:40px;color:var(--ink);border-bottom:1px solid var(--line)}
div.formPanel h1 img{height:40px;margin:0 0 0 10px;vertical-align:bottom;border-radius:6px}
div.formPanel h2{display:block;padding:10px 18px;font-size:16px;font-weight:bold;line-height:30px;color:var(--ink)}
div.formPanel div[box]{display:block;margin-bottom:-10px;padding:10px 18px 0;font-size:13px;line-height:25px}
div.formPanel div div{display:block;position:relative;padding:8px 18px}
div.formPanel div div #tokenTimer{display:inline-block;width:35px;line-height:34px}
div.formPanel div.highlight{margin:5px 0;padding:10px 18px;font-weight:bold;background:var(--soft)}
div.formPanel div[actionbar]{display:block;margin:10px 0 0;padding:18px;line-height:35px;color:var(--muted);border-top:1px solid var(--line)}
div.formPanel div[actionbar] input[type="submit"]{display:inline-block;min-width:40px;margin:0 0 0 10px;padding:0 24px;text-align:center;color:#fff;cursor:pointer;background:var(--boom);border:0;border-radius:20px;vertical-align:top}
div.formPanel div[actionbar] input[type="submit"]:hover{background:var(--back)}
div.formPanel div span{display:inline-block;width:19%;margin-left:1%;font-size:14px;color:var(--muted);text-align:left}
.formcontrols{display:inline-block;width:80%;min-height:30px;font-size:16px;vertical-align:middle;white-space:nowrap}
.cssControl{display:inline-block;height:38px;padding:0 10px 0 28px;line-height:38px;vertical-align:middle;color:var(--ink);background:var(--soft) no-repeat left 6px center;border:1px solid transparent;border-radius:6px}
.cssControl:focus{outline:0;background-color:var(--paper);border-color:var(--boom);box-shadow:0 0 0 3px color-mix(in srgb,var(--boom) 15%,transparent)}
.cssControl[recheck]{outline:0;background:#fff8c5;border-color:var(--love)}
.cssControl[disabled]{outline:0;color:var(--faint);background-color:var(--soft)}
.textboxviewMini{width:calc(80% - 15px);height:100px}
.textboxview{width:calc(80% - 60px);height:250px}
controlHint{display:inline-block;min-width:40px;height:32px;padding:0 16px;font-size:13px;line-height:30px;color:var(--accent-ink);vertical-align:middle;cursor:pointer;background:var(--soft);border:1px solid var(--line);border-radius:16px}
controlHint:hover{color:#fff;background:var(--boom);border-color:var(--boom)}
.w50{width:calc(10% - 30px)}.w100{width:calc(15% - 30px)}.w150{width:calc(20% - 30px)}.w200{width:calc(25% - 30px)}.w300{width:calc(30% - 30px)}.w500{width:calc(60% - 30px)}.w600{width:calc(80% - 50px)}
.form-description{display:block;margin:0;padding:5px 20px;font-size:12px;line-height:20px;color:var(--muted);white-space:normal}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:var(--soft)}
.form-control[error]{background:var(--paper) url(images/error.png) no-repeat 2% center}
textarea.form-control{height:auto}
.textbox{width:calc(100% - 35px);border-left:1px solid var(--line)}
select[country]{padding-right:30px;background-repeat:no-repeat;background-position:right 5px center}
input[type="checkbox"]{display:none}
input[type="checkbox"] + label{display:inline-block;width:20px;height:20px;margin:0 0 0 8px;vertical-align:middle;cursor:pointer;border:1px solid var(--faint);border-radius:4px}
input[type="checkbox"]:checked + label{background:var(--paper) url(images/checked.png) no-repeat center center}
input[type="checkbox"]:disabled{display:inline-block;width:20px;height:20px;vertical-align:middle}
div.Captcha{display:block;height:50px;margin:0 0 10px;white-space:nowrap}
div.Captcha img{display:inline-block;width:200px;height:50px;border:0;border-radius:6px}
#CaptchaRefresh{display:inline-block;width:25px;height:25px;margin:12px 5px;cursor:pointer;opacity:.7;background:url(icons/refresh.png) no-repeat center center;background-size:20px}
#CaptchaRefresh:hover{opacity:1}
#tokenTimer{font-size:16px;text-align:center;color:#28a80d;background:#e0ffcb}
span.icon_id{background-image:url(icons/id.png)}
span.icon_user{background-image:url(icons/user.png)}
span.icon_lock{background-image:url(icons/lock.png)}
span.icon_email{background-image:url(icons/email.png)}
span.icon_cell{background-image:url(icons/cell.png)}

/* ---- Login / sign-up panel & input groups ---- */
.form-lable{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;color:var(--faint);background-color:var(--paper);background-repeat:no-repeat;background-position:center center;background-size:20px;border:1px solid var(--line);border-left:0;border-radius:0 21px 21px 0;transition:border-color .2s}
.form-control{display:inline-block;width:calc(100% - 42px);height:42px;margin:0;padding:0 16px;font-size:14px;line-height:40px;color:var(--ink);vertical-align:middle;background:var(--paper);border:1px solid var(--line);border-right:0;border-radius:21px 0 0 21px;transition:border-color .2s,box-shadow .2s}
.form-control[type="tel"]{padding-left:40px;background-repeat:no-repeat;background-position:left 12px center}
.form-control:focus{outline:0;border-color:var(--boom)}
.input-group{display:flex;align-items:center;margin:0 20px;padding:8px 0;border:0}
.input-group .form-control{flex:1 1 0;width:auto;min-width:0}
.input-group[active] .form-lable,.input-group[active] .form-control{border-color:var(--boom)}
.input-group[active] .form-control{box-shadow:0 0 0 3px color-mix(in srgb,var(--boom) 14%,transparent)}
.input-group-mini{padding:4px 0}
.form-control-desc{display:inline-block;padding:0 8px;font-size:14px;line-height:22px;color:var(--muted);vertical-align:middle}
span.icon_id,span.icon_user,span.icon_lock,span.icon_email,span.icon_cell{background-repeat:no-repeat;background-position:center center;background-size:20px}
#logingPanels{display:block;max-width:460px;margin:24px auto;padding:6px 0;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(16,24,40,.06)}
#logingPanels section{display:block;margin:0;overflow:hidden;border-top:1px solid var(--line)}
#logingPanels #signinForm,#logingPanels #signinFormNav{border-top:0}
#logingPanels section.showHand:hover .section-title{color:var(--ink)}
.section-title{display:block;min-height:30px;padding:16px 24px 8px;font-size:18px;font-weight:bold;line-height:30px;text-align:right;color:var(--ink)}
section.showHand .section-title{padding:14px 24px;font-size:14px;font-weight:normal;text-align:center;color:var(--accent-ink)}
.section-action{display:block;padding:12px 20px 22px;line-height:1.8;text-align:center;color:var(--ink);white-space:break-spaces}
#logingPanels .section-action .defaultButton{display:block;width:100%;color:#fff;background:var(--boom);border-color:var(--boom)}
#logingPanels .section-action .defaultButton:hover{background:var(--back);border-color:var(--back)}

/* ---- Article page: related posts block ---- */
div.postDetail + #postsList{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
div.userProfileHeaderBox + #postsList{margin-top:32px}

/* ---- Sidebar menu (account / dashboard pages) ---- */
@media screen and (min-width:1025px){
  #pageBody:has(#BodySide>*){display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}
  #pageBody:has(#BodySide>*) #adsBlock{grid-column:1/-1}
  #pageBody:has(#BodySide>*) #BodySide{text-align:right}
  #pageBody:has(#BodySide>*) div.asideInfoBox{margin-top:0}
}

/* ---- User profile header ---- */
div.userProfileHeaderBox{display:block;position:relative;margin:0 0 8px;padding:0 0 18px;overflow:hidden;text-align:right;color:var(--muted);background:var(--soft);border-radius:var(--radius)}
div.userProfileHeaderBox span[headerBG]{display:block;height:240px;overflow:hidden;background:var(--line)}
div.userProfileHeaderBox img[header]{display:block;width:100%;height:100%;margin:0;padding:0;border:0;object-fit:cover}
div.userProfileHeaderBox img[photo]{position:absolute;z-index:10;display:block;top:180px;right:32px;width:120px;height:120px;margin:0;border:4px solid var(--paper);border-radius:50%;object-fit:cover;background:var(--paper)}
div.userProfileHeaderBox span[editprofile]{display:block;position:absolute;z-index:30;top:12px;left:12px;width:40px;height:40px;overflow:hidden;color:transparent;cursor:pointer;background:rgba(0,0,0,.35) url(images/settings.png) no-repeat center center;background-size:22px;border-radius:50%}
div.userProfileHeaderBox span[editprofile]:hover{background-color:var(--boom)}
div.userProfileHeaderBox a[fullname]{display:block;position:relative;z-index:10;margin:0;padding:14px 172px 0 20px;font-size:22px;font-weight:bold;line-height:1.6;text-align:right;color:var(--ink);text-decoration:none}
div.userProfileHeaderBox a[fullname]:hover{text-decoration:underline}
div.userProfileHeaderBox a[fullname][data-badge="superuser"]:after{content:'';display:inline-block;width:16px;height:16px;margin:0 8px;vertical-align:middle;background:url(images/superuser_tag.png) no-repeat center center;background-size:16px auto}
div.userProfileHeaderBox span[memberinfo]{display:block;position:relative;z-index:10;padding:0 172px 0 20px;font-size:12px;line-height:1.9;text-align:right;color:var(--faint)}
div.userProfileHeaderBox span[info]{display:block;margin:0;padding:14px 20px 0;font-size:14px;color:var(--ink);white-space:pre-wrap}
div.userProfileHeaderBox span[info]:empty{display:none}
div.userProfileHeaderBox span[exlinks]{display:block;padding:12px 20px 0;font-size:11px;color:var(--faint)}
div.userProfileHeaderBox span[exlinks] a[website]{display:inline-block;margin:0 0 6px 8px;padding:4px 12px 4px 34px;font-size:12px;line-height:22px;color:var(--ink);text-decoration:none;background:var(--paper) url(images/link-dark.png) no-repeat 10px center;border:1px solid var(--line);border-radius:15px;transition:all .2s}
div.userProfileHeaderBox span[exlinks] a[website]:hover{color:#fff;background:var(--back) url(images/link.png) no-repeat 10px center;border-color:var(--back)}
div.userProfileHeaderBox span[more]{display:block;height:auto;margin:12px 20px 0;padding:10px 0 0;font-size:11px;line-height:1.8;text-align:right;color:var(--faint);border-top:1px solid var(--line)}
div.userProfileHeaderBox span[friend]{height:26px;margin:8px 0 0 6px;padding:0 12px;font-size:12px;line-height:26px;border-radius:13px}
div.userProfileHeaderBox span[sendmessage]{height:26px;margin:8px 0 0 6px;padding:0 12px 0 36px;font-size:12px;line-height:26px;white-space:nowrap;background:var(--back) url(images/mail.png) no-repeat 10px center;background-size:18px auto;border-radius:13px}
div.userProfileHeaderBox span[sendmessage]:hover{background-color:#575757}

/* ============ Rating ============ */
span.rating{display:inline-block;height:16px;margin:0;padding:0 0 0 85px;line-height:16px;white-space:nowrap;background:url(images/rating.png) no-repeat left 0}
span.ratingSelector{display:inline-block;width:80px;height:16px;margin:9px 5px;padding:0;background:url(images/rating.png) no-repeat left 0}
span.s0{background:url(images/rating.png) no-repeat left 0}span.s1{background:url(images/rating.png) no-repeat left -16px}span.s2{background:url(images/rating.png) no-repeat left -32px}span.s3{background:url(images/rating.png) no-repeat left -48px}span.s4{background:url(images/rating.png) no-repeat left -64px}span.s5{background:url(images/rating.png) no-repeat left -80px}span.s6{background:url(images/rating.png) no-repeat left -96px}span.s7{background:url(images/rating.png) no-repeat left -112px}span.s8{background:url(images/rating.png) no-repeat left -128px}span.s9{background:url(images/rating.png) no-repeat left -144px}span.s10{background:url(images/rating.png) no-repeat left -160px}
span.ratingSelector rate{display:block;float:left;width:16px;height:16px;margin:0;padding:0;cursor:pointer}

/* ============ Paging ============ */
#pagingCtrl{display:block;clear:both;margin:0;padding:24px 10px 0;line-height:36px;text-align:center;color:var(--muted);overflow:hidden}
#pagingCtrl a{text-decoration:none}
#pagingCtrl pagingFirst,#pagingCtrl a[pagingFirst],#pagingCtrl pagingPrevious,#pagingCtrl a[pagingPrevious],#pagingCtrl pagingNext,#pagingCtrl a[pagingNext],#pagingCtrl pagingLast,#pagingCtrl a[pagingLast]{display:inline-block;width:32px;height:36px;margin:0;line-height:36px;vertical-align:middle;cursor:pointer;border:0;background-repeat:no-repeat;background-position:center center}
#pagingCtrl pagingFirst,#pagingCtrl a[pagingFirst]{background-image:url(images/paging_last.png)}
#pagingCtrl pagingPrevious,#pagingCtrl a[pagingPrevious]{background-image:url(images/paging_next.png)}
#pagingCtrl pagingNext,#pagingCtrl a[pagingNext]{background-image:url(images/paging_previous.png)}
#pagingCtrl pagingLast,#pagingCtrl a[pagingLast]{background-image:url(images/paging_first.png)}
#pagingCtrl pagingFirst:hover,#pagingCtrl a[pagingFirst]:hover,#pagingCtrl pagingPrevious:hover,#pagingCtrl a[pagingPrevious]:hover,#pagingCtrl pagingNext:hover,#pagingCtrl a[pagingNext]:hover,#pagingCtrl pagingLast:hover,#pagingCtrl a[pagingLast]:hover{background-color:var(--soft);border-radius:18px}
#pagingCtrl pagingState,#pagingCtrl a[pagingState]{display:inline-block;height:36px;margin:1px;padding:0 5px;font-size:14px;line-height:36px;text-align:center;vertical-align:middle;color:var(--muted);white-space:nowrap;cursor:pointer}
#pagingCtrl pagingRowCount{display:none;height:36px;margin:0;padding:0 5px;font-size:13px;line-height:36px;color:var(--faint);white-space:nowrap}
#pagingCtrl pagingPage,#pagingCtrl a[pagingPage]{display:inline-block;min-width:36px;height:36px;margin:0 5px 0 0;padding:0;font-size:14px;font-weight:bold;line-height:36px;text-align:center;vertical-align:middle;color:var(--ink);white-space:nowrap;cursor:pointer;background:var(--soft);border:0;border-radius:18px}
#pagingCtrl pagingPage:hover,#pagingCtrl a[pagingPage]:hover{color:#fff;background:var(--back)}
#pagingCtrl pagingActive,#pagingCtrl a[pagingActive]{display:inline-block;min-width:36px;height:36px;margin:0 5px 0 0;padding:0 10px;font-size:14px;font-weight:bold;line-height:36px;text-align:center;vertical-align:middle;color:#fff;white-space:nowrap;cursor:pointer;background:var(--boom);border:0;border-radius:18px}

/* ============ Data grid ============ */
#customGrid{display:block;clear:both;width:100%;margin:0 0 10px;background:var(--paper)}
#customGrid header{display:block}
#customGrid header ccol{display:none}
#customGrid sortkey{display:inline-block;width:9px;height:11px;margin:4px 5px -1px 0;padding:0}
#customGrid sortkey up,#customGrid sortkey down{display:block;width:9px;height:5px;cursor:pointer;opacity:.4}
#customGrid sortkey up{margin-bottom:1px;background:url(images/sort_up.png) no-repeat center center}
#customGrid sortkey down{background:url(images/sort_down.png) no-repeat center center}
#customGrid sortkey up:hover,#customGrid sortkey down:hover{opacity:1}
#customGrid crow{display:block;position:relative;margin:0;padding:5px 0;font-size:15px;line-height:30px;vertical-align:middle;color:var(--muted);border-bottom:1px solid var(--line)}
#customGrid crow:hover{color:var(--ink)}
#customGrid crow:hover>ccol{background:var(--soft)}
#customGrid crow:hover>ccol[c2]{visibility:visible}
#customGrid crow ccol{overflow:hidden;vertical-align:top;empty-cells:show}
#customGrid crow ccol[c0]{display:block;position:relative;overflow:hidden;padding:30px 80px 10px 10px}
#customGrid crow ccol[c0] img{display:block;position:absolute;top:5px;right:10px;width:60px;height:60px;cursor:pointer;border-radius:8px;object-fit:cover}
#customGrid crow ccol[c0] span.postType_event{display:block;position:absolute;top:18px;right:24px;width:32px;height:32px;padding:0;background:url(images/clock.png) no-repeat center center;background-size:32px 32px}
#customGrid crow ccol[c0] span.postStatus_active{display:block;font-weight:bold;color:var(--ink);cursor:pointer}
#customGrid crow ccol[c0] span.postStatus_new,#customGrid crow ccol[c0] span.postStatus_updated{display:block;font-weight:bold;color:var(--accent-ink);cursor:pointer}
#customGrid crow ccol[c0] span.postStatus_inactive,#customGrid crow ccol[c0] span.postStatus_hidden{display:block;color:var(--faint);cursor:pointer}
#customGrid crow ccol[c0] span.message_name{display:inline-block;padding:0 0 0 10px;font-size:15px;color:var(--muted);cursor:pointer}
#customGrid crow ccol[c0] span.message_name:hover{text-decoration:underline}
#customGrid crow ccol[c0] span.messageType_na,#customGrid crow ccol[c0] span.messageType_reply{display:block;position:absolute;top:0;left:0;width:4px;height:100%}
#customGrid crow ccol[c0] span.messageType_na{background:var(--line)}
#customGrid crow ccol[c0] span.messageType_reply{background:#3f9a4a}
#customGrid crow ccol[c0] span.messageStatus_new{display:inline-block;font-weight:bold;color:var(--ink);cursor:pointer}
#customGrid crow ccol[c0] span.messageStatus_read,#customGrid crow ccol[c0] span.messageStatus_sent{display:inline-block;font-weight:bold;color:var(--accent-ink);cursor:pointer}
#customGrid crow ccol[c0] a{color:var(--ink);text-decoration:none}
#customGrid crow ccol[c0] a:hover{color:var(--accent-ink);text-decoration:underline}
#customGrid crow ccol[c1]{display:inline-block;position:absolute;top:10px;right:80px;font-size:11px;white-space:nowrap;color:var(--faint);background:transparent}
#customGrid crow ccol[c2]{visibility:hidden;display:block;position:absolute;top:10px;bottom:10px;left:5px;overflow:hidden;white-space:nowrap;background:transparent}
#customGrid footer{display:block;height:22px;margin:3px;padding:15px 10px;font-size:11px;line-height:22px;vertical-align:middle;color:var(--muted);white-space:nowrap}
#customGrid footer a{text-decoration:none}
#customGrid footer pagingFirst,#customGrid footer a[pagingFirst],#customGrid footer pagingPrevious,#customGrid footer a[pagingPrevious],#customGrid footer pagingNext,#customGrid footer a[pagingNext],#customGrid footer pagingLast,#customGrid footer a[pagingLast]{display:block;float:left;width:16px;height:20px;margin:1px;vertical-align:middle;cursor:pointer;border:1px solid transparent;background-repeat:no-repeat;background-position:center center}
#customGrid footer pagingFirst,#customGrid footer a[pagingFirst]{background-image:url(images/paging_first.png)}
#customGrid footer pagingPrevious,#customGrid footer a[pagingPrevious]{background-image:url(images/paging_previous.png)}
#customGrid footer pagingNext,#customGrid footer a[pagingNext]{background-image:url(images/paging_next.png)}
#customGrid footer pagingLast,#customGrid footer a[pagingLast]{background-image:url(images/paging_last.png)}
#customGrid footer pagingFirst:hover,#customGrid footer a[pagingFirst]:hover,#customGrid footer pagingPrevious:hover,#customGrid footer a[pagingPrevious]:hover,#customGrid footer pagingNext:hover,#customGrid footer a[pagingNext]:hover,#customGrid footer pagingLast:hover,#customGrid footer a[pagingLast]:hover{background-color:var(--soft);border-color:var(--line)}
#customGrid footer pagingState,#customGrid footer pagingRowCount,#customGrid footer pagingPage,#customGrid footer a[pagingPage],#customGrid footer pagingActive,#customGrid footer a[pagingActive]{display:block;float:left;min-width:10px;height:20px;margin:1px;padding:0 5px;font-size:11px;line-height:20px;vertical-align:middle;color:var(--muted);white-space:nowrap;border:1px solid transparent}
#customGrid footer pagingState,#customGrid footer pagingPage,#customGrid footer a[pagingPage]{cursor:pointer}
#customGrid footer pagingState:hover,#customGrid footer pagingPage:hover,#customGrid footer a[pagingPage]:hover{color:var(--ink);border-color:var(--line)}
#customGrid footer pagingActive,#customGrid footer a[pagingActive]{color:#fff;cursor:pointer;background:var(--back);border-radius:3px}

/* ============ Message bars & popups ============ */
div.msgbar{display:block;margin:0 0 10px;padding:10px 14px;font-size:14px;line-height:30px;cursor:pointer;border-radius:6px}
div.msgbar p{display:inline;margin:0 0 0 10px;line-height:inherit}
.content_pad .msgbar:first-child{margin-top:0}
div.msgbar.msg_Info{color:#2f5461;background:#e3f1f6;border-right:4px solid #5aa6bf}
div.msgbar.msg_Success{color:#2d5b33;background:#e5f4e7;border-right:4px solid #3f9a4a}
div.msgbar.msg_Error{color:#7a1c14;background:#fde8e6;border-right:4px solid #d93025}
div.msgbar.msg_Alert{color:#6b4a14;background:#fdf2dc;border-right:4px solid #e0a030}
#PopupWindowBG{position:fixed;display:block;z-index:1000;inset:0;width:100%;height:100%;margin:0;background:rgba(0,0,0,.25);backdrop-filter:blur(2px)}
#vBoxMessage{display:block;position:fixed;z-index:2000;top:0;right:0;left:0;margin:0;padding:14px 30px;overflow:hidden;font-size:15px;line-height:30px;text-align:right;color:var(--ink);background:var(--paper);box-shadow:0 4px 24px rgba(0,0,0,.15)}
#vBoxMessage span[close]{position:absolute;z-index:2010;display:block;top:20px;left:20px;width:20px;height:20px;cursor:pointer;background:url(images/closeKey.png) no-repeat center center}
#vBoxMessage span[close]:hover{background-image:url(images/closeKey_over.png)}
#vBoxMessage div[container]{display:inline-block;padding:0 0 0 10px}
#vBoxMessage div[action]{display:inline-block}
.okKey,.cancelKey{display:inline-block;height:32px;min-width:50px;margin:0 0 0 10px;padding:0 20px;font-size:14px;line-height:32px;text-align:center;cursor:pointer;border-radius:16px}
.okKey{color:#fff;background:var(--boom)}
.okKey:hover{background:#000}
.cancelKey{color:var(--ink);background:var(--soft)}
.cancelKey:hover{color:#fff;background:var(--muted)}
#vw_NotificationPopup,#vw_ChatPopup{display:block;position:fixed;z-index:1000;bottom:12px;right:12px;width:260px;padding:18px 56px 18px 18px;font-size:14px;line-height:25px;text-align:right;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.15)}
#vw_NotificationPopup{border-right:4px solid var(--boom)}
#vw_ChatPopup{border-top:4px solid var(--back)}
#vw_NotificationPopup img[icon],#vw_ChatPopup img[icon]{display:block;position:absolute;top:18px;right:12px;width:32px;height:32px;border:2px solid var(--line);border-radius:50%}
#vw_NotificationPopup a,#vw_ChatPopup a{color:var(--accent-ink);text-decoration:none}
#vw_NotificationPopup a:hover,#vw_ChatPopup a:hover{text-decoration:underline}
#vw_NotificationPopup_close,#vw_ChatPopup_close{display:block;position:absolute;top:6px;left:6px;width:20px;height:20px;cursor:pointer;background:url(images/closeKey.png) no-repeat center center}
#vw_NotificationPopup_close:hover,#vw_ChatPopup_close:hover{background-image:url(images/closeKey_over.png)}
#vw_ChatPopup_content{display:block;max-height:200px;margin:10px 0;overflow-y:auto;font-size:12px;line-height:20px}
#vw_ChatPopup_content span[Me]{display:block;margin:0 30px 5px 0;padding:6px 10px;color:#fff;background:var(--muted);border-radius:10px 2px 10px 10px}
#vw_ChatPopup_content span[Friend]{display:block;margin:0 0 5px 30px;padding:6px 10px;font-size:13px;color:var(--ink);background:var(--soft);border-radius:2px 10px 10px 10px}
#vw_ChatPopup input{display:block;width:100%}
#vw_ChatPopup_Send{display:inline-block;min-width:30px;height:30px;margin-top:10px;padding:0 14px;font-size:13px;line-height:30px;color:#fff;text-transform:uppercase;cursor:pointer;background:var(--boom);border-radius:15px}
#vw_ChatPopup_Send:hover{background:var(--back)}
#EUCookieLawAsk{display:block;position:fixed;z-index:500;bottom:16px;left:16px;right:16px;max-width:760px;margin:0 auto;padding:22px 26px;font-size:14px;text-align:center;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.18);backdrop-filter:blur(4px)}
#EUCookieLawAsk a{display:inline-block;font-size:14px;line-height:44px;color:var(--ink);text-decoration:none}
#EUCookieLawAsk a:hover{color:var(--accent-ink)}
#EUCookieLawAsk span{display:inline-block;margin:0 16px;padding:0 24px;font-size:15px;font-weight:bold;line-height:44px;color:#fff;cursor:pointer;background:var(--back);border-radius:22px}
#EUCookieLawAsk span:hover{background:var(--boom)}
#PopupMenu{display:none;position:absolute;z-index:650;left:0;top:0;width:140px;padding:6px 0;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
#PopupMenu span{display:block;width:100%;height:28px;padding:0 12px;font-size:13px;line-height:28px;color:var(--muted);white-space:nowrap;cursor:pointer}
#PopupMenu span:hover{color:var(--ink);background:var(--soft)}
#PopupMenu hr{width:100%;height:1px;border:0;background:var(--line)}
.modal{display:none;position:fixed;z-index:2000;inset:0;width:100%;height:100%;padding:0;overflow:hidden;background:rgba(0,0,0,.92)}
.modal-content,#exModalImg{display:block;width:100%;height:100%;margin:auto;object-fit:contain}
#modalcaption{display:block;position:fixed;bottom:0;left:0;right:0;padding:0 20px;font-size:15px;line-height:40px;text-align:right;color:#fff;background:rgba(0,0,0,.3)}
.modal-content,#modalcaption{animation:zoom .5s}
@keyframes zoom{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.modal-close{position:absolute;top:15px;right:30px;font-size:38px;font-weight:bold;color:#f1f1f1;cursor:pointer;transition:.3s}
.modal-close:hover,.modal-close:focus{color:#bbb;text-decoration:none}
#supportChat{display:block;position:fixed;z-index:1000;bottom:30px;left:12px;width:48px;height:48px;cursor:pointer;background:var(--boom);border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.25);animation:animSpin 5s ease-in-out infinite}
#supportChat svg{margin:12px;filter:invert(1)}
@keyframes animSpin{0%{transform:perspective(120px) rotateY(180deg)}50%{transform:perspective(120px) rotateY(0deg)}100%{transform:perspective(120px) rotateY(180deg)}}
#sharingUrlButton{position:fixed;display:block;z-index:50;bottom:14px;left:14px;width:48px;height:48px;overflow:hidden;cursor:pointer;background:rgba(255,255,255,.95) url(images/icon/png40/access_point_40.png) no-repeat center center;border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.15)}
#sharingUrlButton:hover{filter:invert(1)}

/* ============ New message & link sharing sheets ============ */
#messageFormControlBG,#sharingFormControlBG{display:none;position:fixed;z-index:950;inset:0;background:rgba(255,255,255,.6)}
div.newMessageForm,div.sharingForm{display:none;position:fixed;z-index:1000;bottom:0;left:0;right:0;margin:0;padding:20px 30px;color:var(--muted);white-space:normal;background:rgba(255,255,255,.99);border:0;border-top:1px solid var(--line);box-shadow:0 -6px 30px rgba(0,0,0,.1);backdrop-filter:blur(4px)}
#newMessageFormIn,#sharingFormIn{display:block;position:relative;border:1px solid var(--line);border-radius:var(--radius)}
#newMessageFormIn input[type="text"]{display:block;width:calc(100% - 110px);height:40px;margin:0 50px 0 0;padding:0;line-height:40px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);outline:0}
#newMessageFormIn textarea{display:block;width:calc(100% - 110px);height:calc(50vh - 20px);margin:0 50px 0 0;padding:0;line-height:40px;color:var(--ink);background:transparent;border:0;outline:0}
div.newMessagePanelHeader{display:block;position:absolute;top:0;bottom:0;right:0;width:40px;height:100%}
div.newMessagePanelHeader img,div.sharingPanelHeader img{display:block;width:28px;margin:6px;border-radius:50%}
div.newMessagePanelHeader span[attachment]{display:block;position:absolute;bottom:5px;right:0;width:40px;height:40px;cursor:pointer;opacity:.5;background:url(images/icon/png40/clip_40.png) no-repeat center center;background-size:24px auto}
div.newMessagePanelHeader span[attachment]:hover{opacity:1}
div.newMessageForm input[type="submit"],div.sharingForm input[type="submit"]{display:block;position:absolute;bottom:5px;width:48px;height:30px;margin:0;padding:0;font-size:12px;line-height:30px;text-align:center;color:#fff;cursor:pointer;background:var(--boom);border:0;border-radius:15px}
div.newMessageForm input[type="submit"]{left:5px}
div.sharingForm input[type="submit"]{right:5px}
#sharingFormIn input[type="url"]{display:block;width:calc(100% - 90px);height:40px;margin:0 50px 0 40px;padding:0;line-height:40px;color:var(--ink);background:transparent;border:0;outline:0}
div.sharingPanelHeader{display:block;position:absolute;bottom:0;left:0;width:40px;height:40px}
div.sharingReview{display:block}
div.sharingReviewContainer{display:block;padding:20px;overflow:hidden;text-align:right;background:var(--soft);border-radius:var(--radius) var(--radius) 0 0}
div.sharingReviewContainer img{display:block;float:right;width:50%;max-height:50vh;object-fit:cover;border-radius:8px}
div.sharingReviewContainer urltitle{display:block;float:right;width:calc(50% - 20px);padding:0 10px;font-size:18px;font-weight:bold;line-height:50px}
div.sharingReviewContainer urldescription{display:block;float:right;width:calc(50% - 20px);padding:0 10px;font-size:14px;line-height:40px}
div.sharingReviewContainer urlkeywords{display:block;float:right;width:calc(50% - 20px);padding:5px 10px;font-size:12px;line-height:30px}
div.sharingReviewContainer urlkeywords span{display:inline-block;margin:0 0 5px 5px;padding:0 10px;line-height:28px;color:#fff;background:var(--muted);border-radius:14px}
#referrerID{display:block}
#referrerID div{display:inline-block;margin:10px 0 2px;padding:3px 3px 3px 20px;line-height:32px;vertical-align:middle;color:var(--ink);background:var(--soft);border-radius:20px}
#referrerID div img{display:inline-block;width:32px;height:32px;margin-left:10px;overflow:hidden;vertical-align:middle;border-radius:50%}

/* ============ Accounts, messages, profiles ============ */
div.tabBarPanel{display:block;margin:0;padding:0;color:var(--muted);vertical-align:top;white-space:normal;border-top:1px solid var(--line)}
div.tabBarPanel a{display:inline-block;min-width:120px;height:44px;padding:0 20px;font-size:14px;line-height:44px;text-align:center;text-decoration:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
div.tabBarPanel a img{display:inline-block;width:32px;margin:0 0 0 5px;padding:0;vertical-align:middle;border-radius:3px}
div.tabBarPanel a[selected]{color:var(--ink);font-weight:bold;border-bottom-color:var(--boom)}
div.tabBarPanel a:hover{color:var(--ink)}
div.messagePanel{display:block;margin:0 0 20px;padding:0;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
div.messagePanel h1{display:block;position:relative;margin:10px 0;padding:10px 0;font-size:14px;font-weight:normal;line-height:40px;color:var(--ink);border-bottom:1px solid var(--line)}
div.messagePanel h1 a{height:40px;margin:0;padding:0;line-height:40px;color:var(--ink);text-decoration:none;border:0}
div.messagePanel h1 img{height:40px;margin:0 0 0 10px;vertical-align:bottom;border-radius:6px}
div.messagePanel h1 span.messageAction{display:inline-block;position:absolute;top:10px;left:0;height:40px}
div.messagePanel h1 span.messageAction a{color:transparent}
div.messagePanel div[box]{display:block;padding:10px;font-size:12px}
div.message_datetime{display:block;padding:0 15px;line-height:30px;color:var(--faint)}
div.message_subject{display:block;margin-bottom:10px;padding:10px 15px;font-size:16px;font-weight:bold;line-height:30px;color:var(--ink)}
div.message_body{display:block;padding:10px 15px;overflow:hidden;font-size:16px;line-height:36px;white-space:pre-wrap;border-top:1px solid var(--line)}
message{display:block;padding:0;font-size:14px;overflow:hidden}
message[sender="other"]{margin:0 0 20px 20%}
message[sender="me"]{margin:0 20% 20px 0}
message[sender="me"] bl-body{display:block;padding:14px 12px;overflow:hidden;color:var(--ink);white-space:pre-wrap;background:#e8f6ec;border-left:3px solid #b7dfc1;border-radius:2px 12px 12px 12px}
message[sender="other"] bl-body{display:block;padding:14px 12px;overflow:hidden;color:#fff;white-space:pre-wrap;background:var(--boom);border-right:3px solid rgba(0,0,0,.12);border-radius:12px 2px 12px 12px}
bl-datetime{display:block;margin:5px 10px;font-size:10px;line-height:20px}
message[sender="other"] bl-datetime{color:var(--accent-ink);text-align:left}
message[sender="me"] bl-datetime{color:var(--faint)}
#LastVieweds{display:block;margin:0 0 10px;padding-bottom:20px;overflow:hidden;vertical-align:top;border-top:1px solid var(--line)}
#LastVieweds span{display:block;margin:0;padding:10px 20px;font-size:15px;line-height:30px;color:var(--ink);border-bottom:1px solid var(--line)}
div.LastViewedItem{display:block;float:right;min-height:32px;margin:10px 20px 0 0;padding:10px;vertical-align:top;white-space:pre-wrap;background:var(--soft);border:0;border-radius:8px}
div.LastViewedItem:hover{background:var(--line)}
div.LastViewedItem img{float:right;height:32px;margin:0 0 0 10px;border:0;border-radius:4px}
div.LastViewedItem a[title]{display:block;font-size:14px;line-height:32px;color:var(--ink);text-decoration:none;vertical-align:top}
div.LastViewedItem a[title]:hover{color:var(--accent-ink)}
#myShoppingCart{display:block;margin:0;padding:10px 20px;overflow:hidden;vertical-align:top;background:var(--soft);border-radius:var(--radius)}
#myShoppingCart span{display:block;margin:0;padding:10px 0;font-size:15px;font-weight:bold;line-height:30px;color:var(--ink);border-bottom:1px solid var(--line)}
#myShoppingCart sum{clear:both;display:block;margin:10px 0 0;padding:10px 0;font-size:14px;line-height:30px;color:var(--ink);border-top:1px solid var(--line)}
#myShoppingCart sum b{clear:both;display:block;margin:10px 0 0;padding:10px 0;font-size:20px;line-height:30px;border-top:2px dotted var(--faint)}
div.ShoppingCartItem{display:inline-block;position:relative;min-height:32px;margin:10px 0 0 10px;padding:10px 50px 10px 10px;vertical-align:top;white-space:pre-wrap;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}
div.ShoppingCartItem:hover{border-color:var(--faint)}
div.ShoppingCartItem img{position:absolute;right:10px;height:32px;margin:0;border:0;border-radius:4px}
div.ShoppingCartItem a[title]{display:block;font-size:14px;line-height:32px;color:var(--ink);text-decoration:none;vertical-align:top}
div.ShoppingCartItem a[title]:hover{color:var(--accent-ink)}
div.ShoppingCartItem price,div.ShoppingCartItem count{display:inline-block;min-width:12px;margin:10px 0 0;padding:0 10px;font-size:15px;font-weight:bold;text-align:center;background:var(--soft);border-radius:10px}
div.ShoppingCartItem count{color:#fff;background:var(--back)}
div.ShoppingCartItem delete{display:block;position:absolute;z-index:10;top:-7px;left:-7px;width:22px;height:22px;cursor:pointer;background:var(--boom) url(icons/close_w.png) no-repeat center center;background-size:12px auto;border-radius:50%}
div.ShoppingCartItem delete:hover{background-color:#000}
#bankAInfo{display:block;margin:0;padding:20px;overflow:hidden;font-size:18px;line-height:46px;text-align:center;color:#b51313;background:var(--soft);border-radius:var(--radius)}
#bankAInfo a{display:inline-block;padding:5px 22px;color:#fff;text-decoration:none;background:#3068e7;border-radius:20px}
#confirmInfo{display:block;margin:0 0 10px;padding:50px 20px;overflow:hidden;font-size:20px;line-height:50px;text-align:center;color:#fff;background:var(--boom);border-radius:var(--radius)}
#confirmInfo b{display:inline-block;margin-top:20px;padding:10px 50px;background:rgba(255,255,255,.2);border-radius:8px}
#usersList{display:block;clear:both}
#usersListRest{display:block;margin:0}
#usersListColumnRest{display:block;clear:both;margin:20px 0;padding:20px 0;border-top:1px solid var(--line)}
div.userItem{display:inline-block;position:relative;width:calc(20% - 10px);margin:0 0 10px 10px;padding:0;vertical-align:top;white-space:normal;text-align:right;color:var(--muted);cursor:pointer;background:var(--soft);border-radius:var(--radius);overflow:hidden}
div.userItem:hover>span[image]>img{filter:brightness(1.1)}
div.userItem span[image]{display:block;overflow:hidden}
div.userItem span[image] img{display:block;width:100%;margin:0;border:0;transition:all .5s}
div.userItem a[title]{display:block;padding:16px 16px 6px;font-size:14px;font-weight:bold;line-height:28px;color:var(--ink);text-decoration:none}
div.userItem a[title]:hover{color:var(--accent-ink)}
div.userItem span[time]{display:block;padding:6px 16px;font-size:12px;font-weight:bold;line-height:20px;text-transform:uppercase;color:var(--faint)}
div.userItem span[shortdes]{display:block;padding:6px 16px 16px;font-size:14px;color:var(--muted)}
div[usersView]{display:block;margin:0;padding:10px 0 0;text-align:center}
div[userView]{display:inline-block;position:relative;width:calc(20% - 10px);min-width:128px;margin:0 0 10px 10px;padding:0 0 10px;vertical-align:top;white-space:normal;color:var(--muted);background:var(--soft);border-radius:var(--radius);overflow:hidden}
div[userView] span[userImage]{display:block}
div[userView] span[userImage] img{display:block;width:100%}
div[userView] a[userFullName]{display:block;padding:5px;font-size:14px;line-height:25px;text-align:center;color:var(--ink);text-decoration:none}
div[userView] a[userFullName]:hover{color:var(--accent-ink)}
div[userView] span[userAction]{display:inline-block;overflow:hidden;text-align:center;border-radius:4px}
div[userView] span[userAction] span[friend]{height:30px;margin:0;padding:0 8px;font-size:11px;line-height:30px;color:#fff;vertical-align:middle;border:0}
div[userView] span[userAction] span[sendmessage]{width:42px;height:30px;margin:0;padding:0;font-size:12px;line-height:30px;color:transparent;white-space:nowrap;vertical-align:middle;border:0;background:var(--back) url(images/mail.png) no-repeat center center;background-size:22px auto}
div[userView] span[userAction] span[sendmessage]:hover{background-color:#575757}
span[friend]{display:inline-block;color:#fff;white-space:normal;cursor:pointer;opacity:.8}
span[friend]:hover{opacity:1}
span[friend="add"]{background:#1e60d8}span[friend="approve"]{background:#1d6e14}span[friend="block"]{background:#373636}span[friend="close"]{background:#8e3db4}span[friend="pending"]{background:var(--faint)}
span[sendmessage]{display:inline-block;color:#fff;white-space:normal;cursor:pointer;background-color:var(--back)}
span[sendmessage]:hover{background-color:#575757}
div.userInfoBox{display:block;position:relative;margin-bottom:10px;padding:0;overflow:hidden;vertical-align:top;white-space:normal;text-align:right;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
div.userInfoBox img{position:absolute;z-index:10;display:block;top:20px;right:20px;height:72px;margin:0;border:3px solid rgba(255,255,255,.4);border-radius:50%}
div.userInfoBox a[fullname]{display:block;height:30px;margin-bottom:20px;padding:30px 110px 20px 10px;font-size:15px;line-height:30px;color:#fff;text-transform:uppercase;text-decoration:none;white-space:normal;background:var(--back);box-sizing:content-box}
div.userInfoBox a[fullname]:hover{text-decoration:underline}
div.userInfoBox span[memberinfo]{display:block;position:absolute;top:50px;right:110px;height:20px;font-size:10px;line-height:20px;color:#fff;white-space:normal}
div.userInfoBox a[fullname][data-badge="superuser"]:after{content:'';position:absolute;top:80px;right:80px;z-index:10;width:16px;height:16px;background:#fff url(images/superuser_tag.png) no-repeat center center;background-size:16px auto;border-radius:50%}
div.userInfoBox span[info]{display:block;margin-bottom:10px;padding:10px 30px;font-size:14px;color:var(--ink);white-space:pre-wrap}
div.userInfoBox span[exlinks]{display:block;padding:0 30px 10px;font-size:11px;color:var(--faint)}
div.userInfoBox span[exlinks] a[website]{display:inline-block;margin:0 0 10px 10px;padding:4px 10px 4px 34px;font-size:12px;line-height:22px;color:var(--ink);text-decoration:none;background:var(--soft) url(images/link-dark.png) no-repeat 8px center;border-radius:15px}
div.userInfoBox span[exlinks] a[website]:hover{color:#fff;background:var(--back) url(images/link.png) no-repeat 8px center}
div.userInfoBox span[more]{display:block;height:50px;padding:10px 30px 0;font-size:11px;line-height:50px;color:var(--faint);border-top:1px solid var(--line)}
div.userInfoBox span[friend]{height:25px;margin:0 0 5px 5px;padding:5px;font-size:11px;line-height:25px;border-radius:4px}
div.userInfoBox span[sendmessage]{width:42px;height:25px;margin:0 0 5px 5px;padding:5px 0;font-size:12px;line-height:25px;color:transparent;white-space:nowrap;background:var(--back) url(images/mail.png) no-repeat center center;background-size:22px auto;border-radius:4px}

/* ============ Dashboard ============ */
#dashboardA{display:block}
#dashboardA h1{display:block;margin:0 0 10px;padding:10px 20px;font-size:12px;font-weight:normal;line-height:30px;color:var(--muted)}
div.PostItemA{display:block;position:relative;margin:0 0 10px;padding:0 0 10px;border:0;background:var(--soft);border-radius:var(--radius)}
div.PostItemA span[image]{display:block;position:relative;margin-bottom:-50px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
div.PostItemA:hover>span.opinionCtrl[id*="opinionCtrl_1_"]{display:block}
div.PostItemA span.opinionCtrl[id*="opinionCtrl_1_"]{display:block;position:absolute;z-index:10;top:0;right:0}
div.PostItemA h3:hover>span.opinionCtrl[id*="opinionCtrl_2_"]{display:block}
div.PostItemA span.opinionCtrl[id*="opinionCtrl_2_"]{display:block;position:absolute;top:15px;right:-20px}
div.PostItemA h2{display:block;position:absolute;z-index:10;top:15px;left:55px;height:32px;margin:0;padding:0;font-size:14px;font-weight:normal;line-height:32px;text-align:left;color:#fff;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6)}
div.PostItemA h3{display:block;position:relative;height:20px;margin:10px 20px 0;padding:10px;font-size:12px;font-weight:normal;line-height:20px;vertical-align:middle;color:var(--faint);border-top:1px solid var(--line)}
div.PostItemA h3 a{font-weight:bold;color:var(--muted);text-decoration:none}
div.PostItemA h3 a:hover{color:var(--ink);text-decoration:underline}
div.PostItemA img[user]{display:block;position:absolute;z-index:10;top:15px;left:15px;width:32px;border-radius:50%}
div.PostItemA img[post]{display:block;width:100%;max-height:75vh;margin:0;padding:0;vertical-align:top;object-fit:cover}
div.PostItemA img[user-comment]{display:inline-block;width:16px;margin-left:10px;vertical-align:middle;filter:grayscale(1);border-radius:50%}
div.PostItemA div{display:block;position:relative;z-index:1;margin:0 50px 10px 0;padding:0 10px 20px;vertical-align:top;background:var(--paper);border:1px solid var(--line);border-radius:0 0 var(--radius) 0}
div.PostItemA div a[title]{display:inline-block;padding:15px 20px 0 40px;font-size:18px;font-weight:bold;line-height:30px;color:var(--ink);text-decoration:none}
div.PostItemA div a[title]:hover{text-decoration:underline}
div.PostItemA div span[detail]{display:block;padding:20px;font-size:17px;color:var(--ink)}
div.PostItemA div span[time]{padding:0 20px 0 0;font-size:13px;line-height:20px;color:var(--faint)}
div.PostItemA span[comment]{display:block;margin:0 30px;padding:10px 0 20px 25px;font-size:15px;line-height:20px;color:var(--muted)}
#dashboardB{display:block;margin:0;padding:10px 0;text-align:right;background:var(--back);border-radius:var(--radius)}
#dashboardB h1{display:block;margin:0;padding:0 20px;font-size:15px;line-height:30px;color:#fff}
#dashboardB ul[info]{display:block;margin-bottom:10px;padding:0 0 10px;overflow:hidden;list-style:none;font-size:11px;color:rgba(255,255,255,.55)}
#dashboardB ul[info] li{display:block;position:relative;min-height:65px;padding:10px 65px 10px 10px;cursor:pointer;border-right:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.1)}
#dashboardB ul[info] li:hover{color:#fff;background:rgba(255,255,255,.08);border-right-color:var(--boom)}
#dashboardB ul[info] li:last-child,#dashboardC ul[info] li:last-child{border-bottom:0}
#dashboardB ul[info] li img{display:block;position:absolute;top:10px;right:10px;width:45px;height:45px;border-radius:6px;object-fit:cover}
#dashboardB ul[info] li a[title]{display:block;font-size:13px;color:#fff;text-decoration:none;word-wrap:break-word}
#dashboardB ul[info] li a[title]:hover{color:var(--boom)}
#dashboardC{display:block;margin:0 0 10px;padding:0;background:var(--paper)}
#dashboardC h1{display:block;padding:0 20px;font-size:12px;font-weight:normal;line-height:30px;color:var(--muted)}
#dashboardC span[graphcover]{display:block;max-height:250px}
#dashboardC span[visitcount]{display:inline-block;margin:0 30px;padding:5px 12px;font-size:12px;line-height:25px;color:var(--accent-ink);background:var(--soft);border-radius:15px}
#dashboardC span[keywordcloud]{display:block;margin:10px 0;padding:10px 30px;font-size:14px;color:var(--muted);white-space:normal;border-top:1px solid var(--line)}
#dashboardC a[tag]{display:inline-block;position:relative;margin:0 0 5px 5px;padding:4px 12px;font-size:13px;line-height:25px;color:#fff;text-decoration:none;white-space:normal;background:var(--back);border-radius:15px}
#dashboardC a[tag]:hover{text-decoration:underline}

/* ============ Slideshow, tiles, titles ============ */
tileList{display:block;overflow:hidden;padding:0 10px;text-align:center}
tileList tileListHeader{display:block;font-size:20px;font-weight:bold;line-height:60px;color:var(--ink)}
tile{display:inline-block;position:relative;width:128px;margin:0;padding:0;cursor:pointer}
tile:hover{opacity:.85}
tile[hasRate="true"]{width:calc(50% - 20px);height:192px;border:4px solid #000}
tile[rank]:after{content:attr(rank);position:absolute;top:0;left:0;width:30px;height:30px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:var(--boom)}
tile img[postImage],tile img[festivalImage],tile img[publicationImage]{display:block;width:100%;margin:0;padding:0;border:0;object-fit:cover;border-radius:6px}
tile img[postImage]{max-height:200px}
tile img[festivalImage]{max-height:25vh}
tile img[publicationImage]{height:50vh}
tile img[sharingImage]{display:inline-block;width:calc(100% - 20px);margin:10px;vertical-align:middle;cursor:initial;object-fit:cover}
tiletitle{position:absolute;bottom:64px;left:0;margin:0;padding:8px 10px;font-size:14px;line-height:15px;color:#fff;overflow:hidden;background:rgba(0,0,0,.4)}
tile:hover>tiletitle{background:rgba(0,0,0,.7)}
tile span{display:block;font-size:10px;line-height:20px;color:var(--muted)}
tile span img[userImage]{display:inline-block;width:50px;height:50px;margin:7px;padding:0;border:0;vertical-align:middle;border-radius:50%}
tile span a{display:inline-block;font-size:14px;overflow:hidden;color:var(--ink);text-decoration:none;vertical-align:middle}
.titleHead{display:block;padding:0 20px;font-size:20px;font-weight:bold;line-height:50px;color:var(--ink);border-bottom:1px solid var(--line)}
.titleSub{display:block;margin:0;padding:0 20px;overflow:hidden;font-size:14px;line-height:30px;color:var(--muted);text-decoration:none;vertical-align:middle;backdrop-filter:blur(3px)}
.titleSub a{display:inline-block;margin:0;padding:0;font-size:14px;line-height:30px;overflow:hidden;color:var(--accent-ink);text-decoration:none;vertical-align:middle}
.titleSub a:hover{color:var(--ink)}
#moreImageList{display:block;margin:-5px 0 0;padding:10px;overflow:hidden;list-style:none;background:var(--soft);border-radius:var(--radius)}
#moreImageList li{display:inline-block;position:relative;margin:0 15px 15px 0;vertical-align:top}
#moreImageList li img{display:block;width:128px;border:3px solid #fff;border-radius:6px}
#moreImageList li delete{display:block;position:absolute;z-index:10;top:-5px;left:-5px;width:24px;height:24px;cursor:pointer;background:#e5483d url(images/closeKeyW.png) no-repeat center center;border-radius:50%}
#moreImageList li delete:hover{background-color:#000}
span.shareKey{display:block;float:left;width:50px;height:22px;margin-right:5px;padding:0 7px;font-size:9px;line-height:24px;color:var(--accent-ink);cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:3px}
span.shareKey:hover{color:var(--ink);border-color:var(--faint)}
span.shareKey i{padding-right:5px;font-size:16px;vertical-align:middle}
span[image] span[videoicon],span[image] span[panoramaicon],span[image] span[liveicon],span[image] span[waveicon]{display:block;position:absolute;z-index:2;inset:0;cursor:pointer;opacity:.8;background-repeat:no-repeat;background-position:center center;background-size:72px auto;transition:all .4s}
span[image] span[videoicon]{background-image:url(images/playw.png)}
span[image] span[panoramaicon]{background-image:url(images/panoramaw.png)}
span[image] span[liveicon]{background-image:url(images/liveicon.png)}
span[image] span[waveicon]{background-image:url(images/wavew.png)}
span[image] span[videoicon]:hover,span[image] span[panoramaicon]:hover,span[image] span[liveicon]:hover,span[image] span[waveicon]:hover{background-size:84px auto;opacity:1}
span[image]{position:relative}

/* ============ Calendar & events ============ */
#eventsList{display:block;float:right;margin:10px 0;padding:14px;vertical-align:top;background:var(--soft);border-radius:var(--radius)}
#eventsList h1{font-size:17px;font-weight:bold;line-height:20px;color:var(--ink)}
div.eventItem{display:block;position:relative;min-height:50px;padding:14px 0;white-space:normal;color:var(--ink);border-bottom:1px solid var(--line)}
div.eventItem:first-child{padding-top:0}
div.eventItem:last-child{border-bottom:0}
div.eventItem div[date]{display:block;position:absolute;top:14px;right:0;width:46px;height:46px;padding:0;text-align:center;vertical-align:top;background:var(--paper);border:1px solid var(--line);border-radius:8px}
div.eventItem div[date] span.day{display:block;width:44px;padding-top:5px;font-size:20px;font-weight:bold;line-height:22px;color:var(--accent-ink)}
div.eventItem div[date] span.month{display:block;width:44px;font-size:11px;font-weight:normal;line-height:15px;color:var(--muted)}
div.eventItem div[detail]{display:block;margin:0;padding:0 58px 0 10px;border:0;vertical-align:top}
div.eventItem div span[title],div.eventItem div a[title]{display:block;padding-bottom:6px;font-size:14px;font-weight:bold;line-height:20px;color:var(--ink);text-decoration:none}
div.eventItem div a[title]:hover{text-decoration:underline}
div.eventItem div span[detail]{font-size:12px;color:var(--muted)}
div.jscalendar{display:block;position:relative;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}
div.jscalendar span[calendartitle]{display:block;height:20px;margin:10px 10px 0;font-size:13px;line-height:20px}
div.jscalendar span[calendarCtrl]{display:block;position:absolute;top:7px;left:10px;width:54px}
div.jscalendar span[previousCtrl],div.jscalendar span[nextCtrl]{display:inline-block;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;border:1px solid var(--line)}
div.jscalendar span[previousCtrl]{border-radius:0 13px 13px 0}
div.jscalendar span[nextCtrl]{margin-right:-1px;border-radius:13px 0 0 13px}
div.jscalendar span[previousCtrl]:hover,div.jscalendar span[nextCtrl]:hover{color:#fff;cursor:pointer;background:var(--back)}
div.jscalendar div[body]{display:block;margin:10px 0;text-align:center}
div.jscalendar span[today],div.jscalendar span[day],div.jscalendar span[dayPrevious],div.jscalendar span[dayNext]{display:inline-block;width:36px;height:36px;margin:0 0 -1px -1px;font-size:14px;line-height:36px;text-align:center;border:1px solid var(--line)}
div.jscalendar span[today]{font-weight:bold;color:var(--accent-ink)}
div.jscalendar span[dayPrevious],div.jscalendar span[dayNext]{color:var(--faint)}
div.jscalendar span[appointed]{color:var(--accent-ink)}
div.jscalendar span[today]:hover,div.jscalendar span[day]:hover{color:#fff;cursor:pointer;background:var(--back)}
#homepageMiddleColumn{display:block;float:right;width:300px;padding:0;vertical-align:top}

/* ============ Poetry helpers inside lists ============ */
#postsList .ppoem{white-space:normal}

/* ============ Responsive ============ */
@media screen and (max-width:1024px){
  #postsListColumn,bond{grid-template-columns:repeat(var(--ccs),minmax(0,1fr));gap:28px 20px}
  #relatedPostList{grid-template-columns:repeat(var(--sccs),minmax(0,1fr))}
  div.userItem,div[userView]{width:calc(25% - 10px)}
}
@media screen and (max-width:800px){
  #pageBody{padding:24px 16px 40px}
  div.postDetail h1{font-size:26px}
  #relatedPostList{grid-template-columns:1fr}
}
@media screen and (max-width:640px){
  #postsListColumn,bond{grid-template-columns:1fr;gap:28px}
  div.postItem a[title]{font-size:17px}
  div.postDetail h1{padding-top:16px;font-size:22px;line-height:1.6}
  div.postDetail h2{font-size:15px}
  div.postDetail div span[detail]{font-size:16px;line-height:2}
  div.postDetail div span[price]{padding:4px 40px 4px 12px;font-size:18px;background-position:right 10px center;background-size:20px auto}
  div.postDetail div[moreImages] img{width:100%;margin:5px 0}
  #header{width:calc(100% - 24px);height:300px;margin-top:8px;border-radius:12px}
  slideshow figure{padding-bottom:44px}
  slideshow figcaption{padding:0 18px;font-size:20px}
  slideshow figdesc{padding:4px 18px 0;font-size:14px}
  slideshow .arrow{width:38px;height:38px;margin-top:-19px}
  .vslides{height:40vh}
  .nav .next{background-position:right 10px center;background-size:30% auto}
  .nav .prev{background-position:left 10px center;background-size:30% auto}
  .mesra{width:100%;padding:0;font-size:18px}
  .mesra:last-child{padding:0}
  .beyt{margin-bottom:14px}
  div.formPanel div span{display:block;width:100%;text-align:right}
  .formcontrols{display:block;width:100%}
  .w50,.w100,.w150{width:calc(25% - 15px)}
  .w200,.w300,.w500,.w600,.textboxview,.textboxviewMini{width:calc(100% - 15px)}
  controlHint{display:block;margin:10px 0;text-align:left}
  div.userItem,div[userView]{width:calc(50% - 10px)}
  message[sender="other"]{margin:0 0 20px 10%}
  message[sender="me"]{margin:0 10% 20px 0}
  message bl-body{font-size:12px}
  img.autoLink,figure.autoLink{float:none;width:100%;max-width:100%;margin:10px 0}
  div.sharingReviewContainer img,div.sharingReviewContainer urltitle,div.sharingReviewContainer urldescription,div.sharingReviewContainer urlkeywords{float:none;width:100%}
  div.newMessageForm,div.sharingForm{padding:10px}
  #countDownKey{width:100%}
  #customGrid crow ccol[c0]{padding:30px 50px 10px 10px}
  #customGrid crow ccol[c0] img{width:30px;height:30px}
  #customGrid crow ccol[c1]{right:50px}
  #logingPanels{margin:0;border-radius:0}
  div.PostItemA h2{display:none}
  div.PostItemA div{margin-right:30px}
  div.tabBarPanel a{min-width:45px;padding:0 10px;font-size:12px}
  div.tabBarPanel a img{width:16px}
  #EUCookieLawAsk{padding:16px}
}
@media screen and (max-width:480px){
  div.postDetail h1{font-size:20px}
  #vBoxMessage{font-size:12px}
}
@media print{
  #loginbarBG,#navbarBG,#searchbar,#headerBG,#quickSitemapBG,#footerBG,.newCommentPanel,#sharingUrlButton,#supportChat{display:none!important}
  html{margin-top:0}
  div.postDetail{max-width:100%}
}
@media screen and (max-width:640px){
  div.userProfileHeaderBox span[headerBG]{height:150px}
  div.userProfileHeaderBox img[photo]{top:108px;right:16px;width:84px;height:84px}
  div.userProfileHeaderBox a[fullname]{padding:10px 112px 0 16px;font-size:18px}
  div.userProfileHeaderBox span[memberinfo]{padding:0 112px 0 16px}
  div.userProfileHeaderBox span[info],div.userProfileHeaderBox span[exlinks]{padding-left:16px;padding-right:16px}
  .input-group{margin:0 14px}
  div.postDetail + #postsList{margin-top:40px;padding-top:28px}
}