/*@import url(https://db.onlinewebfonts.com/c/14936bb7a4b6575fd2eee80a3ab52cc2?family=Feather+Bold);*/

body {
	tab-size: 4;
	font-size: 11px;
	font-size: 12px;
	background-color: #f7f7f7;
}

/*body { --color-bee: #ffc800; }*/

__td .rank-img,
#viewprofile .profile-avatar+dd {
    background-color: #ffc800;
    background-image: url(/x/golden-badge.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-color: #ffc800;
    border-style: solid solid none;
	margin: 8px auto;
	padding: 2px 4px;
	border-radius: 4px;
	height: 18px;
	color: #ff9600;
	color: #fff;
	font-weight: bold;
	width: fit-content;
}


/* fix nav icons jumping around */

#nav-main > li {
  position: relative !important;
  margin-right: 7px !important;
}

.attach-image img { border: none; }
.attach-image + dd { opacity: 0.3; font-size: 12px; margin-bottom: 20px !important; }

.light-responsive-search {
    margin-right: 7px !important;
}

.snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; background: rgba(0,0,0,0.1); display: none; }
.snow-container canvas { margin: 0; }
.snow {
    cursor: pointer;
    text-decoration: underline;
    text-decoration: none;
    font-size: 50px;
    line-height: 35px;
    vertical-align: middle;
    display: inline-block;
    height: 17px;
}

.badge {
    position: absolute !important;
    display: flex !important;
    margin: 0 !important;
    left: unset !important;
    right: 0 !important;
    top: -5px !important;
}



.badge.hidden {
    display: none !important;
}


