@charset "UTF-8";
/** main.sccs Stili per le pagine del sito canaro.net. @author      R.Canaro <r@canaro.net> @copyright   Copyright (c) 2019, R.Canaro @package     Canaro @subpackage  www @version     4.3.0 @since       2.0 */
@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");
@font-face { font-family: Inconsolata; src: url(/assets/fonts/Inconsolata-Light.ttf); }

@font-face { font-family: Inconsolata; src: url(/assets/fonts/Inconsolata-Bold.ttf); font-weight: bold; }

@font-face { font-family: Inconsolata; src: url(/assets/fonts/Inconsolata-ExtraBold.ttf); font-weight: 800; }

/** main.css Stili per le pagine del sito canaro.net. @author      R.Canaro <r@canaro.net> @copyright   Copyright (c) 2019, R.Canaro @package     Canaro @subpackage  www @version     4.3.0 @since       2.0 */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; border-color: #aaa; }

/** Classi generiche */
*.serio { color: #600 !important; font-weight: bold; }

*.no-serio { color: #060 !important; font-weight: bold; }

.evidente { background: #222222; color: #ffffff; padding: 4px 10px 4px 20px; width: 450px; margin-left: -10px; }

.right { float: right !important; }

.maiuscoletto { text-transform: capitalize; font-variant: small-caps; }

/** Parti della pagina */
HTML { width: 100%; height: 100%; font-size: 15pt; }

BODY { background-color: #fff; color: #000000; font-family: "Inconsolata", sans-serif; font-style: normal; margin: 0 auto; min-height: 100vh; min-width: 320px; padding: 2rem 0 3rem; text-align: center; max-width: 32rem; }

HEADER { text-align: left; }

MAIN { position: relative; padding: 1rem 0 3rem; text-align: left; }

FOOTER { margin-top: 2rem; padding-top: 1rem; border-top: dotted 1px #999; text-align: left; }

/** Riduce il padding su mobile */
@media only screen and (max-width: 600px) { BODY { padding: 2rem 10px 3rem 10px; } }

/** Tag standard */
H1, H2, H3, H4 { font-weight: bold; text-align: left; color: inherit; }

H1 { font-size: 1.5rem; }

H2 { font-size: 1.3rem; }

H3 { font-size: 1.1rem; }

A { color: #666; font-weight: bold; }

A:hover { background: #666; color: #fff; }

P { text-align: justify; padding-bottom: 1rem; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

OL, UL { padding: 1rem 2rem; }

HR { border: none; text-align: center; margin: 0.5rem auto 1rem auto; }

HR:before { content: '***'; }

BLOCKQUOTE { font-size: 0.95rem; color: #666; text-align: left; padding: 0 1em; font-style: italic; }

LABEL { font-weight: bold; }

LABEL::after { content: ":"; }

HEADER A, FOOTER A { text-decoration: none; }

HEADER A.title { font-size: 2rem; display: inline-block; font-weight: bold; color: #000; }

HEADER H1 { margin: 1rem 0 1rem; }

HEADER H2 { font-size: 1.5rem; background: #222222; color: #ffffff; padding: 4px 10px 4px 20px; }

/** Link per la navigazione */
NAV.breadcrumb { margin: 1rem 0rem; font-size: 0.9rem; }

NAV.breadcrumb A { display: inline-block; }

MAIN NAV.menu { position: relative; padding: 0.5rem 1rem 1rem; text-align: left; }

MAIN NAV.menu DIV { padding: 0.5rem  0; }

MAIN NAV.menu A { display: block; padding: 0.5rem 0; }

MAIN NAV.menu.home A { padding: 0.5rem 0; }

MAIN NAV.menu A.leggi { font-size: 0.9rem; }

TABLE, TR, TD, TH { border: solid 1px #999; border-collapse: collapse; }

TD, TH { padding: 0.5rem 1rem; }

ARTICLE TABLE { margin: 1rem auto; }

/** ELENCO POST */
NAV.menu DIV.post { margin: 1rem 0; }

NAV.menu DIV.post P { padding-bottom: 0; }

NAV.menu DIV.post P.data { font-size: 0.8rem; padding-bottom: 0; font-weight: bold; color: #555; }

FOOTER NAV A { line-height: 1.2; text-indent: -.5em; padding: 0.5em; }

FOOTER NAV { padding: 0.5rem 1rem; text-align: right; }

NAV.back { margin: 2rem 0 3rem; text-align: left; }

NAV.back A { border-left: dotted 1px #999; border-top: dotted 1px #999; display: inline-block; padding: 1rem 0 0 1rem; text-transform: capitalize; }

NAV.back A:hover { background: #999; }

NAV.post { display: block; margin-top: 2rem; text-align: center; overflow: auto; }

NAV.post A { width: 30%; min-height: 2rem; border-top: dotted 1px #999; padding-top: 1rem; }

NAV.post A.back { display: inline-block; text-transform: capitalize; }

BODY.poesia A.back, NAV.post A.prev { float: left; text-align: left; border-left: dotted 1px #999; padding-left: 10px; }

NAV.post A.next { float: right; text-align: right; border-right: dotted 1px #999; padding-right: 10px; }

/* BODY.articolo FOOTER NAV A { display: inline-block; line-height: 1.5; } */
/** Pagina indice */
BODY.index { height: 100%; padding: 0rem; text-align: left; max-width: unset; width: auto; }

BODY.index DIV.titolo { background-color: #000; color: #ffffff; display: inline-block; float: left; height: 100%; padding: 0 1.5rem; text-align: center; width: 15rem; }

BODY.index DIV.titolo H1 { font-size: 120%; font-weight: bold; position: relative; top: calc(50% - 1rem); margin: 0; padding: 0; display: inline-block; }

BODY.index DIV.testo { top: calc(50% - 1rem); left: 2rem; width: 1000rem; position: relative; }

BODY.index DIV.testo P { margin: 0; padding: 0; }

BODY.index DIV.testo P A { display: inline-block; margin-left: 2rem; }

/** POESIE */
BODY.poesie { color: #fff; height: 100%; width: 100%; background-color: #333; }

BODY.poesie HEADER H2 { display: none; }

BODY.poesie MAIN { min-height: 66vh; }

BODY.poesie A { /** Serve per i titoli */ color: #fff; }

BODY.poesie A:hover { background: unset; color: #fff; }

BODY.poesie FOOTER { display: none; }

/** Animazione per la lumionsità delle stelle */
@keyframes dissolvi { 0%, 100% { opacity: .3; }
  25%, 75% { opacity: .6; }
  50% { opacity: 1; } }

BODY.poesie A.stella { color: white; font-size: 2rem; position: absolute; position: relative; animation-duration: 2s; animation-iteration-count: infinite; animation-name: dissolvi; }

BODY.poesie A.stella.m1 { animation-delay: 0s; }

BODY.poesie A.stella.m2 { animation-delay: 1s; }

BODY.poesie A.stella.m3 { animation-delay: 2s; }

BODY.poesie A.stella:visited { color: yellow; }

/** Spaziatura fra le strofe */
BODY.poesia MAIN { line-height: 1.5; }

BODY.poesia.laura SPAN { color:   #999; }

/** VIAGGI */
BODY.viaggi MAIN NAV H3 { margin: 1rem 0; font-variant: small-caps; border-bottom: dotted 2px #999; }

BODY.viaggi MAIN NAV.menu A { line-height: 1; padding: 0; }

.centrato { text-align: center !important; }

/** ARTICOLI */
ARTICLE { padding-bottom: 2rem; }

ARTICLE H2 { margin: 1rem 0 1rem; }

ARTICLE P { line-height: 1.5; }

ARTICLE H3.data { color: #555; font-size: 0.9rem; font-weight: bold; padding: 1rem 0 3rem; }

ARTICLE P.dedica, ARTICLE P.citazione { display: block; font-size: 0.9rem; font-style: italic; margin: 2rem 0; margin-left: 30%; text-align: right; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }

ARTICLE P.citazione SPAN { text-transform: capitalize; font-variant: small-caps; font-style: normal; }

SECTION.link { display: block; position: relative; }

SECTION.link P.categoria { padding-bottom: 2rem; }

SECTION.canzone DIV { display: block; position: relative; border-top: solid 1px #999; padding: 0.5rem 0; overflow: auto; }

SECTION.canzone DIV SPAN { display: inline-block; font-size: 0.9rem; width: 48%; }

SECTION.canzone DIV SPAN:first-of-type { font-style: italic; float: left; padding-right: 10px; color: #666; }

ARTICLE P EM { color: #550; }

ARTICLE P IMG { border: solid 1px #999; padding: 4px; width: 100%; }

ARTICLE SECTION.note { font-size: 0.9rem; margin-top: 3rem; }

ARTICLE SECTION.note H2 { margin-bottom: 1rem; }

ARTICLE SECTION.note A { color: #550; text-decoration: underline; }

ARTICLE A.nota { font-size: 0.8rem; color: #550; text-decoration: underline; vertical-align: super; display: inline-block; margin-left: 2px; }

ARTICLE DIV.elenco-arti { margin: 1rem 2rem; }

ARTICLE DIV.elenco-arti P { padding: 0.5em; border-bottom: dotted 1px #999; }

ARTICLE DIV.elenco-arti LABEL { min-width: 11rem; display: inline-block; }

ARTICLE DIV.elenco-arti SPAN { font-weight: bold; font-size: 1rem; text-transform: uppercase; }

ARTICLE DIV.elenco-arti SPAN.si { color: #090; }

ARTICLE DIV.elenco-arti SPAN.no { color: #900; }

DIV.scelte { margin: 1rem; }

DIV.scelte P LABEL { display: inline-block; min-width: 9rem; }

SECTION.puntata P.testo { padding-bottom: 2rem; }

SECTION.puntata P.nome { color: #333; font-weight: 600; text-align: center; padding-bottom: 0.5rem; }

SECTION.puntata P.nota { text-align: center; padding: 2rem; text-transform: uppercase; }

/** IDE monogatari */
BODY.dramma ARTICLE H2 { text-align: center; margin: 2rem auto; }

BODY.dramma ARTICLE TR, BODY.dramma ARTICLE TD, BODY.dramma ARTICLE TABLE { border: none; }

BODY.dramma ARTICLE TABLE { margin-bottom: 4rem; }

BODY.dramma ARTICLE TABLE td:first-child { font-weight: bold; }

BODY.dramma ARTICLE BLOCKQUOTE { text-align: left; margin: 1rem auto 3rem; display: inline-block; }

.domanda { color: #333; font-weight: 600; text-align: left; }

.risposta { color: #333; text-align: left; }

.sigla { text-align: center; padding: 2rem; }

.risposta { color: #333; text-align: left; }

.explicit { border: solid 1px #000000; text-align: center; background: #000000; color: #ffffff; padding: 1px 4px 1px 4px; }

.advisory { border: solid 1px #000000; text-align: center; background: #ffffff; color: #000000; padding: 1px 4px 1px 4px; }

@media (max-width: 1023px) { HTML { font-size: 14pt; } }

/* BODY { counter-reset: note-pagina;  } A.nota:after{ counter-increment: note-pagina;  content: counter(note-pagina);      } */

/*# sourceMappingURL=screen.css.map */