/* SKIN REALIZZATA DA CONNIE */
/* SFONDO https://it.freepik.com/ */
/* https://it.freepik.com/vettori-gratuito/motivo-floreale-astratto-piatto-organico_13404830.htm */

.topmembers {display: none}

#emoticon, #markdiv {outline: 1px dashed #060606; outline-offset: -5px; padding: 5px; background-color: #C2C08E; box-shadow: 0 0 3px #C2C08E; -moz-box-shadow: 0 0 3px #C2C08E; -webkit-box-shadow: 0 0 3px #C2C08E; border-radius: 0; -moz-border-radius: 0}
#mark-send, #markdiv mark {padding: 5px; background-color: #060606 !important}

#comments {background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.details.article-title {font-family: 'Noto Serif Display'; text-align: center; background-image: url('https://i.imgur.com/8NXRH6d.png')}

.color mark {box-shadow: 0 0 3px #A7A465; -moz-box-shadow: 0 0 3px #A7A465; -webkit-box-shadow: 0 0 3px #A7A465; background: #A7A465; border-radius: 0; -moz-border-radius: 0; color: #EEEEEE; letter-spacing: 5px; padding-left: 7px !important}

*::-webkit-scrollbar {-webkit-appearance: none}
*::-webkit-scrollbar:vertical {width: 12px}
*::-webkit-scrollbar:horizontal {height: 12px}
*::-webkit-scrollbar-thumb {background-color: #A7A465; border-radius: 0; -moz-border-radius: 0; border: 3px solid #060606}
*::-webkit-scrollbar-track {border-radius: 0; -moz-border-radius: 0; background-color: #060606}


/* BOTTONE ABBONAMENTO */
/* GRAZIE https://codepen.io/comehope/pen/MGeRRO */

.bottable {background-color: #A7A465; padding: 10px; outline: 1px dashed #060606; outline-offset: -5px; border: 0 !important; font-family: 'Noto Serif Display' !important; color: #060606 !important; text-shadow: 1px 0 0 #EEEEEE; width: auto; height: 20px; text-align: center; letter-spacing: 0.4em !important; transition: 0.5s}

.bottable a {font-family: 'Noto Serif Display' !important; color: #060606 !important; text-shadow: 1px 0 0 #EEEEEE; text-align: center; letter-spacing: 0.4em !important; transition: 0.5s}

.bottable a:hover {color: #EEEEEE !important; text-shadow: none !important; background-color: #060606; background: linear-gradient(to right, transparent, #090909, transparent); left: -100%; transition: 0.5s}

.topbutton .forminput {background-color: #C2C08E !important; padding: 3px; font-family: 'Roboto' !important; height: 70px; width: 280px; text-align: center; font-weight: bold; letter-spacing: 0.4em !important; transition: 0.5s}

/* FFMOBILE DEFAULT SKIN */

/* AVATAR */
.profile .avatar img {border-radius: 0; -moz-border-radius: 0}
.profile .avatar {border-radius: 0 !important; -moz-border-radius: 0 !important; padding: 5px; background-color: #FFF !important; border: 2px solid #A7A465 !important; transform: rotate(45deg)}

.post .avatar img {border-radius: 0; -moz-border-radius: 0}
.post .avatar {border-radius: 0 !important; -moz-border-radius: 0 !important; padding: 5px; background-color: #FFF; border: 2px solid #A7A465 !important; margin-right: 5px; transform: rotate(45deg)}

.post .online, .profile .online {display: none}
.post .offline, .profile .offline {display: none}
.post .anonimo, .profile .anonimo {display: none}

/* NOTIFICHE */
#notifications-modal.ff-modal {background-color: #060606; background-image: url('https://i.imgur.com/8NXRH6d.png')}
#notifications-modal .modal-title {background-color: #060606; font-size: 32px !important; font-family: 'Noto Serif Display'; color: #A7A465; text-shadow: 1px 0 0 #EEEEEE; text-align: center; border-top: 12px solid #060606}
#notifications-mode button {background-color: #A7A465 !important; border-radius: 0 !important; -moz-border-radius: 0 !important}
#notifications-mode button.active {color: #A7A465 !important; background-color: #060606 !important}
#notifications-mode button[data-mode]:hover {background: #060606 !important; color: #A7A465 !important}
#notifications-modal .notification-container a {background-color: #060606 !important}
#notifications-modal .timeago {color: #A7A465}
#notifications-empty, #notifications-modal .notification-container:not(.readed) {background: transparent !important}
#notifications-modal #notifications-empty {background-color: #060606 !important; color: #A7A465 !important}
#notifications-modal .notification-container {background-color: #060606 !important}

/* GRAZIE https://codepen.io/swshadows/pen/abLPEzR */
.profile .avatar, .post .avatar {box-shadow: #A7A465 0 0 0 2px; -moz-box-shadow: #A7A465 0 0 0 2px; -webkit-box-shadow: #A7A465 0 0 0 2px}

.tagboard a {font-family: 'Noto Serif Display'}
.tagboard .list-group {font-size: 11px; line-height: 10px}
.tagboard .list-group > * {border: 0 !important}

.underheader {font-weight: bold; font-size: 10px; background-color: transparent}
.underheader a {text-shadow: none; color: #A7A465 !important}
.underheader a:hover {text-shadow: none; color: #111111 !important; border-bottom: 0 !important}
.underheader .current a {border-bottom: 0 !important}

body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #EEEEEE; background-color: #060606}

a {color: #A7A465; text-decoration: none} a:hover {transition: 0.3s; color: #090909}

.last-post a *, .web * {color: #A7A465 !important}

.footer {font-size: 11px; color: #EEEEEE}
.footer a {font-weight: bold; color: #A7A465}

/* SIDEBAR */
#widget > ul > li, #about-us > ul > li:nth-child(1) {background-color: #090909}
#widget > ul > li, #about-us > ul > li:nth-child(2) {background-color: #060606}

.sidebar {background-color: #060606; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.sidebar a {font-family: 'Noto Serif Display'; color: #EEEEEE}
.sidebar a:hover {color: #A7A465}
.sidebar li {line-height: normal; color: #EEEEEE}
.side_title {background-color: #A7A465; color: #060606; font-family: 'Noto Serif Display'; border: 2px solid #A7A465}
.submenu > li, .login > li, #ff_links, .search {border: 2px solid #A7A465}
#ff_links, .search {border-top: 0}
/* menu utente */
.menu > li {color: #EEEEEE}
.sidebar .avatar img {display: none}
.menu .nickname {background-color: transparent !important; font-weight: bold; font-size: 28px !important; color: #EEEEEE; text-shadow: 1px 0 0 #060606; font-family: 'Noto Serif Display' !important}
.sidebar em {font-weight: bold; color: #060606; background-color: #A7A465}

/* login */
.login input {background: #A7A465; color: #060606; border: 1px solid #A7A465}
.login input[type=submit] {background: #A7A465; color: #060606; font-weight: bold} .login input[type=submit]:hover {background: #A7A465}

/* cerca */
.search {background-color: #A7A465}
.search input {color: #060606}

/* NAV */
.menuwrap_bg {background-color: #A7A465}
.menuwrap em {background-color: #A7A465}
/* nome forum */
#nav-title span {text-align: center; font-family: 'Noto Serif Display'; color: #EEEEEE; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.header {background: #060606}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.list-group > * {background: #060606; border: 5px solid #A7A465; padding: 8px; margin-top: 3px; margin-bottom: 10px}
.list-group > *:nth-child(even) {background: #090909; border: 5px solid #A7A465}

.stats_bottom li, .u_info dl {background-color: #090909; border: 0; margin-bottom: 10px; padding: 8px; color: #A7A465 !important; font-weight: normal !important; font-size: 9px !important}

.stats_list > li:last-child {border-bottom: 10px solid #A7A465}

.title {font-family: 'Noto Serif Display'; text-align: center; font-style: normal; font-size: 14px; color: #EEEEEE; text-shadow: 1px 0 0 #EEEEEE; padding: 10px; background-color: #A7A465; padding: 10px; outline: 1px dashed #060606; outline-offset: -5px; border: 0 !important}

.web a {color: #A7A465!important; font-family: 'Noto Serif Display'; font-size: 15px; font-style: normal}
.web a:hover {-webkit-filter: blur(1px);
 filter: blur(1px); color: #EEEEEE !important}


.forum .web a {font-size: 17px}

/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #EEEEEE !important}
.last-post {color: #EEEEEE; font-family: 'Noto Serif Display'; box-shadow: rgba(112, 151, 156, 0.5) 0 2px 0; -moz-box-shadow: rgba(112, 151, 156, 0.5) 0 2px 0; -webkit-box-shadow: rgba(112, 151, 156, 0.5) 0 2px 0; background-color: #060606}
.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: #EEEEEE}
span.timeago {color: #EEEEEE !important} .topic .timeago {color: #EEEEEE}
.no-time {font-style:italic; color: #EEEEEE}
.popupago {text-align: center; background-color: #C5D5D7; color: #060606; border-radius: 0; -moz-border-radius: 0}

/* sottosezioni */
.sub-link {font-size: 10px; color: #EEEEEE}

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #C2C08E}
.annuncio {background-color: #090909 !important; border-top: 1px solid #A7A465; border-bottom-color: #A7A465}
.importante {background-color: #C2C08E; border-top: 1px solid #A7A465; border-bottom-color: #A7A465}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #060606 !important; border-bottom-color: #060606 !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {font-weight: bold; color: #EEEEEE !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #060606; color: #A7A465; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}

/* DISCUSSIONI, ARTICOLI */
.post {border: 0}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #A7A465}
.cancelled {padding-left: 5px; font-weight: normal; color: #EEEEEE}
.topic .group {color: #EEEEEE; font-size: 13px; margin-left: 25% !important}
.color {color: #EEEEEE; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 0; font-style: italic; color: #EEEEEE}
.topic .option, .article .option {background-color: #060606; border-top: 1px dashed #A7A465}
.topic .like {color: #EEEEEE}

/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}

/* alert, info, success */
.alert {background-color: #A7A465; color: #111111; border-top: 1px dashed #060606; border-bottom: 1px dashed #060606; border-color: none}
.info {background-color: #A7A465; color: #EEEEEE; border-top: 1px dashed #060606; border-bottom: 1px dashed #060606; border-color: none}
.success {background-color: #A7A465; color: #090909; border-color: #A7A465}
.alert a, .info a, .success a {color: #060606; text-decoration: none; font-weight: bold}

/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #060606; border: 1px solid #060606; box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #060606} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #EEEEEE; font-weight: bold}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #A7A465}
.offline {background-color: #111111}
.anonimo {background-color: #222222}

/* SONDAGGIO */
.poll-bar {background-color: #090909; border-radius: 2px; -moz-border-radius: 2px; color: #EEEEEE}
.poll-bar div {background-color: #9FB9BC; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #EEEEEE}
.poll-max .poll-bar div {background-color: #A7A465}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 3px solid #060606; background-color: #C2C08E !important}
.pages li a {color: #EEEEEE; font-size: 17px; box-shadow: 1px 0 0 #060606, inset 1px 0 0 #060606; -moz-box-shadow: 1px 0 0 #060606, inset 1px 0 0 #060606; -webkit-box-shadow: 1px 0 0 #060606, inset 1px 0 0 #060606}
.pages li > a:first-child {box-shadow: -1px 0 0 #060606; -moz-box-shadow: -1px 0 0 #060606; -webkit-box-shadow: -1px 0 0 #060606}
.pages li a:hover {background-color: #060606}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top {background-color: #060606; font-family: 'Noto Serif Display'; text-align: center; font-style: normal; font-size: 14px; color: #A7A465; text-shadow: 1px 0 0 #000000}
.code {font-family: 'roboto', Sans-serif; color: #EEEEEE !important; font-weight: bold}

.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}

.quote {padding: 10px; background-color: #A7A465; padding: 10px; outline: 1px dashed #060606; outline-offset: -5px; border: 0 !important}

.code {padding: 10px; background-color: #060606; padding: 10px; outline: 1px dashed #EEEEEE; outline-offset: -5px; border: 0 !important; background-image: url('https://i.imgur.com/8NXRH6d.png')}

.quote {color: #EEEEEE !important; text-align: justify}

/* PROFILO */
header.profile {padding: 30px 0; color: #EEEEEE; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.profile .avatar img {border-radius: 0; -moz-border-radius: 0}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 30px; background-color: #EEEEEE}
.u_nick {font-family: 'Noto Serif Display'; font-size: 25px; font-weight: bold; color: #A7A465; text-shadow: 1px 0 0 #EEEEEE}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px dashed #A7A465}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #A7A465; background-color: #090909 !important; outline: 0 !important; outline-offset: 0 !important; text-align: left}
.profile .title {margin-top: 7px; padding: 3px 8px; font-weight: bold; border-bottom: 2px solid #A7A465 !important}
.u_info dl {padding: 4px 7px; border-bottom: 1px dashed #060606 !important} .u_info dl:last-child {border-bottom: 2px solid #A7A465}

/* miniature avatar amici */
.friend_avatar {border: 1px solid #EEEEEE; border-radius: 0; -moz-border-radius: 0}
.friend_avatar img {border-radius: 0; -moz-border-radius: 0}
.friend_nickname {background: #060606; color: #EEEEEE; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0}

/* STATISTICHE */
.stats {text-align: center; color: #EEEEEE}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #EEEEEE}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}
#board > container > ul.list-group.stats > li.stats_bottom > ul > ul > li:nth-child(7) {background-color: #060606}

/* COLORI GRUPPI */
.male {color: #A7A465} .female {color: #A7A465}

.box_utente .details {background-color: #090909; border-bottom: 5px solid #A7A465}
.box_utente .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

.amministratore {color: #A7A465; font-weight: bold}
.box_amministratore .details {background-color: #060606; border-bottom: 5px solid #A7A465; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.box_amministratore .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

.moderatore {color: #A7A465; font-weight: bold}
.box_moderatore .details {background-color: #060606; border-bottom: 5px solid #A7A465; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.box_moderatore .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

.gruppo1 {color: #A7A465; font-weight: bold}
.box_gruppo1 .details {background-color: #060606; border-bottom: 5px solid #A7A465; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.box_gruppo1 .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

.gruppo2 {color: #A7A465; font-weight: bold}
.box_gruppo1 .details {background-color: #060606; border-bottom: 5px solid #A7A465; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.box_gruppo1 .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

.gruppo3 {color: #A7A465; font-weight: bold}
.box_gruppo1 .details {background-color: #060606; border-bottom: 5px solid #A7A465; background-image: url('https://i.imgur.com/8NXRH6d.png')}
.box_gruppo1 .details > a {color: #A7A465; font-family: 'Noto Serif Display'; margin-left: 5%}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 1px 4px; background-color: #C2C08E; color: #EEEEEE; border: 0; border-radius: 0; -moz-border-radius: 0}

.textinput {border: 3px solid #C2C08E !important}

/* 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: #060606; color: #EEEEEE; border: 0; border-radius: 0; -moz-border-radius: 0}
.codebuttons:hover, #send-button:hover {background: #090909; border-color: #111111; color: #060606}
.textinput {margin: 10px 0; font-size: 16px}

/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(252, 183, 23, .75); box-shadow: 0 0 2px rgba(252, 183, 23, .5); -moz-box-shadow: 0 0 2px rgba(252, 183, 23, .5); -webkit-box-shadow: 0 0 2px rgba(252, 183, 23, .5)}

#mod_options {color: #A7A465; border: 0; padding: 3px}
#send-button {background: #090909; font-size: 12px; color: #A7A465; font-weight: normal}

.buttons a {padding: 7px 0; background-color: #090909; color: #A7A465; font-weight: normal; font-size: 12px}
.buttons a:hover {background-color: #A7A465; color: #060606}

a.new-topic {font-family: 'Noto Serif Display'; background-color: #A7A465; padding: 10px; outline: 1px dashed #060606; outline-offset: -5px; border: 0 !important; color: #EEEEEE}
a.new-topic:hover {background-color: #C2C08E}
a.reply {font-family: 'Noto Serif Display'; background-color: #A7A465; padding: 10px; outline: 1px dashed #060606; outline-offset: -5px; border: 0 !important; color: #060606}
a.reply:hover {background-color: #090909}
a.delete {font-family: 'Noto Serif Display'; background-color: #C25554; color: #FFF}
a.delete:hover {background-color: #A53635}

.only-back a {border: 1px dashed #A7A465}

/* GOOGLE FONT */
/* cyrillic-ext */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugAYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f}
/* cyrillic */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugJYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* greek-ext */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugBYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+1f00-1fff}
/* greek */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugOYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+0370-03ff}
/* vietnamese */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugCYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugDYjQfhezDuf4.woff2) format('woff2');
 unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Noto Serif Display';
 font-style: normal;
 font-weight: 500;
 font-stretch: 100%;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/notoserifdisplay/v12/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpv4ugNYjQfhezD.woff2) format('woff2');
 unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}