details { background: #eee; border-radius: 5px; padding: 5px 10px; margin: 10px 0; }
.reveal { border-bottom: 1px dashed #20a8e9; color: #20a8e9; font-weight: bold; cursor: pointer; }
.reveal+.more { display: inline-block; display: none; background: #20a8e9; color: #fff; padding: 0px 4px; margin: -2px 0 0 0; border-radius: 6px; vertical-align: top; border: 2px solid #fff; z-index: 1; }
.__reveal:hover+.more,
.reveal+.more.inline { display: inline-block; position: absolute; }

.ignore { cursor: pointer; padding: 5px; border-radius: 5px; background: #fafafa; color: #999; }
.ignore:hover { background: #f3f3f3; }

p.post-notice { border-radius: 5px; }

/*== start of code for tooltips ==*/
.tooltip {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tooltip::before,
.tooltip::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tooltip:hover::before,
.tooltip:focus::before,
.tooltip:hover::after,
.tooltip:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}


/*== pointer tip ==*/
.tooltip::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.tooltip:hover::before,
.tooltip:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tooltip::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 180%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);  
    width: 17.5em;
}

.tooltip:hover::after,
.tooltip:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tooltip::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
  }
}
/* site logo consistency with forum icons */

.site_logo {
    background-image: url(/x/-duo-me-white.svg);
    background-size: contain;
    margin-inline-start: 10px;
    height: 50px;
/*    width: 80px;*/
}

	.page-header { position: relative; }
	.duome {}
	nav.duo { display: block; position: absolute; top: 0px; left: 196px; left: 174px; height: 80px; z-index: 1; }
	nav.duo ul { line-height: 80px; margin: 0; padding: 0; max-width: 980px; font-size: 18px; font-size: 16px; font-size: 14px; font-weight: bold; font-weight: normal; text-transform: uppercase; }
	nav.duo li { vertical-align: top; }
/*nav.duo li.patreon { margin: 0; height: 80px; float: right; }
nav.duo li.patreon a { vertical-align: -11px; }*/
	nav.duo ul li a { color: #fff; -webkit-transition: text-shadow 0.25s ease-out; padding: 0 10px; text-decoration: none; }
	nav.duo ul li:hover > a { color: #fff; text-shadow: 0px 0px 15px #fff; text-shadow: 0px 0px 5px #fff; }
	nav.duo ul li a.fade:hover { opacity: 0.3; text-shadow: none; }
	nav.duo ul li { display: inline-block; }
	nav.duo>ul>li:first-child { height: 80px; }
	nav.duo ul ul { display: none; position: absolute; top: 50px; line-height: 20px; background: rgba(30,158,220,.5); background-color: rgba(32,166,231,.8); text-align: left; font-size: 16px; margin: 0 0 0 -7px; padding: 0 20px 15px 7px; white-space: nowrap; text-transform: none; }
	nav.duo ul ul li { display: block; }
	nav.duo ul li:hover ul { display: block; }
	nav.duo ul.practice { top: 50px; /*background: none;*/ margin: 0 0 0 -30px; z-index: 200; padding: 8px; /* margin: 0 0 0 -5px; width: 86px; */ margin: 0 0 0 -12px; width: 84px; }
	nav.duo ul li:hover ul.practice { display: flex; flex-wrap: wrap; gap: 4px; }
	_nav.duo ul.practice li { display: inline-block; margin: 0 2px; float: left; }
	nav.duo ul.practice li a { padding: 0; display: block; width: 18px; height: 18px; }

.flag { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: url(/x/flag-sprite15.svg) -176px -110px no-repeat; background-size: 220px; vertical-align: middle; text-indent: -9999px; position: relative; margin: 4px; }
.flag.xs { transform: scale(0.7); margin: 0; top: -3px; }

.flag:before {
  content: " "; position: absolute; z-index: 1;
  top: -3px; left: -3px; right: -3px; bottom: -3px;
  border: 3px solid #fff; border-radius: 50%;
  /*#2d2d2d*/
}


  .fr { background-position: 0px 0px; }
  .zz { background-position: 0px 0px; margin: 2px 5px !important; }
  .zz:before { border: 2px solid #1cb0f6; }

.flag.la { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -5px -927px; background-size: 28px !important; }
.m.la { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -8px -1521px; background-size: 46px !important; }

.flag.gd { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -5px -949px; background-size: 28px !important; }
.m.gd { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -8px -1559px; background-size: 46px !important; }

.flag.fi { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -4px -972px; background-size: 28px !important; }
.m.fi { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -8px -1595px; background-size: 46px !important; }

.flag.yi { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -6px -994px; background-size: 28px !important; }
.m.yi { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -9px -1632px; background-size: 46px !important; }

.flag.ht { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -6px -1017px; background-size: 28px !important; }
.m.ht { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -9px -1670px; background-size: 46px !important; }

.flag.zu { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -6px -1062px; background-size: 28px !important; }
.m.zu { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -9px -1744px; background-size: 46px !important; }

.flag.xh { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -6px -1062px; background-size: 28px !important; }
.m.xh { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -9px -1744px; background-size: 46px !important; }

.flag.ar { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -5px -746px; background-size: 28px !important; }
.m.ar { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -8px -1225px; background-size: 46px !important; }

.flag.th { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -5px -792px; background-size: 28px !important; }
.m.th { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -8px -1299px; background-size: 46px !important; }

.flag.tl { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -3px -1039px; background-size: 28px !important; }
.m.tl { background: url(/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) -4px -1706px; background-size: 46px !important; }

  .bn { background: url(/x/flag-bn.svg) center center no-repeat; background-size: 24px; }
.m.bn { background: url(/x/flag-bn.svg) center center no-repeat; background-size: 40px; }

  .is { background: url(/x/flags/is.svg) center center no-repeat; background-size: 24px; }
.m.is { background: url(/x/flags/is.svg) center center no-repeat; background-size: 40px; }

  .bg { background: url(/x/flags/bg.svg) center center no-repeat; background-size: 24px; }
.m.bg { background: url(/x/flags/bg.svg) center center no-repeat; background-size: 40px; }


  .es { background-position: -22px 0px; }
.m.es { background-position: -38px 0px; }
  .de { background-position: -44px 0px; }
.m.de { background-position: -76px 0px; }
  .pt { background-position: -66px 0px; }
.m.pt { background-position: -114px 0px; }
  .it { background-position: -88px 0px; }
.m.it { background-position: -152px 0px; }
  .en { background-position: -110px 0px; }
.m.en { background-position: -190px 0px; }
  .ga { background-position: -132px 0px; }
.m.ga { background-position: -228px 0px; }
  .hu { background-position: -154px 0px; }
.m.hu { background-position: -266px 0px; }
  .ru { background-position: -176px 0px; }
.m.ru { background-position: -304px 0px; }
  .pl { background-position: -198px 0px; }
.m.pl { background-position: -342px 0px; }

  .ro { background-position: 0px -44px; }
.m.ro { background-position: 0px -76px; }
  .dn { background-position: -22px -44px; }
.m.dn { background-position: -38px -76px; }
  .tr { background-position: -44px -44px; }
.m.tr { background-position: -76px -76px; }
  .id { background-position: -66px -44px; }
.m.id { background-position: -114px -76px; }
  .ja { background-position: -88px -44px; } /***/
.m.ja { background-position: -152px -76px; } /***/
  .uk { background-position: -110px -44px; }
.m.uk { background-position: -190px -76px; }
  .el { background-position: -154px -44px; }
.m.el { background-position: -266px -76px; }

/*  .ar { background-position: -198px -44px; }
.m.ar { background-position: -342px -76px; }*/


  .hi { background-position: -0px -88px; }
.m.hi { background-position: -0px -152px; }
  .te { background-position: -0px -88px; }
.m.te { background-position: -0px -152px; }

  .he { background-position: -22px -88px; }
.m.he { background-position: -38px -152px; }
  .ko { background-position: -44px -88px; }
.m.ko { background-position: -76px -152px; }
  .vi { background-position: -66px -88px; }
.m.vi { background-position: -114px -152px; }
  .sv { background-position: -88px -88px; }
.m.sv { background-position: -152px -152px; }

	
  .zc { background: url(/x/flag-zc.svg) center center no-repeat; background-size: 24px; }
.m.zc { background: url(/x/flag-zc.svg) center center no-repeat; background-size: 40px; }
  .zs, .cn { background-position: -110px -88px; }
.m.zs, .m.cn { background-position: -190px -152px; }


  ._zu { background: url(/x/flag-zu.svg) center center no-repeat; background-size: 24px; }
.m._zu { background: url(/x/flag-zu.svg) center center no-repeat; background-size: 40px; }

  .zh { background-position: -110px -88px; }
.m.zh { background-position: -190px -152px; }

  .cs { background-position: -132px -88px; }
.m.cs { background-position: -228px -152px; }
  .eo { background-position: -198px -88px; }
.m.eo { background-position: -342px -152px; }

  .kl { background-position: -0px -132px; }
.m.kl { background-position: -0px -228px; }
  .da { background-position: -22px -132px; }
.m.da { background-position: -38px -228px; }
  .nb { background-position: -132px -132px; }
.m.nb { background-position: -228px -228px; }
  .ca { background-position: -176px -132px; }
.m.ca { background-position: -304px -228px; }
  .cy { background-position: -198px -132px; }
.m.cy { background-position: -342px -228px; }

  .gn { background-position: 0px -176px; }
.m.gn { background-position: 0px -304px; }
  .sw { background-position: -22px -176px; }
.m.sw { background-position: -38px -304px; }
  .hv { background-position: -88px -176px; }
.m.hv { background-position: -152px -304px; }
  .hw { background-position: -110px -176px; }
.m.hw { background-position: -190px -304px; }
  .nv { background-position: -132px -176px; }
.m.nv { background-position: -228px -304px; }

.forums.flags { display: flex; flex-wrap: wrap; gap: 1px; justify-content: center; }
ul.flags li { width: 50px; margin: 0 !important; }

span.flags { display: inline-block; background: #eee url(https://duome.eu/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) 0 0 no-repeat; background-size: 28px; vertical-align: middle; width: 28px; height: 23px; border-radius: 5px; position: relative;}

span.flags.england,
span.flags.english { display: inline-block; background: #fff url(/x/flag/england.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }
span.flags.anglosaxon { display: inline-block; background: #fff url(/x/flag/anglo-saxon.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }

span.flags.bg { display: inline-block; background: #fff url(/x/flags/bg.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }
span.flags.is { display: inline-block; background: #fff url(/x/flags/is.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }
_span.flags.is:before { content: ""; background: #fff; }
_span.flags.is:after { content: ""; background: #fff url(/x/flags/is.svg) 0 0 no-repeat; background-size: 14px !important; width: 12px; height: 9px; border-radius: 4px; position: absolute; top: 12px; right: -2px; border: 2px solid white; display: none; }

span.flags.chess { display: inline-block; background: #fff url(/x/flags/chess.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }
span.flags.music { display: inline-block; background: #fff url(/x/flags/music.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }
span.flags.math { display: inline-block; background: #fff url(/x/flags/math.svg) center center no-repeat; background-size: 25px; vertical-align: middle; width: 27px; height: 21px; border-radius: 6px; position: relative; border: 1px solid #eee; }

span.flags.es { background-position: 0px -22px; }
span.flags.fr { background-position: 0px -45px; }
span.flags.de { background-position: 0px -67px; }
span.flags.ja { background-position: 0px -90px; }
span.flags.it { background-position: 0px -113px; }
span.flags.ko { background-position: 0px -135px; }
span.flags.cn,
span.flags.zh,
span.flags.zs { background-position: 0px -158px; }
span.flags.ru { background-position: 0px -180px; }
span.flags.pt { background-position: 0px -203px; }
span.flags.tr { background-position: 0px -225px; }
span.flags.nl-NL,
span.flags.nl,
span.flags.dn { background-position: 0px -248px; }
span.flags.sv { background-position: 0px -270px; }
span.flags.ga { background-position: 0px -293px; }
span.flags.el { background-position: 0px -315px; }
span.flags.he { background-position: 0px -338px; }
span.flags.pl { background-position: 0px -361px; }
span.flags.no-BO,
span.flags.no,
span.flags.nb { background-position: 0px -383px; }
span.flags.vi { background-position: 0px -406px; }
span.flags.da { background-position: 0px -428px; }
span.flags.hv { background-position: 0px -461px; }
span.flags.ro { background-position: 0px -473px; }
span.flags.sw { background-position: 0px -496px; }
span.flags.eo { background-position: 0px -518px; }
span.flags.hu { background-position: 0px -541px; }
span.flags.cy { background-position: 0px -564px; }
span.flags.uk { background-position: 0px -586px; }
span.flags.kl { background-position: 0px -608px; }
span.flags.cs { background-position: 0px -631px; }
span.flags.hi,
span.flags.te,
span.flags.bn { background-position: 0px -654px; }
span.flags.id { background-position: 0px -676px; }
span.flags.hw { background-position: 0px -699px; }
span.flags.nv { background-position: 0px -721px; }
span.flags.ar { background-position: 0px -744px; }
span.flags.ca { background-position: 0px -766px; }
span.flags.th { background-position: 0px -789px; }
span.flags.gn { background-position: 0px -811px; }
span.flags.gold { background-position: 0px -834px; }
span.flags.duo { background-position: 0px -856px; }
span.flags.tools { background-position: 0px -879px; }
span.flags.read { background-position: 0px -901px; }
span.flags.la { background-position: 0px -924px; }
span.flags.gd { background-position: 0px -947px; }
span.flags.fi { background-position: 0px -969px; }
span.flags.yi { background-position: 0px -992px; }
span.flags.ht { background-position: 0px -1014px; }
span.flags.tl { background-position: 0px -1037px; }
span.flags.xh,
span.flags.zu { background-position: 0px -1059px; }

span.flags:after { content: ""; background: #fff url(https://duome.eu/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) 0 0 no-repeat; background-size: 14px !important; width: 12px; height: 9px; border-radius: 4px; position: absolute; bottom: -2px; right: -2px; border: 2px solid white; display: none; }

span.flags.from_en:after { display: block; background-position: center -1px; }
span.flags.from_es:after { display: block; background-position: center -12px; }
span.flags.from_fr:after { display: block; background-position: center -24px; }
span.flags.from_de:after { display: block; background-position: center -35px; }
span.flags.from_ja:after { display: block; background-position: center -46px; }
span.flags.from_it:after { display: block; background-position: center -58px; }
span.flags.from_ko:after { display: block; background-position: center -69px; }
span.flags.from_cn:after, 
span.flags.from_zh:after, 
span.flags.from_zs:after { display: block; background-position: center -80px; }
span.flags.from_ru:after { display: block; background-position: center -91px; }
span.flags.from_pt:after { display: block; background-position: center -103px; }
span.flags.from_tr:after { display: block; background-position: center -114px; }
span.flags.from_nl:after, 
span.flags.from_dn:after { display: block; background-position: center -125px; }
span.flags.from_sv:after { display: block; background-position: center -136px; }
span.flags.from_ga:after { display: block; background-position: center -148px; }
span.flags.from_el:after { display: block; background-position: center -159px; }
span.flags.from_he:after { display: block; background-position: center -170px; }
span.flags.from_pl:after { display: block; background-position: center -181px; }
span.flags.from_no:after,
span.flags.from_nb:after { display: block; background-position: center -193px; }
span.flags.from_vi:after { display: block; background-position: center -204px; }
span.flags.from_da:after { display: block; background-position: center -215px; }
span.flags.from_ro:after { display: block; background-position: center -238px; }
span.flags.from_sw:after { display: block; background-position: center -249px; }
span.flags.from_hu:after { display: block; background-position: center -271.5px; }
span.flags.from_cy:after { display: block; background-position: center -283px; }
span.flags.from_uk:after { display: block; background-position: center -294px; }
span.flags.from_cs:after { display: block; background-position: center -316.5px; }
span.flags.from_hi:after, 
span.flags.from_te:after,
span.flags.from_bn:after { display: block; background-position: center -328px; }
span.flags.from_id:after { display: block; background-position: center -339px; }
span.flags.from_hw:after { display: block; background-position: center -350px; }
span.flags.from_nv:after { display: block; background-position: center -362px; }
span.flags.from_ar:after { display: block; background-position: center -373px; }
span.flags.from_ca:after { display: block; background-position: center -384px; }
span.flags.from_th:after { display: block; background-position: center -395.5px; }
span.flags.from_gn:after { display: block; background-position: center -407px; }
span.flags.from_gold:after { display: block; background-position: center -418px; }
span.flags.from_duo:after { display: block; background-position: center -430px; }
span.flags.from_tools:after { display: block; background-position: center -441px; }
span.flags.from_read:after { display: block; background-position: center -452px; }
span.flags.from_la:after { display: block; background-position: center -463px; }
span.flags.from_gd:after { display: block; background-position: center -475px; }
span.flags.from_fi:after { display: block; background-position: center -486px; }
span.flags.from_yi:after { display: block; background-position: center -497px; }
span.flags.from_ht:after { display: block; background-position: center -508px; }
span.flags.from_tl:after { display: block; background-position: center -520px; }
span.flags.from_xh:after,
span.flags.from_zu:after { display: block; background-position: center -531px; }

span.flags.from_england:after,
span.flags.from_english:after { display: block; background: #fff url(/x/flag/england.svg) -1px -1px no-repeat; }
span.flags.from_bg:after { display: block; background: #fff url(/x/flags/bg.svg) -1px -1px no-repeat; }
span.flags.from_is:after { display: block; background: #fff url(/x/flags/is.svg) -1px -1px no-repeat; }
span.flags.is:after { bottom: -3px !important; } 


.x64 { background-size: 64px !important; width: 64px !important; height: 52px !important; border-radius: 12px !important; margin: 0 20px 0 0; float: left; }

.x48 { transform: scale(0.75); margin: -13px -16px; }
.x32 { transform: scale(0.5); margin: -13px -16px; }
.x16 { transform: scale(0.25); margin: -13px -16px; }

.x64:after { content: "";
    background: #fff url(https://duome.eu/x/juicy-flag-sprite-87938207afff1598611ba626a8c4827c.svg) center 0 no-repeat;
    background-size: 32px !important;
    width: 28px !important;
    height: 22px !important;
    border-radius: 8px !important;
    position: absolute;
    top: 26px !important;
    right: -2px !important;
    border: 3px solid white; display: none; }

.x64.es { background-position: 0px -51px !important; }
.x64.fr { background-position: 0px -103px !important; }
.x64.de { background-position: 0px -155px !important; }
.x64.ja { background-position: 0px -206px !important; }
.x64.it { background-position: 0px -257px !important; }
.x64.ko { background-position: 0px -309px !important; }
.x64.cn, 
.x64.zh, 
.x64.zs { background-position: 0px -361px !important; }
.x64.ru { background-position: 0px -412px !important; }
.x64.pt { background-position: 0px -464px !important; }

.x64.from_es:after { display: block; background-position: center -28px !important; background-size: 32px !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------*/

.wrap { margin-top: 120px; }
.logo { /*padding-top: 5px;*/ }
.lightsearch { height: 36px; margin: 12px; position: relative; z-index: 3; }
.lightsearch ul.linklist > li { padding: 0px; height: 36px; }

#seek { float: left; position: relative; margin: 0; height: 36px; }

#search-box { position: absolute; right: 9999px; margin: 0; opacity: 0; z-index: 999; width: 178px; border: 3px solid #0001;}
#search-box { border: 3px solid #fff3; border-radius: 7px; }

#_seek { position: absolute; top: 32px; right: 260px; right: 40px; padding: 0 31px 0 0; }
#seek>a { width: 36px; height: 36px; background: url('/x/icons-36-black.png') -1221px 0 no-repeat; display: block; float: right; cursor:pointer; margin: -1px 34px 0 0; }
#search-box.see { right: 5px; top: 0px; } /* #seek:hover div */

#search-box .inputbox { height: 24px; padding: 8px; height: 30px; }

#search-box button { width: 30px !important; height: 30px; background-image: none; background: #fff url('/x/icons-36-black.png') -1225px -4px no-repeat; margin: 0 0 0 -30px; border: none; text-indent: -9999px; }
#search-box button:before { background: none; }

#search-box .search-adv-icon { height: 24px; }
#search-box .search-adv-icon:before { background-position: -265px 3px;}
#search-box .icon { padding: 5px 0; }

.see { opacity: 1 !important; 
   transition: opacity .25s ease-out; /* ease-in-out */
   -moz-transition: opacity .25s ease-out;
   -webkit-transition: opacity .25s ease-out;
}

/* media queries */

:root.darkmode .site_logo {
  filter: invert(1) hue-rotate(.5turn);
}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
	font-family: 'Dubai Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Dubai Regular'),
		url('/assets/fonts/Dubai-Regular.woff') format('woff');
	unicode-range: U+06??; /* Arabic */
}

@font-face {
	font-family: 'PT Sans';
	src: local(''), url('/assets/fonts/PT-Sans_Regular.woff2') format('woff2'),
		url('/assets/fonts/PT-Sans_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	src: local(''),
		/*		url('/assets/fonts/PT-Sans_Italic.woff2') format('woff2'),*/
			url('/assets/fonts/PT-Sans_Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

/****************************/

.fa-thumbs-up {
	color: #000 !important;
}

.postprofile { border: none !important; }
.postprofile .avatar img {
	object-fit: cover;
	width: 90px;
	height: 90px !important;
}
.avatar {
	object-fit: cover;
	border: none !important;
}

.notification_list ul li img.avatar {
	width: 50px !important;
	height: 50px !important;
}

#quick-links .dropdown .dropdown-contents {
	max-height: 400px;
}

.markdown:last-child {
	margin-bottom: 0;
}
.markdown li .markdown {
	margin-top: 0;
}
h6.markdown,
h5.markdown,
h4.markdown,
h3.markdown,
h2.markdown,
h1.markdown {
	float: none !important;
	margin: 1em 0 !important;
	border: none;
	padding: 0;
	text-transform: none;
	line-height: 1em;
	color: currentColor;
	font-weight: bold;
}
h6.markdown:first-child,
h5.markdown:first-child,
h4.markdown:first-child,
h3.markdown:first-child,
h2.markdown:first-child,
h1.markdown:first-child {
	margin-top: 0 !important;
}
h6.markdown:last-child,
h5.markdown:last-child,
h4.markdown:last-child,
h3.markdown:last-child,
h2.markdown:last-child,
h1.markdown:last-child {
	margin-bottom: 0 !important;
}
h1.markdown {
	font-size: 2em;
}
h2.markdown {
	font-size: 1.5em;
}
h3.markdown {
	font-size: 1.17em;
}
h4.markdown {
	font-size: 1em;
}
h5.markdown {
	font-size: 0.83em;
}
h6.markdown {
	font-size: 0.67em;
}
table.markdown {
	margin-top: 1em;
	margin-bottom: 1em;
}
table.markdown,
table.markdown th {
	border: 1px solid #000000;
	/*background-color: #8ee000;*/
}
table.markdown th { background-color: #1caff6; }
table.markdown td {
	border: 1px solid #000000;
	background-color: #fff1;
}
table.markdown tr:nth-child(2n) {
	background-color: #0001;
}
table.markdown thead {
	color: #000000;
	background-color: #1caff6;
}                                                 

div.hidebox_visible table th { background-color: #6ca960 !important; }
div.hidebox_visible table tr { background-color: #fff7; }
div.hidebox_visible table tr:hover { background-color: #fffb; }

table.markdown th,
table.markdown td {
	padding: 5px 5px;
}
.forums .list-inner p,
.polls p,
.poll-title p,
.content p,
.markdown p {
	font-size: 1em;
}
.forums .list-inner p,
.polls p {
	display: inline-block;
}
.forums .list-inner p,
.polls p,
.poll-title p,
.markdown li p {
	margin-bottom: 0;
}
.content p:last-child,
.signature p:last-child,
.markdown p:last-child {
	margin-bottom: 0;
}

button.bbcode-left:before {
	content: '\f036';
	font: normal normal normal 14px/1 FontAwesome;
	color: #0a8ed0;
	color: #8f8f8f;
}
button.bbcode-left {
	color: transparent;
	width: 20px;
	overflow: hidden;
	border: none;
}
button.bbcode-center:before {
	content: '\f037';
	font: normal normal normal 14px/1 FontAwesome;
	color: #0a8ed0;
	color: #8f8f8f;
}
button.bbcode-center {
	color: transparent !important;
	width: 20px;
	overflow: hidden;
	border: none;
}
button.bbcode-right:before {
	content: '\f038';
	font: normal normal normal 14px/1 FontAwesome;
	color: #0a8ed0;
	color: #8f8f8f;
}
button.bbcode-right {
	color: transparent;
	width: 20px;
	overflow: hidden;
	border: none;
}
button.bbcode-justify:before {
	content: '\f039';
	font: normal normal normal 14px/1 FontAwesome;
	color: #0a8ed0;
	color: #8f8f8f;
}
button.bbcode-justify {
	color: transparent;
	width: 20px;
	overflow: hidden;
	border: none;
}
button.bbcode-s:before {
	content: '\f0cc';
	font: normal normal normal 14px/1 FontAwesome;
	color: #0a8ed0;
	color: #8f8f8f;
}
button.bbcode-s {
	color: transparent;
	width: 20px;
	overflow: hidden;
	border: none;
}

button.bbcode-br,
button.bbcode-BR {
	border: 1px solid transparent; text-transform: uppercase; width: 24px; height: 24px; padding:0; color:#555;
}
button.bbcode-br:hover { border: 1px solid #ccc; color: #555; background: transparent; border-radius: 0px; }
button.bbcode-br:focus { border: 1px solid #ccc; color: #555; background: transparent; border-radius: 0px; outline: 5px auto -webkit-focus-ring-color; }

button.bbcode-RTL {
	border: none;
}
button.bbcode-LTR {
	border: none;
}

.format-buttons button:hover { color: #000; }
.format-buttons button:hover:before { color: #000; }

.format-buttons .button-icon-only {
	background: #fafafa;
	border: none;
}
.format-buttons .button-icon-only:hover {
	background: #eee;
}
.format-buttons .button-icon-only:hover i {
	color: #000 !important;
}

.post-buttons .button-icon-only {
	background: #fafafa;
	border: none;
}
.post-buttons .button-icon-only:hover {
	background: #eee;
}
.post-buttons .button-icon-only:hover i {
	color: #000 !important;
}

body,
legend,
input,
textarea,
optgroup,
select,
dl,
a.button1,
input.button1,
a.button2,
input.button2,
.successbox h3,
.errorbox h3,
.button,
h4,
dl.details,
.pagination li.active span,
.postbody h3,
.content,
.content p,
dl.faq,
p.author,
.notice,
dl.file,
dl.file dt,
dl.thumbnail dd,
fieldset.polls,
fieldset,
select optgroup option,
.message-box textarea,
input.button3,
h1,
h2,
h3,
h1 a,
h2 a,
h3 a,
.author,
.date,
a.forumtitle,
a.topictitle {
	font-family: 'Dubai Regular', 'PT Sans', Oxygen, Helvetica, Arial, sans-serif;
}

code, kbd, pre, samp {
	font-family: 'Dubai Regular', monospace;
}

/* RTL-friendly versions of values in ProLight */
.content ul,
.content ol {
	margin-block-start: 0.8em;
	margin-inline-end: 0em;
	margin-block-end: 0.9em;
	margin-inline-start: 3em;
}

.signature {
	max-height: 6em; /*overflow-y: auto;*/
}
.signature img { margin: 0 2px; }

.has-profile .postbody h3 { margin-right: 220px; }

.loading_indicator {
	--color: #105289;
	--width: 6px;
	--size: 60px;
	--inner-size: calc(var(--size) - var(--width) * 2);

	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0;

	background: transparent;
	width: var(--size);
	height: var(--size);
}

.loading_indicator:after {
	content: '';
	display: block;
	width: var(--inner-size);
	height: var(--inner-size);
	border-radius: 50%;
	border-width: var(--width);
	border-style: solid;
	border-color: var(--color) transparent;
	animation: loading_indicator 1.2s linear infinite;
}

@keyframes loading_indicator {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Remove first breadcrumb */

.breadcrumbs .crumb:first-child { display: none; }

._breadcrumbs .crumb:nth-child(2) a { display: block; width: 16px; background: url(/x/home.png) center no-repeat; filter: invert(1); opacity: 0.5; text-indent: -9999px; }

.breadcrumbs .crumb:first-child + .crumb::before { display: none; }

.breadcrumbs.wrapped a { letter-spacing: 0 !important; }

/* Misc */

span[data-s9e-mediaembed="vk"], 
span[data-s9e-mediaembed="youtube"] { /*max-width: 100% !important;*/ border-radius: 10px; overflow: hidden; }

.navi { display: none !important; font-size: 18px; color: #fff !important; }
.patreon img { width: 80px; }
.mobile { display: none !important; }
nav.duo ul li:nth-child(3) { cursor: pointer; }
.section-viewtopic .postprofile { width: 60px; }
.postprofile dt { margin: 0 !important; }
.content { min-height: 2em; }
.attachbox { display: flex; flex-wrap: wrap; border: none; gap: 2px; }
.attachbox dt { width: 100%; }
.attachbox img { max-height: 100px !important; display: block !important; }
		.attach-image img { display: block !important; }
.fancybox-active .attach-image { display: none; }
		.postimage { max-width: 100%; }
dl.file dd { font-size: 9px; display: none; }


.mchat-nav-menu li { padding: 0;}

.postbody time { color: #ccc; /*display: none;*/ }

.pipe-table { border: none !important; }
.pipe-table td, .pipe-table th { padding: 2px 4px; }
.pipe-table td { border-bottom: 1px solid #0001; }



/* Make ProLight breadcrumbs smaller */

@media screen and (max-width: 1200px) {
.lightsearch { right: 20px; }
#page-footer { padding: 0 30px; }
}

@media screen and (max-width: 960px) {
nav .patreon { display: none !important;}
nav.responsive .patreon { display: block; }
}

@media screen and (max-width: 840px) {
nav .mHide { display: none !important;}
nav.responsive .mHide { display: block; }
}

@media screen and (max-width: 740px) {
nav.duo ul li a { padding: 0 5px; }
}


@media screen and (max-width: 430px) { /* pro max */
.postbody .content > div table { display: block; max-width: 320px; overflow:scroll; box-sizing: border-box; }
.action-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.section-viewtopic .search-box .inputbox { width: 110px; }
ul.flags li:last-child { display: none; }
}

@media screen and (max-width: 390px) { /* se */
.postbody .content > div table { display: block; max-width: 300px; overflow:scroll; box-sizing: border-box; }
}

@media screen and (max-width: 700px) {

#page-footer { padding: 0 15px; }

.stats { /*display: none;*/ }

.section-viewtopic .wrap { padding: 0 15px; }
.section-viewtopic .post { margin: 0 -15px; }
html, body { background: #fff !important; }
.footerwrap { background: #fff !important; }
#_page-body > h2 { margin: 10px; } 
#_page-body > h2+p { margin-left: 10px; } 
h3#review { text-indent: -9999px; }

fieldset div.abbc3_buttons_row { display: flex; gap: 3px; flex-wrap: wrap; width: 100%; }

.post { scroll-margin-top: 110px !important; }

#page-body .post { padding: 10px; }
#page-body .post .inner { display: flex; gap: 10px; margin-right: -10px; }
#page-body .post .inner .postbody h3 { display: none; }
.postbody:hover time { display: inline-block; }
#page-body .post .inner .postprofile { min-width: 40px; padding: 0; margin: 0px; }
#page-body .post .inner .postprofile dt { margin: 0 !important; }
#page-body .post .inner .profile-contact { margin: 0 !important; float: none !important; min-width: 40px; }

.section-search #page-body .post .inner .postprofile { min-width: 200px !important; }


	img.avatar { padding: 2px; border: 2px solid transparent !important; }
.online img.avatar { padding: 2px; border: 2px solid #00b800 !important; }
.icon-online { display: none; }

.reveal+.more.inline { display: inline-block; position: relative; margin-top: 0; }

	.lightnav { padding: 0; }
	.lightnav .headerbar { margin: 0; } 
        .lightnav .headerbar .navbar { margin: 0; } 
	.lightnav .navbar .inner { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }

	.lightnav .navbar .inner::after { content: none; }

	.lightnav .breadcrumbs .crumb { font-size: calc(1em / 1.5); }

       	nav.duo { left: -15px !important; width: 100%; height: 70px; }
	nav.duo ul li a { padding: 0 20px; }

nav.responsive .patreon { background-image: url(https://duome.eu/x/patreon-white.svg); background-position: center center; background-repeat: no-repeat; background-size: 80px; }
nav.responsive .patreon a { display: block; width: 100%; height: 40px; padding: 0; }
nav.responsive .patreon img { display: none; }

.darkmode .patreon { background-image: url(https://duome.eu/x/patreon.svg) !important; background-position: center center; background-repeat: no-repeat; background-size: 80px; }

nav.duo ul li:hover ul.practice { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; margin: 0; top: 0px; position: relative; padding: 0 20px; box-sizing: border-box; background: none; }
.practice li { margin: 0; float: none; }

nav > ul > li { display: none !important; }
nav > ul > li:last-child { padding-bottom: 10px; }

nav li.navi { display: block !important; left: 20px;  background: none !important;  top: 0; }
nav.responsive li { position: relative; }
nav.responsive li.navi { position: relative; line-height: 70px; }
__nav.responsive > ul > li:not(:first-child) { display: block; text-align: left; background: rgba(32,166,231,.9); line-height: 30px; font-weight: bold; }
nav.responsive > ul > li { display: block !important; text-align: left; background: rgba(32,166,231,.9); line-height: 30px; font-weight: bold; }
nav.duo>ul>li:first-child { height: 70px; }

			_nav_logo > ul > li:nth-child(1) { left: unset; left: 50%; transform: translateX(-50%); }
			_nav_dark > ul > li:nth-child(2) { left: unset; right: 10px; position: absolute; }

.navi { line-height: 70px; height: 70px !important; width: 16px; position: absolute; }

.snowfall { position: absolute !important; top: 0; left: 130px; z-index: 2; background: none !important; font-weight: normal; }
.patreon { text-align: center !important; }

	.badge { top: -2px !important; right: 6px !important; }

	.mHide { display: none !important; }
	.logo { position: absolute; top: 0px; left: 40px; height: 70px; padding: 0; z-index: 1; }
	.site_logo { margin-inline-start: 0; height: 70px; width: 140px; background-position: center 12px; }

	#seek>a { display: none; }
	.headerwrap.lightnav { top: 70px !important; }
	/*div.lightsearch { padding-right: 0 !important; }*/

	.post { margin-bottom: 3px; }

	#duome-toggle { left: 105px !important; top: 30px !important; }


	.lightsearch { padding-right: 20px; }
	.signature { display: none; }
	.postbody { width: 100% !important; }
	.postprofile { width: 40px !important; }
	.postprofile .profile-contact { margin: 0 12px 0 0 !important; float: right !important; } 
	.avatar-container > .avatar { float: none !important; }

	.mchat-avatars .mchat-controls { margin: 10px !important; }
	#mchat-smilies { width: 280px; margin: 0 auto; }
	#mchat-smilies a { display: inline-block; width: 20px; height: 20px; }
	.responsive-menu-link i { vertical-align: -2px; }

	.has-profile .postbody h3 { margin-right: 20px !important; }

#____quick-links .dropdown { right: -6px !important; }

.no-avatar .icon-online,
.has-avatar .icon-online { position: absolute; top: 4px; left: 0; }

.hastouch .post-buttons { margin: 0; }
.has-profile .post-buttons { right: 10px; top: 17px; }
.has-profile .post-buttons .dropdown { top: 23px; right: -9px !important; }
.signature { font-size: 0.8em; } 

.post .postprofile { width: 40px; margin: 0; padding: 7px; float: left; }
.postprofile .avatar img { width: 32px !important; height: 32px !important; }
.postprofile .no-avatar .avatar-container { width: 32px !important; height: 32px !important; } 

.postbody { float: none !important; }
.postbody p.author { clear: none; margin: 11px 0; padding: 0; }
.postbody p.author .responsive-hide { display: inline !important; }
.postbody .content+div { /*display: none;*/ }

.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
    border: 0;
    border-radius: 0 !important;
/*    margin-left: 0px;
    margin-right: 0px;*/
    }
#nav-footer { text-align: center; }
#nav-footer li { float: none !important; display: inline;  }
#nav-footer .responsive-menu { display: none !important; }
.hidden { display: none; }

} /* 700px */

/********************************************************/

.forabg,
.forumbg {
	/*border: none;*/
	box-shadow: 0 0 25px rgb(0 0 0 / 4%);
	border-radius: 10px;
	padding: 0px 10px;
	overflow: hidden;
}
.post {
	/*border: none;*/
	box-shadow: 0 0 25px rgb(0 0 0 / 4%);
	border-radius: 10px;
	padding: 15px 20px;
}
.post.pm {
	box-shadow: none;
	border-radius: 0px;
}
div.rules {
	/*border: none;*/
	box-shadow: 0 0 25px rgb(0 0 0 / 4%);
	border-radius: 10px;
	padding: 15px 20px;
}
.back2top .top {
	margin-right: -8px;
	margin: 0;
}
.postbody {
	font-size: 1em;
} /* 11px */
.forumbg-table {
	padding: 10px 20px;
}
.forumbg-table table.table1 tbody tr {
	border-right: none;
	border-left: none;
}
.forumbg-table table.table1 {
	margin: 0 0 5px 0;
}

ul.topiclist li.row .row-item {
	padding: 0 0 5px 0;
}
ul.forums.flags {
	padding-bottom: 20px;
}
#mchat-panel {
	border: none;
}
.mchat-wrapper { padding: 0; }
.mchat-message { padding: 20px !important; }
.mchat-avatars .mchat-controls { margin: 10px 10px 10px 60px; }
#mchat-messages::-webkit-scrollbar { background: #0001; border-radius: 0px; }
#mchat-messages::-webkit-scrollbar-thumb { background: #0003; border-radius: 0px; }
.mchat-text blockquote blockquote { display: none; }
.mchat-message-header { padding-left: 5px; }

.forum-image img {
	padding: 5px 0;
	max-width: 40px;
}

.panel {
	border-radius: 10px;
	padding: 15px 20px;
}

#tabs + .panel,
#tabs + .panel .panel {
	border-radius: 0px;
	padding: 5px 10px;
}

.panel h2,
.panel h3 {
	border-bottom: 1px solid #eee;
}
h3.solo {
	border: none;
}

blockquote cite > span {
	color: #aaa;
}

.pagination li a {
	border-color: #e6e9ed;
}

/* duome test mode */

.back2top { position: absolute; right: 3px; bottom: 3px; opacity: 0.5; }
.back2top i { width: 14px; height: 14px; overflow: hidden; border-radius: 50%; padding: 1px; /* border: 1px solid #333; */}
.back2top a { display: block; width: 16px; height: 16px; } 
.back2top i:before { padding: 0; } 
.back2top:hover { opacity: 1; }

.profile-contact i:before { padding: 0; } 

#faqlinks { scroll-margin-top: 85px; scroll-margin-top: 130px; }
dl.faq dt { scroll-margin-top: 85px; scroll-margin-top: 130px; }
_dl.faq dt { scroll-snap-type: y mandatory; }

.post { scroll-margin-top: 85px; scroll-margin-top: 130px; }
.unreadpost { scroll-margin-top: 85px; scroll-margin-top: 130px; }
a#unread { scroll-margin-top: 85px; scroll-margin-top: 130px; }

.thanks .notice dt { padding-top: 3px; }
	.notice dt { padding-top: 3px; }
.thanks div:nth-child(2) { display: none; }  /* via settings */

.signature { font-size: 1em; }

	#duome-toggle { position: absolute; top: 13px; right: -15px; top: 35px; left: 177px; right: unset;
			width: 10px; height: 10px; background: #fff3; /*background: #20a8e9;*/ border-radius: 50%; }
	#duome-toggle:hover { background: #fff7; }
	#duome-toggle>a { width: 10px; height: 10px; display: block; cursor:pointer;  }

.dropdown-extended .header { background: #fff; }
.dropdown .dropdown-contents { border-width: 3px; border-radius: 10px; }
.dropdown .pointer-inner { border-color: #E6E9ED transparent; }
.dropdown .pointer { border-color: #E6E9ED transparent; }

.dropdown-extended ul::-webkit-scrollbar { background: #0001; border-radius: 0px; }
.dropdown-extended ul::-webkit-scrollbar-thumb { background: #0003; border-radius: 0px; }
.notification_list p.notification-time { color: #4C5D7777; }


.site_logo { background-image: url(/x/forum.duome.eu.png); }
.headerwrap.lightnav { /*margin-top: 80px;*/ position: fixed; top: 80px; background: #fffe; z-index: 99; border-bottom: 2px solid #0001; width: 100%; box-sizing: border-box; }
.headerwrap.lightheader {
    box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
    background-color: rgba(32,166,231,0.8);
    background-image: linear-gradient(to bottom, #20a8e9, rgba(30,158,220,0.5));
    background-repeat: repeat-x;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 200;
}

#seek+#nav-main > li > a { color: #fff3; vertical-align:-7px; }
#seek+#nav-main > li > a:hover { color: #fff8; }

.voice .voice__speak { background: #1caff6 url('https://duome.eu/x/icon-sprite5.svg') -366px -129px no-repeat; border-radius: 50%; height: 50px; width: 50px; background-size: 2000px; cursor: pointer; display: inline-block; vertical-align: middle; 
	transform: scale(0.4); margin: -10px; }
.voice .voice__speak i { display: none; }
.voice .voice__external-link { display: none; }
.voice .voice__text { color: #1caff6; font-weight: bold;  cursor: pointer; }

.speak { background: #1caff6 url('https://duome.eu/x/icon-sprite5.svg') -366px -129px no-repeat;
	background-size: 2000px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	cursor: pointer;
	transform: scale(0.4); 
	display: inline-block; 
	vertical-align: -20px;
	vertical-align: middle;
	margin: -10px;
	}

.speak:hover { transform: scale(0.5); }
.speak+span { color: #1caff6; font-weight: bold; border-bottom: 1px dashed #1caff6; cursor: pointer; }

audio { vertical-align: middle; }
audio::-webkit-media-controls-panel {
  background-color: #fff;
}
_audio::-webkit-media-controls-play-button {
  background-color: #1caff6;
  color: #fff;
  border-radius: 50%;
}

.headerbar .header-avatar .avatar { background: #fff; border: 3px solid #fff3 !important; max-height: 36px; top: -3px; box-sizing: content-box; object-fit: cover; width: 36px; height: 36px; }
.headerbar ul.linklist .dropdown { top: 40px; right: 0px; }
/*.duome .headerbar .dropdown-visible .dropdown { top: 40px; }*/

.nav-main.light-nav-list .dropdown { top: 27px !important; }
.mchat-nav .dropdown { right: -9px !important; } 
#quick-links .dropdown { right: -9px; }
div#notification_list.dropdown { left: -5px; }
@media screen and (max-width: 700px) { div#notification_list.dropdown { left: -9px; } }

.topiclist time { color: #bbb; }

	.header-avatar > .avatar+span { position: absolute; top:28px; right: 16px; }
	.header-avatar > .avatar+span:after { padding:0; vertical-align: unset; }
.header-avatar > .avatar+span { position: absolute; top:18px; right: 16px; color: #fff0; /*transition: all 0.25s ease-out;*/ }
.header-avatar > .avatar:hover+span { color: #fff; top:28px; }
.header-avatar > .avatar+span:hover { color: #fff; top:28px; }
.dropdown-visible .header-avatar > .avatar+span { color: #fff0; /*transform: rotate(0.5turn);*/ }

#linked_accounts .avatar { width: 15px; }

._duome .headerbar .avatar:before { 
    content: " ";
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 3px solid #fff;
    border-radius: 50%;
}

#seek>a { background: url('/x/icons-36-white.png') -1221px 0 no-repeat; opacity: 0.25; }
#seek>a:hover { opacity: 0.5; }

	.no-avatar .icon-online,
	.has-avatar .icon-online { position: absolute; top: 7px; left: 3px; }

/*.duome .no-avatar .icon-online,
.duome .has-avatar .icon-online { position: absolute; top: 7px; left: 3px; }*/

.profile-rank { background: #20a8e9; display: inline-block; color: #fff; padding: 1px 5px; border-radius: 4px; text-transform: lowercase; font-size: 0.8em; font-weight: bold; }
dd.profile-rank { display:none; }

	 .stats { width: 16px; height: 16px; /*position: absolute; top: 4px; right: 5px;*/ background: #f7f7f7; background: url(/x/stats-16px-dark.png) 0 0 no-repeat; opacity: 0.2; cursor: pointer; }
   .duome .stats { width: 16px; height: 16px; /*position: absolute; top: 2px; left: 5px;*/ background: #f7f7f7; background: url(/x/stats-16px-black.png) 0 0 no-repeat; opacity: 0.2; cursor: pointer; }
.darkmode .stats { opacity: 0.2; }

.stats.show { opacity: 0.3; }
.stats:hover { opacity: 0.3; }

.stats+div { display: none; position: absolute; top: 20px; min-height: 120px; background: #fff; width: 200px; z-index: 1; }
.stats.show+div { display: block; max-width: 200px; }

._duome .avatar-container { padding: 0 20px 0 0; padding: 0; }
._duome .avatar-container > .avatar { float: right; }
.avatar-container+a.username, 
.avatar-container+a.username-coloured { display: none !important; }

.postprofile .avatar img { object-fit: cover; width: 60px; height: 60px !important; }

	.user-stats { display: inline-block; float: left; width: 16px; margin: 0 0 0 12px; }
	.user-stats dd { white-space: nowrap; margin: 0 4px; }
	.user-stats dd strong+a { display: inline; padding: 0; }
	.user-stats .dropdown { right: -12px; top: 16px; }
	
	dd.profile-avatar-mini { display: none !important; overflow: hidden; width: 200px; }
	.postprofile .profile-contact+dd  { width: 60px; text-align: center; margin: 0; float: left; clear: both; display: block; }



#cp-main .postbody { float: right; width: calc(100% - 80px); } /*width: calc(100% - 90px - 1px - 16px);*/
#cp-main #topicreview .postbody { float: right; width: 100%; }
#cp-main .postprofile { width: 80px; float: left; border: none; /*border-right: 1px solid #0003; margin: 0 20px 0 0;*/ }
#cp-main .postprofile .icon-online { top: 25px; left: 93px; padding: 0; left: 80px; }
#cp-main .postprofile .icon-online:before { background: white; border: 2px solid white; }
#cp-main .postprofile .username { display: none; }
#cp-main .postprofile .avatar-container { margin: 7px 0; }

#cp-main .postprofile dt { margin: 0px; }
#cp-main .postprofile dd { display: none; }

	.no-avatar .avatar-container { width: 60px; height: 60px; background: #eee; border-radius: 50%; display: inline-block; }
 .no-avatar { text-align: center; }
	
	.postprofile { float: left; width: 80px; }
	.postprofile[dir="rtl"] { float: right; }

	.postbody { float: right; width: calc(100% - 60px - 1px - 16px); }
	.postbody[dir="rtl"] { float: left; }
	.postbody[dir="rtl"] .post-buttons { right: auto; left: 0; }
	.postbody[dir="rtl"] h3 { margin-right: 0; margin-left: 180px; }

	#nav-breadcrumbs { height: 36px; overflow: hidden; width: calc(100% - 75px); padding-left: 0px; }
	#nav-breadcrumbs li { height: 36px; overflow: hidden; }
	.navbar #nav-main { height: 36px; }
	.navbar #nav-main > li { margin-right: 5px !important; }
	.lightnav .navbar .inner { height:36px; }
	.mchat-nav-caret { display: none; }	
	#nav-breadcrumbs > li > span:nth-child(2) { font-size: 20px; }

@media screen and (max-width: 900px) {
.breadcrumbs .crumb.wrapped-tiny a { max-width: 160px; display: inline-block; }
}

@media screen and (max-width: 600px) {
.breadcrumbs .crumb.wrapped-tiny a { max-width: 85px; display: inline-block; }
}

@media screen and (max-width: 700px) {
	#nav-breadcrumbs { padding-left: 5px; }
	.breadcrumbs.wrapped a { letter-spacing: 0 !important; }
.navbar #nav-main { width: 75px; margin: 0; }
.navbar #nav-main > li { margin: 0px !important; }
.navbar #nav-main > li:nth-child(2) { display: none; }
.navbar #nav-main > li.mchat-nav { display: block; position: absolute !important; right: 30px; }
.navbar #nav-main > li.quick-links { display: block; position: absolute !important; right: 4px; }
.breadcrumbs .crumb.wrapped-tiny a { max-width: 134px; display: inline-block; }
.post .postprofile { overflow: visible; }
.post .postprofile dd { display: block; }
.post .postprofile dd.profile-rank { display: inline-block; }

.user-stats { display: inline-block; float: left; width: 16px; margin: 5px 12px 0; }

.postprofile .profile-contact+dd  { /*display: none;*/ } 
.postprofile .profile-contact+dd  { width: 40px; }
.postprofile .profile-contact+dd img { height: 16px; }  /* flag */

}




	.navbar-top[dir="rtl"] .nav-main { float: left; }
	.navbar-top[dir="rtl"] .nav-breadcrumbs .breadcrumbs { display: flex; }

	.postprofile .profile-contact { width: 60px; text-align: center; width: 22px; display: inline-block; float: left; margin: 0; }
	.postprofile .profile-contact a { color: #bbb;}
	.postprofile .profile-contact a:hover { color: #999; }

	.profile-avatar img { object-fit: cover; width: 150px; height: 150px; }

 .postprofile .profile-contact .dropdown { margin-right: -4px; margin-top: 2px; margin-right: -9px; margin-top: 3px; }

.duome-user-details>a { /*margin-left: 8px;*/}

	.duome-user-details .avatar.xs { float: right; }
	.duome-user-details .avatar.xs img { width: 40px; height: 40px !important; /*margin: 0 5px 0 0; /*display: none;*/ }

._duome-user-details .avatar.xs+a { /*line-height: 30px;*/ }

.light-badge-count .icon.fa-bell-o { color: #fff; }
.light-badge-count .icon.fa-envelope-o { color: #fff; }

.icon.fa-power-off { color: #fff; }
.icon.fa-user-plus { color: #fff; }

.abbc3_buttons_row { background: none !important; border: none !important; width: auto; }

.row { border-top: none !important; }
ul.topiclist li.row strong { font-weight: bold; }
ul.topiclist li.row .row-item { padding: 5px 9px; }
.row .row-item { border-top: 1px solid #0001 !important; margin: 0 -9px !important; padding: 5px 9px; min-height: 40px; }

.block-left li.row,
.block-right li.row { min-height: 50px; }

 .row dl { background: none; }
 .row dl:hover { background: none; }
 .row dt { background: none !important; }
 .row-item-link { display: none !important; }
 .row .list-inner { padding-left: 8px !important; }

.row .topics, 
.row .views { font-size: 1em; font-weight: bold; color: #bbb; color: #0005; }
.row .posts { background: url(/x/topic-read.png) center 20px no-repeat; background-size: 24px; font-size: 1em; font-weight: bold; color: #bbb; color: #0005; }

._duome .row .topic_read_locked,
._duome .row .topic_read_locked_mine,
._duome .row .topic_unread_locked,
._duome .row .topic_unread_locked_mine { background: #1cb0f622; margin: 0px -9px; padding: 0 9px; border-top-color: #fff; padding-left: 40px !important; background: #1cb0f622 url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; }

.row .sticky_unread,
.row .sticky_unread:hover,
.row.announce,
.row.sticky { background: #ffc76622; margin: 0 -9px; padding: 0 9px; border-top-color: #fff; background: #ffc76622 url(/x/duo-announcement-hot.png) 8px center no-repeat; background-size: 36px; }
.row.sticky+.row { border-top-color: #fff; }

.row.locked { background-color: #1cb0f622 !important; margin: 0 -9px; padding: 0 9px; border-top-color: #fff; padding-left: 40px; background: #1cb0f622 url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; }
.row.locked+.row { border-top-color: #fff; }

.sticky_read,
.sticky_unread { padding-left: 40px !important; }



.sticky .sticky_unread, 
.sticky .sticky_unread_locked,
.sticky .sticky_unread_locked_mine,
.sticky .sticky_read,
.sticky .sticky_read_locked,
.sticky .sticky_read_locked_mine { background-image: none; padding: 5px 9px !important; padding-left: 40px !important; }

.announce .announce_read_locked,
.announce .announce_read_locked:hover,
.announce .announce_unread_locked,
.announce .announce_unread_locked:hover { background: #e1f4fe url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; padding-left: 40px !important; }

.announce .announce_read_locked_mine,
.announce .announce_read_locked_mine:hover,
.announce .announce_unread_locked_mine,
.announce .announce_unread_locked_mine:hover { background: #e1f4fe url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; padding-left: 40px !important; border-left: 2px solid #20a8e9; }

.sticky .sticky_read_locked, 
.sticky .sticky_read_locked:hover,
.sticky .sticky_unread_locked,
.sticky .sticky_unread_locked:hover { background: #e1f4fe url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; }

.sticky .sticky_read_locked_mine,
.sticky .sticky_read_locked_mine:hover,
.sticky .sticky_unread_locked_mine,
.sticky .sticky_unread_locked_mine:hover { background: #e1f4fe url(/x/duome-locked.png) 8px center no-repeat; background-size: 36px; border-left: 2px solid #20a8e9; }

._reported { margin: 0 -9px !important; padding: 0 9px; }
.reported .row-item {  }

.sticky_read,
.sticky_read_mine,
.__sticky_read_locked,
.__sticky_unread_locked,
.announce_read_mine, 
.sticky_unread_mine { background: #ffc76622 url(/x/duo-announcement-hot.png) 8px center no-repeat !important; background-size: 36px !important; } /* transparent background */

.sticky_read_mine,
.sticky_unread_mine { background: #fff2da url(/x/duo-announcement-hot.png) 8px center no-repeat !important; background-size: 36px !important; } /* opaque overlay */

.topic_read_locked_mine { background: #1cb0f622 url(/x/duome-locked.png) 8px center no-repeat !important; background-size: 36px !important; }

.announce .announce_read,
.announce .announce_unread { background: none !important; padding-left: 40px !important; }

.sticky .sticky_read,
.sticky .sticky_unread { background: none !important; padding-left: 40px !important; }

.sticky .sticky_read_mine,
.announce .announce_read_mine,
.sticky .sticky_read_locked,
.sticky .sticky_unread_mine { background: none !important; padding-left: 40px !important; }

.locked .topic_read_locked,
.locked .topic_unread_locked { background: none !important; padding-left: 40px !important; }

.locked .topic_read_locked_mine,
.locked .topic_unread_locked_mine { background: none !important; }

.locked { margin: 0 -9px; padding: 0px 9px !important; }

.announce_read:hover,
.announce_read_mine:hover,
.sticky_read:hover,
.sticky_read_mine:hover,
.sticky_read_locked:hover,
.announce_unread,
.announce_unread_mine,
.sticky_unread,
.sticky_unread_mine,
.sticky_unread_locked {
    background-image: url(/x/duo-announcement-hot.png);
}

.announce_read,
.announce_read_mine,
.sticky_read,
.sticky_read_mine,
.sticky_read_locked {
    background-image: url(/x/duo-announcement-seen-216.png);
	-webkit-transition: background 0.25s ease-out;
	-moz-transition: background 0.25s ease-out;
	transition: background 0.25s ease-out;
}

 ._______topic_unread_hot .posts:before { content: " "; animation: scaleIn 1.4s infinite; 
	content: " ";
    border: 2px solid #ff9600;
    animation: scaleIn 1.4s infinite;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    position: absolute;
/*    left: 0;*/
    top: 30px;
/*animation: UnreadPulse 1.4s infinite; /*content: "\f075";*/ }

@keyframes scaleIn {
  from {
    transform: scale(2, 2);
    opacity: .5;
  }
  to {
    transform: scale(3.5, 3.5);
    opacity: 0;
  }
}

.topic_unread_hot,
.topic_unread_hot_mine {
	background-image: url(/x/streak-repair.svg);
}

.forum_read_subforum { background-image: url(/x/subforum-read.png); } 
.forum_unread_subforum { background-image: url(/x/subforum-unread.png); }

.pm_read { background-image: url(/x/topic-read.png); opacity: 0.5; }
.pm_unread { background-image: url(/x/topic-unread.png); }

.forum_read,
.topic_read,
.topic_read_mine { background: none; background-image: url(/x/topic-read.png); }

.forum_unread,
.topic_unread,
.topic_unread_mine { background: none; background-image: url(/x/topic-unread.png); }

.posts {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.forum_read .posts,
.topic_read .posts,
.sticky_read .posts,
.sticky_read_mine .posts,
.topic_read_mine .posts { background-image: url(/x/topic-read.png); }

.forum_unread .posts,
.topic_unread .posts,
.topic_unread_mine .posts, 
.sticky_unread .posts,
.sticky_unread_mine .posts { background-image: url(/x/topic-unread.png); color: #555; }

.forum_read_subforum .posts { background-image: url(/x/topic-read.png); }
.forum_unread_subforum .posts { background-image: url(/x/topic-unread.png); color: #555; }

.topic_unread_subforum .posts { background-image: url(/x/topic-unread.png); color: #555; }

.topic_read_hot .posts { background-image: url(/x/streak-repair-gray.png); padding-top: 0 !important; background-position-y: 20px; }
.topic_read_hot_mine .posts { background-image: url(/x/streak-repair-gray.png); padding-top: 0 !important; background-position-y: 20px; } /* #ffc766 */

.topic_unread_hot .posts,
.topic_unread_hot_mine .posts,
.topic_read_hot:hover .posts,
.topic_read_hot_mine:hover .posts { background-image: url(/x/streak-repair.svg); padding-top: 0 !important; background-position-y: 20px; color: #ff9600; } /* #ffc766 */

.topic_read_locked .posts,
.topic_read_locked_mine .posts { background-image: url(/x/duome-locked.png); padding-top: 0 !important; background-position-y: 19px; color: #1cb0f6; opacity: 0.5; } /*-seen-219*/

.topic_unread_locked .posts,
.topic_unread_locked_mine .posts, 
.topic_read_locked:hover .posts,
.topic_read_locked_mine:hover .posts { background-image: url(/x/duome-locked.png); padding-top: 0 !important; background-position-y: 19px; color: #1cb0f6; opacity: 1; } /* #ffc766 */


.topic_read_hot,
.topic_read_hot_mine {
	background-image: url(/x/streak-repair-gray.png);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.topic_read_hot:hover,
.topic_read_hot_mine:hover {
	background-image: url(/x/streak-repair.svg);
}
.topic_read_locked_mine,
.topic_read_locked {
	background-image: url(/x/duome-locked-seen-219.png);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.topic_read_locked:hover,
.topic_read_locked_mine:hover,
.topic_unread_locked_mine,
.topic_unread_locked {
	background-image: url(/x/duome-locked.png);
}                                           

.topic_read_mine,
.topic_unread_mine,
.topic_read_hot_mine,
.topic_unread_hot_mine,
.topic_read_locked_mine,
.topic_unread_locked_mine,
.sticky_read_mine,
.sticky_unread_mine,
.announce_read_mine,
.announce_unread_mine { 
    background-position-x: 7px !important;
    border-left: 2px solid #20a8e9;
    margin: 0 0 0 -9px !important;
    padding-left: 8px !important;
    } 

 .sticky_read_mine,
 .sticky_unread_mine,
 .announce_read_mine,
 .announce_unread_mine { 
    border-left: 2px solid #ff9600;
    margin: 0 0 0 -40px !important;
    padding-left: 40px !important;
    } 

@media screen and (max-width: 700px) {
.___row-item.sticky_read_mine {
	border-left: 7px solid #ff9600;
	padding-left: 35px !important;
	}
}

 .topic_read_locked_mine,
 .topic_unread_locked_mine 
 .sticky_read_locked_mine,
 .sticky_unread_locked_mine { 
    border-left: 2px solid #20a8e9;
    margin: 0 0 0 -40px !important;
    padding-left: 40px !important;
    padding-bottom: 5px !important;
    } 


#qr_postform .message-box {
	width: 100%;
}
#qr_postform fieldset.fields1 dt {
	width: auto;
	line-height: 35px;
}
#qr_postform fieldset.fields1 dd {
	width: auto;
	margin-left: 0;
}
#__qr_postform fieldset.fields1 dd .inputbox {
	width: calc(100% - 50px);
}

.panel select,
.panel input[type='number'] {
	padding: 8px 10px;
}

.panel select,
.panel input[type='number'],
.panel .inputbox {
	border: 2px solid #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #3c3c3c;
	-webkit-box-shadow: inset 0 2px 5px rgb(0 0 0 / 5%);
	-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 5px rgb(0 0 0 / 5%);
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	transition: all 0.5s ease, height 1ms linear;
}

.panel .inputbox:hover,
.panel .inputbox:focus {
	border: 2px solid #11a3ea;
}

.panel input.inputbox,
.panel textarea.inputbox {
	padding: 8px 10px;
	resize: vertical;
	white-space: pre-wrap;
}

.rules,
.phpbb_announcement {
	position: relative;
	overflow: hidden; 
	box-shadow: 0 0 25px rgb(0 0 0 / 4%);
	border-radius: 10px !important;
	background-color: #a5ed6e33 !important;
	background-size: 200px !important;
	padding: 15px !important;
	padding-left: 100px !important;
	color: #000e !important;
	border: 2px solid #fff !important;
}

.phpbb_announcement em { color: #58a700 !important; }

.darkmode .rules { border: 2px solid #fff1 !important; color: #fff5 !important; }
.darkmode .rules hr { border-top-color: #fff1 !important; }
.darkmode .rules strong { color: #fff7 !important; }

.phpbb_announcement p,
.rules p { margin: 5px 0 0 0 !important; }

.phpbb_announcement p a:hover,
.rules p a:hover { background: #fff7; }

.phpbb_announcement hr,
.rules hr { border-top-color: #58a70033; }

.rules:after,                                                                                                                         
.phpbb_announcement:after { content: "";                                                     /*-65px*/                                                                                             /*-40px*/
display: block; width: 80px; height: 140px; background: url(https://duome.eu/x/owl-happy.svg) -50px 0 no-repeat !important; background-size: 200px !important; position: absolute; left: 0; bottom: -33px; }
.phpbb_announcement:after { width: 140px; }


.rules:after, 
.phpbb_announcement:after { background-size: 140px !important; bottom: -70px; background-position-x: -45px !important; } 

#phpbb_announcement_1,
#phpbb_announcement_2 { background-color: #a5ed6e !important; border: 2px solid #58a70033 !important; }  

#phpbb_announcement_1 { padding-left: 150px !important; }
#phpbb_announcement_1:after { background-size: 200px !important; bottom: -33px; background-position-x: -50px !important; }


.phpbb_announcement p {
	margin-bottom: 0;
}
#_phpbb_announcement p + p {
	text-align: left;
}


.duome-rank { background: #ccc; color: #fff; border-radius: 4px; text-align: center; margin: 10px auto; padding: 1px; }


blockquote, blockquote blockquote {
	margin-inline-start: 1.2em;
	margin-inline-end: 0;
	margin-block: 1em;
}

blockquote.diff {
	margin-inline-start: 0;
}

/******************************************************/
.mchat-panel-buttons button { border: none; }
.mchat-panel-buttons .icon { font-size: 22px; }

_a.postlink img { display: block; }
.headerwrap + .headerwrap .page-header .headerbar { padding: 0 0px; }
.breadcrumbs .crumb:before { color: #aaa; }
.breadcrumbs ._crumb a { color: #1cb0f6;  color: rgba(88, 204, 2, 1); }
.lightheader { border: none; }
.lightnav { border: none; background: #fffa; } 
.navbar-top { background: transparent; font-size: 1.2em; }
.footerwrap { background-color: #f7f7f7; border-top: 1px solid transparent; }
.footerwrap hr { border-top-color: #0001; margin: 0 0 15px 0; }

#_nav-main a { color: #0d5173; }
._fa-bell-o { color: #fff; }
._fa-envelope-o { color: #fff; }
._header-avatar { color: #fff; }

.lightheader { box-shadow: 0px 0px 12px #0002; }
._lightheader {
background: rgba(32,166,231,.8) linear-gradient(
180deg
,#20a8e9,rgba(30,158,220,.5)) repeat-x;
    background-color: rgba(32,166,231,.8);
    box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    color: #fff;
    width: 100%;
    max-width: 100%;

/*    
    font-size: 15px;
    font-weight: 500;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 50px;
    height: 70px;
 */

}