/* HHPGDR SKIN */
body {font: 14px/150% verdana, tahoma, arial; color: #3E3B59; background-color: #938EAF}
a {text-decoration: underline; color: black; font-weight: normal} a:hover {color: white; text-decoration: overline underline; font-weight: normal}

/* MODIFICA HALLOWEEN */
/* zucca sulla barra */
#nav-title {background-image: url(https://i.imgur.com/s1859TQ.gif); background-repeat: no-repeat; background-position: -8px; background-size: 50px}
#nav-title span {padding-left: 35px!important}
/* pipistrelli in fondo */
.board, .mp, .mp_info, .stats, .tracked, .u_stats {box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important}
ul.list-group.stats {padding-top: 55px; background-image: url(https://1.viki.io/d/26963c/24ef452dfb.gif); background-repeat: repeat-x}

/* TABELLE DESKTOP importate(©Sheldon Campbell da Katyna - 2022) */
.color .mback {height: 30px; background-image: none; border: 1px solid #BDB8D9; border-bottom: 0}
.color .mtitle {padding-top: 4px; font-size: 9pt; text-align: center; color: #FFF; font-weight: bold}
.color .mback_left {width: 170px; background-image: url(https://i.imgur.com/ogBV2h7.gif); background-repeat: no-repeat; background-position: bottom}
.color .mback_center {background-image: url(https://i.imgur.com/RAwqrmI.gif); background-repeat: repeat-x; background-position: bottom}
.color .mback_right {width: 170px; background-image: url(https://i.imgur.com/C3z0eSj.gif); background-repeat: no-repeat; background-position: bottom}
.color .msub {height: 10px; background: url(https://i.imgur.com/vOz1nEd.gif); repeat-x; border: 1px solid #ABA6C7}
.color .mainbg, .color .skin_tbl_border {background-color: #6A6485; border: 1px solid #FFF}
.color .aa, .color .bb, .color .cc {background-color: #C0BAD9; border-top: 1px solid #FFF}
.color .ww, .color .xx, .color .yy, .color .zz {background-color: #C9C4E4; border-top: 1px solid #FFF}

.last-post a, .web {color: #493B59}

#html_home {max-width: 100%; text-align: center; margin: 0!important; margin-bottom: 4px!important}

.footer {color: #333}
.footer a {font-weight: bold; color: #333}

/* SIDEBAR */
.sidebar {background-color: #C0BAD9; color: #3E3B59}
.sidebar a {color: #3E3B59}
.sidebar a:hover {color: white}
.sidebar li {line-height: normal}
.side_title {background-image: -webkit-linear-gradient(top, #8E87B0 0%, #817BA0 49%, #746E92 50%, #8E87B0 100%); color: #FFF; border-bottom: 1px solid #8E88AA}
.submenu > li, .login > li, #ff_links {padding: 3px 3px 3px 6px!important}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #3E3B59}
.menu .nickname {font-weight: bold; font-size: 18px; color: #3E3B59; text-decoration: none}
.sidebar em {font-weight: bold; color: #FFF; background-color: #544F6C}
/* login */
.login input {color: #494655; border: 1px solid #3E3B59; margin: 3px; padding: 4px}
.login input[type=submit] {background: #3E3B59; color: #FFF; font-weight: bold!important; padding: 5px} .login input[type=submit]:hover {background: #8782A1}
.menu.login>li {padding: 5px!important}
/* cerca */
.search {background: none}
.search input {background-color: #E7E4F3; border: 1px solid #635D80; color: #000; -webkit-text-fill-color: #000; font-size: 1em; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border-radius: 0; -moz-border-radius: 0}

/* TAG(versione scura)(©Sheldon Campbell - 2022) */
.color mark, #markdiv mark {background: #3E3B59; padding: 1px; border-radius: 5px; -moz-border-radius: 5px; font-weight: 700; color: #C0BAD9}
.color mark:hover, #markdiv mark:hover {color: #FFFFFF; text-decoration: overline underline}

/* ICONE PERSONALIZZATE(©Sheldon Campbell - 2022) */
/* immagini nuove */
#side_left_button span {background: url(https://i.ibb.co/NrCDyDX/leftsidebar.png) no-repeat; display: inline-block; background-size: 22px}
#side_right_button span {background: url(https://i.ibb.co/s1nw6jC/righsidebar.png) no-repeat; display: inline-block; background-size: 22px}
.timeago:before {background: url(https://i.ibb.co/dr4zj17/timeago.png) !important; background-size: 12px !important}
.pages .first span {background: url(https://i.ibb.co/0fNzjCh/frecciafirst.png) no-repeat}
.pages .last span {background: url(https://i.ibb.co/nDMW86T/freccialast.png) no-repeat}
.pages .next span {background: url(https://i.ibb.co/99XKLvN/freccianext.png) no-repeat}
.pages .prev span {background: url(https://i.ibb.co/xYYW7f5/frecciaprev.png) no-repeat}
.topic .pop>button {background: url(https://i.ibb.co/2q96hBP/popupbutton.png) no-repeat; background-size: 20px} .topic .pop>button {width: 20px !important; height: 20px !important}
.pop .t_edit:before {background-position: unset !important; background: url(https://i.ibb.co/0cWnvkc/t-edit.png); background-size: 12px}
.pop .t_mp:before {background-position: unset !important; background: url(https://i.ibb.co/DLDTkFX/t-mp.png); background-size: 12px}
.pop .t_quote:before {background-position: unset !important; background: url(https://i.ibb.co/SvYZMnT/t-quote.png); background-size: 12px}
.pop .t_delete:before {background-position: unset !important; background: url(https://i.ibb.co/87fwFWc/t-delete.png); background-size: 12px}
.pop .t_share:before {background: url(https://i.ibb.co/ygPD34g/t-share.png) !important; background-size: 12px !important}
.pop-share button:before, .pop-share a:before {content: url(https://i.ibb.co/7r9V83q/sharebutton.png) !important}
.search input {background-image: url(https://i.ibb.co/PYG5FJh/search.png) !important; background-size: 16px}
.closed .web a:before {background-image: url(https://i.ibb.co/tP3VVYy/closed.png) !important; background-size: 12px !important} .closed .web a:first-child:before {background-position: unset !important}
.poll_icon {background-image: url(https://i.ibb.co/Kz9Q40m/poll.png) !important; background-size: 12px !important; background-position: unset !important}
#fastpoll span {background-image: url(https://i.ibb.co/Kz9Q40m/poll.png) !important; background-size: 20px !important; background-position: unset !important}
#fastemoticon span {background: url(https://i.ibb.co/pLWXyBg/emoticons.png); background-size: 20px}
#attachment span {background-image: url(https://i.ibb.co/zbS72XF/attachment.png) !important; background-size: 20px !important; background-position: unset !important}
#left .side_title:after, .sub-link:before {position: unset; margin-right: 5px; background-size: 12px; background-image: url(https://i.ibb.co/V2PHsmV/sublink.png); background-position: unset}
/* colorazione */
.pages .first span, .pages .last span, .pages .next span, .pages .prev span, .topic .pop>button {filter: invert(22%) sepia(15%) saturate(1222%) hue-rotate(226deg) brightness(93%) contrast(87%)}
.topic .pop>button {filter: invert(34%) sepia(8%) saturate(2525%) hue-rotate(204deg) brightness(97%) contrast(87%)}
.pop .t_edit:before, .pop .t_quote:before, .pop .t_mp:before, .pop .t_delete:before, .pop .t_share:before {filter: invert(37%) sepia(37%) saturate(0%) hue-rotate(158deg) brightness(97%) contrast(94%)}
.timeago:before {filter: invert(36%) sepia(17%) saturate(643%) hue-rotate(211deg) brightness(87%) contrast(87%)}
.mp .timeago:before, .mp_info .timeago:before {filter: invert(19%) sepia(10%) saturate(2273%) hue-rotate(206deg) brightness(94%) contrast(82%)}
#left .side_title:after, .sub-link:before {filter: invert(22%) sepia(49%) saturate(400%) hue-rotate(207deg) brightness(89%) contrast(90%)}

/* NAV */
.menuwrap_bg {background-color: #3E3B59}
.menuwrap em {background-color: #C9BCF1}
/* nome forum */
#nav-title span {color: #FFF; font-size: 18px; font-weight: normal; text-decoration: none!important}
#nav-title a {text-decoration: none!important}

/* HEADER, LOGO */
.header {height: 100%; background-color: #160C15; margin-bottom: 0!important}
.underheader {position: static; background-color: #0000005c; padding: 3px!important; text-transform: none}
.underheader a {position: static; text-decoration: normal}
.underheader a:hover {border-bottom: none}
.underheader .current a {border-bottom: none!important}
.underheader .current a:hover {border-bottom: none}
.underheader li {margin: 0 8px}
#arrow_scroll {bottom: 1pt}
.logo {padding-top: 145px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* TAGBOARD */
.tagboard-list .nickname a {font-weight: bold}

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {background-color: hsla(252, 29%, 75%, 1); border-bottom: 1px solid #8E88AA; padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: normal; font-size: 14px; border-bottom: 1px solid #8E88AA; padding: 8px; background-image: -webkit-linear-gradient(top, #8E87B0 0%, #817BA0 49%, #746E92 50%, #8E87B0 100%); color: #FFF}

.web a {text-decoration: underline; color: black; font-weight: bold} .forum .web a {text-decoration: underline; color: black; font-weight: normal}
.web a:hover {text-decoration: underline overline; color: #550080; font-weight: bold} .forum .web a:hover {text-decoration: underline overline; color: #550080; font-weight: normal}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: black !important; font-weight: normal}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}

.topics, .replies, .views {font-size: 12px; color: #493B59}
span.timeago {color: #5A5570 !important} .topic .timeago {color: #5A5570}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #544F6C; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 13px; color: #3E3B59}

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #5A5570}
.annuncio {background-color: hsla(252, 19%, 61%, 1)}
.importante {background-color: hsla(252, 29%, 79%, 1)}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #493B59 !important; border-bottom-color: #222 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #C0BAD9!important}
a.mod {bakground-color: #544F6C; color: #FFF}
a.mod:hover {bakground-color: #48445D; color: #FFF}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #4D0099; color: #4D0099; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #8E88AA}

/* DISCUSSIONI, ARTICOLI */
.post {border: none}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #000; text-decoration: none}
.details a:hover {color: #FFF}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: rgba(0, 0, 0, .5); font-size: 13px}
.color {color: #3E3B59; text-align: justify}
.color a {font-weight: normal; text-decoration: underline; color: black}
.color a:hover {color: white; text-decoration: overline underline}
.edit {font-size: 10px; color: #8E88AA; font-style: italic}
.topic .option, .article .option {background-color: #817AA1; border-top: none}
.topic .like {color: #666}
.avatar {border: 2px solid #5A5570; border-radius: 0!important; -moz-border-radius: 0!important}
.avatar img {width: 50px; border-radius: 0!important; -moz-border-radius: 0!important; height: auto!important}
/* etichette, firma ffmobile*/
.tags, .ffmsign, .ffmsign a {font-size: xx-small; font-style: oblique; color: #817AA1; margin: unset; margin-top: 9px} .tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: underline; font-weight: normal}
/* alert, info, success */
.notification {margin-bottom: 0!important}
.alert {background-color: #F2DEDE; color: #B94A48; border-color: #EED3D7}
.info {background-color: #544F6C; color: #FFF; border-color: #48445D; margin-bottom: 4px}
.success {background-color: #DFF0D8; color: #468847; border-color: #D6E9C6}
.alert a, .info a, .success a {color: #FFF; text-decoration: none; font-weight: bold} .alert a {color: #B94A48} .success a {color: #468847}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #BCB8CD; border: unset; box-shadow: -5px 5px 5px rgb(0 0 0 / 50%); -webkit-box-shadow: -5px 5px 5px rgb(0 0 0 / 50%); -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, .5); right: 30px !important}
.topic .pop li, .pop #t_like {border-color: 0} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #666}
.ip {background-color: #8680A5; padding-top: 17px; line-height: 0}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #6FC400}
.offline {background-color: #E74C3C}
.anonimo {background-color: #BDC3C7}
.online, .offline, .anonimo {border: 2px solid #5A5570}

/* SONDAGGIO */
.poll-bar {background-color: #D4D2DB; border-radius: 2px; -moz-border-radius: 2px; color: #16151B}
.poll-bar div {background-color: #6C668B; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #16151B}
.poll-max .poll-bar div {background-color: #6C668B}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: none; background-color: #8E88AA!important}
.pages li a {color: #493B59; text-decoration: none; text-decoration: none; font-size: 17px}
.pages li > a:first-child {box-shadow: -2px 0 0 #746D90; -moz-box-shadow: -2px 0 0 #746D90; -webkit-box-shadow: -2px 0 0 #746D90}
.pages li a:hover {background-color: #817AA1}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {width: auto !important; margin: 2pt!important}
.quote {border: 1px solid #6B5E9F; background: #E7E4F3; color: #211553; padding: 3px}
.code {border: 1px solid #7768B4; background: #988EC1; color: #211553; padding: 3px}
a.spoiler {font-weight: normal}

/* PROFILO */
header.profile {padding: 15px 0; color: #FFF; padding-bottom: 0!important; background-color: #6C668B; display: block!important}
.profile .avatar {border-radius: 0; -moz-border-radius: 0; border-width: 5px; margin-bottom: 20px; background-color: #817AA1; height: auto!important}
.u_nick {font-size: 25px; font-weight: bold; color: #3E3B59}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #8E88AA}
.u_status {top: 10px; left: 52.4%}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #8E88AA}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 0}
.u_info dl {padding: 4px 7px} .u_info dl:last-child {border-bottom: 0}
/* miniature avatar amici */
.friend_avatar {border: 1px solid #302D3E; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #302D3E; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center; color: black}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: black; text-decoration: none!important}
.user_online a {color: black; text-decoration: none!important}
.stats_list {text-align: left} .stats_list > li {padding: 1px 10px; font-weight: bold; border: none}

/* COLORI GRUPPI */
.user_online a.amministratore {color: #550080; font-weight: bold}
.user_online a.moderatore, .user_online a.gruppo23, .user_online a.gruppo22 {color: #0093DD; font-weight: bold}
.user_online a.gruppo4, .user_online a.gruppo15, .user_online a.gruppo16, .user_online a.gruppo17, .user_online a.gruppo14 {color: #0093DD; font-style: italic}
.user_online a.gruppo10, .user_online a.gruppo11, .user_online a.gruppo12, .user_online a.gruppo2 {color: #0093DD; font-weight: bold; font-style: italic}
.user_online a.gruppo4, .user_online a.gruppo5, .user_online a.gruppo6, .user_online a.gruppo7, .user_online a.gruppo9 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.daconvalidare, .user_online a.gruppo24 {color: #333333}
.user_online a.utente, .user_online a.gruppo18, .user_online a.gruppo19, .user_online a.gruppo20, .user_online a.gruppo21, .user_online a.gruppo8, .user_online a.gruppo26, .user_online a.gruppo27, .user_online a.gruppo28 {color: #000}
.user_online a.gruppo1 {color: #0000A4; font-weight: bold; font-style: italic}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, .input, .codebuttons:hover, .forminput:hover, .textinput:hover, .input:hover, #send-button, #send-button:hover, #allegati input {background-color: #E7E4F3; border: 1px solid #635D80; color: #000; font-size: 1em; font-family: verdana, helvetica, sans-serif; vertical-align: middle; font-weight: normal!important}
textarea {padding: 5px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #F0F0F0; color: #222; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: none}

#preview {text-align: justify}

#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}

.buttons a {padding: 7px 0; background-color: #6C668B; color: #FFF; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #605B7C; color: #FFF}

a.new-topic {background-color: #544F6C; color: #FFF}
a.new-topic:hover {background-color: #48445D}
a.reply {background-color: #544F6C; color: #FFF}
a.reply:hover {background-color: #48445D}
a.delete {background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}

.only-back a {border: none}

/* FOOTER */
footer {padding-top: 0!important}
footer:before {content: "Skin versione mobile a cura di Sheldon Campbell e Jace Steewood."!important; color: #C0BAD9!important; display: block!important; padding-bottom: 0!important}

/* EMBED LINK */
.ffb_embedlink {display: block; text-align: left; width: 90%; margin: auto; background: rgba(0, 0, 0, 0.11); padding: 10px; border-radius: 5px; -moz-border-radius: 5px}
.ffb_embedlink_initialized > div {width: 100%; display:block}
.ffb_embedlink_initialized > div:first-child {margin-bottom: 10px}
.ffb_embedlink_initialized > div:first-child img {vertical-align: middle; width: 16px; height: 16px; margin-right: 5px}
.ffb_embedlink_initialized > div:last-child > div:first-child {float: left; margin-right: 10px}
.ffb_embedlink_initialized > div:last-child > div:first-child, .ffb_embedlink_initialized > div:last-child > div:first-child > a {max-width: 200px; max-height: 200px}
.ffb_embedlink_initialized > div:last-child > div:first-child > a > img {max-height: 100%; max-width: 100%; display: block}

/* COLORI GRUPPI */
.user_online a.amministratore {color: #550080; font-weight: bold}
.user_online a.moderatore {color: #0093DD; font-weight: bold}
.user_online a.utente {color: #000}
.user_online a.gruppo4 {color: #0093DD; font-style: italic}
.user_online a.gruppo15 {color: #0093DD; font-style: italic}
.user_online a.gruppo16 {color: #0093DD; font-style: italic}
.user_online a.gruppo17 {color: #0093DD; font-style: italic}
.user_online a.gruppo23 {color: #0093DD; font-weight: bold}
.user_online a.gruppo1 {color: #0000A4; font-weight: bold; font-style: italic}
.user_online a.gruppo10 {color: #0093DD; font-weight: bold; font-style: italic}
.user_online a.gruppo11 {color: #0093DD; font-weight: bold; font-style: italic}
.user_online a.gruppo12 {color: #0093DD; font-weight: bold; font-style: italic}
.user_online a.gruppo2 {color: #0093DD; font-weight: bold; font-style: italic}
.user_online a.gruppo4 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.gruppo5 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.gruppo6 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.gruppo7 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.gruppo9 {color: #0000FF; font-weight: bold; font-style: italic}
.user_online a.gruppo14 {color: #0093DD; font-style: italic}
.user_online a.gruppo18 {color: #000}
.user_online a.gruppo19 {color: #000}
.user_online a.gruppo20 {color: #000}
.user_online a.gruppo21 {color: #000}
.user_online a.gruppo22 {color: #0093DD; font-weight: bold}
.user_online a.gruppo8 {color: #000}
.user_online a.daconvalidare {color: #333333}
.user_online a.gruppo24 {color: #333333}
.user_online a.gruppo26 {color: #000}
.user_online a.gruppo27 {color: #000}
.user_online a.gruppo28 {color: #000}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, .input, .codebuttons:hover, .forminput:hover, .textinput:hover, .input:hover, #send-button, #send-button:hover, #allegati input {background-color: #E7E4F3; border: 1px solid #635D80; color: #000; font-size: 1em; font-family: verdana, helvetica, sans-serif; vertical-align: middle; font-weight: normal!important}
textarea {padding: 5px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #F0F0F0; color: #222; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: none}

#mod_options {color: #777; border: 1px solid #CCC; padding: 3px}

.buttons a {padding: 7px 0; background-color: #6C668B; color: #FFF; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #605B7C; color: #FFF}

a.new-topic {background-color: #544F6C; color: #FFF}
a.new-topic:hover {background-color: #48445D}
a.reply {background-color: #544F6C; color: #FFF}
a.reply:hover {background-color: #48445D}
a.delete {background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}

.only-back a {border: none}

/* FOOTER */
footer {padding-top: 0!important}
footer:before {content: "Skin versione mobile a cura di Sheldon Campbell e Jace Steewood."!important; color: #C0BAD9!important; display: block!important; padding-bottom: 0!important}

/* EMBED LINK */
.ffb_embedlink {display: block; text-align: left; width: 90%; margin: auto; background: rgba(0, 0, 0, 0.11); padding: 10px; border-radius: 5px; -moz-border-radius: 5px}
.ffb_embedlink_initialized > div {width: 100%; display:block}
.ffb_embedlink_initialized > div:first-child {margin-bottom: 10px}
.ffb_embedlink_initialized > div:first-child img {vertical-align: middle; width: 16px; height: 16px; margin-right: 5px}
.ffb_embedlink_initialized > div:last-child > div:first-child {float: left; margin-right: 10px}
.ffb_embedlink_initialized > div:last-child > div:first-child, .ffb_embedlink_initialized > div:last-child > div:first-child > a {max-width: 200px; max-height: 200px}
.ffb_embedlink_initialized > div:last-child > div:first-child > a > img {max-height: 100%; max-width: 100%; display: block}

/* DESCRIZIONE SEZIONI */
.web:after {font-size: 12px; line-height: normal; display: block!important}
#f401000 .web:after {content: 'Leggerlo e rispettarlo \00E8\0020 FONDAMENTALE: prestateci molta attenzione.'}
#f401010 .web:after {content: "Qui sono presenti le liste degli studenti Smistati ed il test per essere Smistati."}
#f64990695 .web:after {content: "Collega Londra, dal binario 9 e \00BE\0020 della stazione di King's Cross, alla Scuola di Magia e Stregoneria."}
#f64811760 .web:after {content: 'Da qui \00E8\0020 possibile proseguire per la Sala Grande o per le scalinate.'}
#f401012 .web:after {content: "Qui si incontrano gli altri studenti per parlare di scuola, compiti e quant'altro."}
#f64891721 .web:after {content: "'Alle scale piace cambiare': sono il fulcro del castello, da cui \00E8\0020 possibile accedere a qualsiasi piano."}
#f401013 .web:after {content: "Una vecchia targa \00E8\0020 ancora appesa fuori dalla porta: 'Chi non si piegher\00E0\0020, verr\00E0\0020 spezzato'."}
#f10074188 .web:after {content: 'Una delle stanze pi\00F9\0020 antiche e misteriose di Hogwarts.'}
#f401441 .web:after {content: "Il Custode della scuola \00e8\0020 l'addetto al controllo del rispetto del Regolamento."}
#f401442 .web:after {content: "In caso di malanni poco o medio-gravi, questo \00E8\0020 il posto che fa per voi."}
#f10074284 .web:after {content: 'Il luogo in cui tutti i gufi del castello riposano quando non sono impegnati.'}
#f64394519 .web:after {content: "Il posto ideale per passare il tempo tra una lezione e l'altra pur rimanendo tra le mura del castello."}
#f401487 .web:after {content: 'Se state cercando informazioni, la risposta \00E8\0020 sicuramente qui.'}
#f5341268 .web:after {content: "Una lunga galleria di premi al valore o al merito, pezzi della storia di Hogwarts."}
#f65045581 .web:after {content: "Un luogo appartato: il suo pendolo gigantesco pu\00F2\0020 essere ammirato mentre oscilla sul corridoio del terzo piano."}
#f64942586 .web:after {content: "Le Cucine sono il sogno di ogni buona forchetta di Hogwarts. Peccato che la loro entrata sia segreta..."}
#f401627 .web:after {content: "In questa sala gli insegnanti si radunano per le loro attivit\00E0."}
#f401480 .web:after {content: "E' proibito entrarvi da soli, ma gli studenti, talvolta, vi vengono mandati per punizione."}
#f401483 .web:after {content: "Qui si svolgono le partite e gli allenamenti di Quidditch, oltre alle lezioni di Volo."}
#f686913 .web:after {content: "Il luogo ideale per chi ha voglia di stare un po' all'aria aperta. L'accesso \00E8\0020 consentito a tutti."}
#f64589928 .web:after {content: "Le colonne sono sormontate da due cinghiali alati; gli studenti possono attraversarli soltanto nei fine settimana."}
#f1845536 .web:after {content: "Qui \00E8\0020 possibile passeggiare osservando le vetrine dei vari negozi."}
#f64718685 .web:after {content: "Da qui \00E8\0020 possibile spedire lettere e merci o affittare una Cassetta di Sicurezza."}
#f401485 .web:after {content: "Alla locanda tutti si danno appuntamento per incontrarsi e bere qualcosa."}
#f1845534 .web:after {content: "Il punto di ritrovo di tutti gli inguaribili romanticoni di Hogsmeade."}
#f64811756 .web:after {content: "Il pub non vanta certo primati per pulizia o ricercatezza della merce offerta."}
#f401486 .web:after {content: "Ottimi scherzi ad ottimi prezzi, ma attenti a non farvi scoprire."}
#f401488 .web:after {content: "Qui gli studenti possono trovare dolci e leccornie di ogni genere."}
#f64878494 .web:after {content: "Il punto di riferimento per lo shopping di accessori magici e per la loro riparazione."}
#f64718687 .web:after {content: "Considerato l'edificio pi\00F9\0020 infestato della Gran Bretagna."}
#f401495 .web:after {content: "Tutti i visitatori devono passare dall'Addetto alla Sorveglianza prima di poter entrare al Ministero."}
#f401496 .web:after {content: "Qui il Wizengamot si riunisce per giudicare i reati dei maghi."}
#f401498 .web:after {content: "Gli Uffici del Ministero sono suddivisi su sette livelli."}
#f401499 .web:after {content: "Qui gli Auror si riuniscono in gran segreto per parlare di strategie."}
#f401500 .web:after {content: "Punto di ritrovo per i Mangiamorte."}
#f401501 .web:after {content: "Qui vengono rinchiusi i maghi o le streghe giudicati colpevoli dal Wizengamot."}
#f64976145 .web:after {content: "Nasconde l'ingresso a Diagon Alley: \00E8\0020 il crocevia di maghi e streghe che spesso si radunano ai suoi tavoli."}
#f401619 .web:after {content: "Qui viene creata una stanza blindata per ogni membro della societ\00E0\0020 magica inglese."}
#f401620 .web:after {content: "Qui \00E8\0020 possibile acquistare gli ingredienti per le Pozioni."}
#f1845537 .web:after {content: "I punto di riferimento per l'abbigliamento del mondo magico."}
#f401621 .web:after {content: "Qui \00E8\0020 possibile comprare libri e sottoscrivere abbonamenti a riviste."}
#f401622 .web:after {content: "Qui sono in vendita le scope: senza non si pu\00F2\0020 partecipare agli incontri di Quidditch."}
#f64942585 .web:after {content: "Gli amanti del gelato si riversano qui in tutte le stagioni per assaporare i suoi celebri gusti."}
#f401623 .web:after {content: "Il negozio presenta una vasta offerta di animali e Creature Magiche."}
#f64878495 .web:after {content: "Vende cancelleria magica: ritrovo per eccellenza di appassionati di scrittura, artisti e studenti."}
#f401624 .web:after {content: "Venite qui per acquistare la vostra bacchetta magica."}
#f10074354 .web:after {content: "Meglio non aggirarsi da queste parti da soli. [Se uno studente vuole ruolarvi dovr\00E0\0020 giustificarlo opportunamente on-gdr.]"}
#f10074355 .web:after {content: "Questo negozio ha una dubbia fama, vende artefatti magici."}
#f635201 .web:after {content: "La Gazzetta del Profeta \00E8\0020 il giornale in uso nel mondo dei maghi."}
#f1845594 .web:after {content: "Il gossip, il pettegolezzo, i consigli, le lettere... il giornale pi\00F9\0020 esuberante del mondo magico."}
#f401635 .web:after {content: "Qui vengono curati gratuitamente i malati o i feriti gravi."}
#f776340 .web:after {content: "Qui sono ammesse soltanto le coppie di maggiorenni."}
#f2080018 .web:after {content: "E' tradizione che annualmente si svolga almeno un'avventura che coinvolga tutti."}
#f1845533 .web:after {content: "Prima di porre qualunque domanda \00E8\0020 OBBLIGATORIO cercarla nell'elenco delle FAQs."}
#f401626 .web:after {content: "Qui si postano eventuali domande non presenti nelle FAQs, annunci e proposte."}
#f6013543 .web:after {content: "I Grandi Raduni sono occasioni in cui gli utenti possono vedersi dal vivo."}
#f64829604 .web:after {content: "In questa sezione riservata i Master avanzano le proprie proposte."}
#f65017713 .web:after {content: "Distrutto e poi ricostruito, realizzato in legno e coperto, attraversa una vallata e collega il cortile di Hogwarts al parco."}

/* MODAL NOTIFICHE(©Sheldon Campbell - 2020) */
#notifications-modal {background: #C9C4E4 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; border: 1px solid #020202 !important}
#notifications-modal .modal-title {color: #32106C !important; font-size: 18px !important; font-weight: bold !important; letter-spacing: -1px !important; line-height: 120% !important}
#notifications-modal .avatar {border-radius: 10% !important; -moz-border-radius: 10% !important; border: none !important}
#notifications-modal .notification-image .notification-type {border: 2px solid #000 !important; background: #000 !important}
#notifications-modal .notification-row:hover {color: inherit !important}
#notifications-empty {background-color: #C0BAD9 !important}
#notifications-modal .notification-container:not(#notifications-mode) {border-bottom: 1px solid white !important; background-color: #C9C4E4 !important}
#notifications-modal .notification-container:not(#notifications-mode):hover {background: #837CA3 !important; color: inherit !important}
#notifications-modal .notification-row:not(.readed) .notification-text {color: #000 !important}
#notifications-modal .notification-container:not(.readed) .notification-date, #notifications-links a, #notifications-empty {color: #3E3B59 !important}
#notifications-modal .notification-container.readed .notification-row .notification-text, #notifications-modal .notification-container.readed .notification-row .notification-date {color: #3E3B59 !important}
.notification-container .dropbtn {background: #C9C4E4 !important}
.notification-container .dropbtn:hover {background-color: #837CA3 !important}
.tippy-box[data-theme~=light] {background-color: #C9C4E4 !important}
.tippy-content {padding: 2px; background-color: #C9C4E4 !important}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {border-left-color: #C9C4E4 !important}
.notification-container .dropdown-content a {color: #000 !important}
.notification-container .dropdown-content a:hover {background-color: #837CA3 !important}
#notifications-more {box-shadow: 0 0 5px 1px #222; -moz-box-shadow: 0 0 5px 1px #222; -webkit-box-shadow: 0 0 5px 1px #222; background-color: #837CA3 !important}
#notifications-modal .plus-button:after, .plus-button:before {background-color: #C9C4E4 !important}
#notifications-modal .loader {background: #837CA3 !important; background: -moz-linear-gradient(left, #837CA3 10%, rgba(192, 192, 192, 0) 42%) !important; background: -webkit-linear-gradient(left, #837CA3 10%, rgba(192, 192, 192, 0) 42%) !important; background: -o-linear-gradient(left, #837CA3 10%, rgba(192, 192, 192, 0) 42%) !important; background: -ms-linear-gradient(left, #837CA3 10%, rgba(192, 192, 192, 0) 42%) !important; background: linear-gradient(to right, #837CA3 10%, rgba(192, 192, 192, 0) 42%) !important}
#notifications-modal .loader:before {background: #837CA3 !important}
#notifications-modal .loader:after {background: #837CA3 !important}
#notifications-mode button {background: #C0BAD9 !important; border: 1px solid #000 !important; box-shadow: 0 0 4px #000 !important; -moz-box-shadow: 0 0 4px #000 !important; -webkit-box-shadow: 0 0 4px #000 !important}
#notifications-mode button.active, #notifications-mode button[data-mode]:hover {background: #837CA3 !important; color: #32106C !important}
#notifications-mode > button[data-mode]:nth-child(1), #notifications-mode > button[data-mode]:nth-last-child(2) {border-radius: 0 !important; -moz-border-radius: 0 !important}
#notifications-mode #notifications-option-dropdown {box-shadow: 0 0 4px #000 !important; -moz-box-shadow: 0 0 4px #000 !important; -webkit-box-shadow: 0 0 4px #000 !important; background-color: #837CA3 !important}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {border-bottom-color: #C9C4E4 !important}