@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,300;0,600;1,100;1,300;1,600&family=Noto+Serif:ital@0;1&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,400;0,600;1,100;1,400;1,600&family=Merriweather&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Noto+Sans:ital,wght@0,100;0,300;0,600;1,100;1,300;1,600&family=Noto+Serif:ital@0;1&family=Spectral:ital,wght@0,300;1,200;1,300&display=swap');
font-family: 'Merriweather', serif;


font-family: 'Fira Sans', sans-serif;
*/

:root {
  color-scheme: light dark; /*https://blog.jim-nielsen.com/2021/css-system-colors/*/
  /* both supported */
  --primary-color: #302AE6;
  --secondary-color: #536390;
  --font-color: #606c76;
  --bg-color: #fff;
  --heading-color: #aa0000;
  --nav-link-color: #808000;
  --link-color: #6169c5c2;
  --note-bg-color: #f1f7fc;
  --info-bg-color: #fffbea;
  --tip-bg-color: #f9e7e4;
  --warning-bg-color: #f9e7e4;
  --alt-row-color: #f8f8f8;
}
/* ! uno .admonition-note
!! due .admonition-info 
!!! tre .admonition-tip 
!!!! quattro .admonition-warning */

[data-theme="dark"] {
  --primary-color: #ff0000;
  --secondary-color: #818cab;
  --font-color: #e1e1ff;
  --bg-color: #161625;
  --heading-color: #aa0000;
  --nav-link-color: #808000;
  --link-color: #6169c5c2;
  --note-bg-color: #f1f7fc;
  --info-bg-color: #fffbea;
  --tip-bg-color: #f9e7e4;
  --warning-bg-color: #f9e7e4;
  --alt-row-color: #008080;
}


html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html{
  /* righello in mm a sx della pagina
  formattato con https://www.svgbackgrounds.com/tools/svg-to-css/ */
/* 	background-image:  url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='5mm' height='10mm' version='1.1' viewBox='0 0 5 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eruler%3C/title%3E%3Cg fill='none' stroke='%23000' stroke-width='.1'%3E%3Cpath d='m0 0.5h5'/%3E%3Cpath d='m0 1.5h2'/%3E%3Cpath d='m0 2.5h2'/%3E%3Cpath d='m0 3.5h2'/%3E%3Cpath d='m0 5.5h3'/%3E%3Cpath d='m0 6.5h2'/%3E%3Cpath d='m0 7.5h2'/%3E%3Cpath d='m0 8.5h2'/%3E%3Cpath d='m0 9.5h2'/%3E%3Cpath d='m0 4.5h2'/%3E%3C/g%3E%3C/svg%3E"); */

	background-image: url("data:image/svg+xml,%3Csvg width='5mm' height='10mm' version='1.1' viewBox='0 0 5 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eruler%3C/title%3E%3Cg fill='none' stroke='canvasText' stroke-width='.1'%3E%3Cpath d='m0 0.5h5'/%3E%3Cpath d='m0 1.5h2'/%3E%3Cpath d='m0 2.5h2'/%3E%3Cpath d='m0 3.5h2'/%3E%3Cpath d='m0 5.5h3'/%3E%3Cpath d='m0 6.5h2'/%3E%3Cpath d='m0 7.5h2'/%3E%3Cpath d='m0 8.5h2'/%3E%3Cpath d='m0 9.5h2'/%3E%3Cpath d='m0 4.5h2'/%3E%3C/g%3E%3C/svg%3E");



  background-repeat: repeat-y;  
  background-attachment: fixed;  
  background-position: top left; 
  padding-left:2mm;
  
}
body {
  display: flex;
  flex-direction: column;
}

::selection {color: white; background-color: red;}

body {
  font-family:  'Fira Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
}
p>i, P>em {font-family: 'Noto Serif', serif;
  font-style:italic;}
main {
  flex-grow: 1;
}
aside { }

figure {
  display: flex;
  justify-content: center;
}

p>img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
  width: auto;
}
tr:nth-child(even){
  background-color: var(--alt-row-color);
}

img+img {
  margin-left: 1em;
}
.logo a,
.logo a:visited,
.logo a:hover {
  color: var(--heading-color);
  font-weight: 600;
  display: inline-block;
  margin-top: 5%;
  background-color: transparent;
  /*   padding-top:0.5em;
  margin-bottom:-30px; */
}

nav ul {
  justify-content: flex-end;
}

/* nav li a {
  padding: 0.5rem;
  text-decoration: none;
  min-width: 40px;
  min-height: 30px;

  display: inline-block;
  padding: 0.35em 1.2em;
  border: 0.1em solid #ffffff;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  transition: all 0.2s;
} */

footer ul {
  justify-content: space-evenly;
}

a {}
r
a:link {}

a:visited {}

a:hover {}

a:active {}

a {
  color: var(--nav-link-color);
  /*#808040*/
}
p a {
  color: var(--link-color);
}
p a:hover {
  color: var(--link-color);
}
footer {
  margin-top: 2rem;
  width: 100%;
  border-top: 1px solid var(--heading-color);
}

main a:hover {
  text-decoration: underline;
}



li {
  margin-bottom: 0;

}

summary:hover {
  cursor: pointer
}

p a {
  font-weight: 600;
}

a:focus,
a:hover {
  color: var(--font-color);
}

nav a {}

nav a:hover {
  color: #ccc;
  background-color: var(--nav-link-color);
}

header,
footer,
div.page {}

td {
  padding: .6rem 1.5rem;
}

/*  modifica a milligram */

.inline {display: inline;}

.meta p {
  font-size: smaller;
}

.acadlite::before {
  content: "⁘ ";
}

.outoftopic::before {
  content: "∉ ";
}
header h1 {}

header nav ul {}

header nav ul li {}

div.page {}

a active {
  font-weight: bold;
}

figure.banner {
  display: flex;
  justify-content: center;
}

.book {
  counter-reset: chapter;
}

.chapter h2:before {
  content: counter(chapter) ". ";
  counter-increment: chapter;
  font-size: smaller;
}

/* elenchi TAG */
.taglist {
  list-style: none;
}

.taglist li {
  display: inline-block;
}

/* .taglist a:before {
  content: "| "
} */
.taglist li a:before {
  content: "| "
}
.taglist li:first-child a:before {
  content: ""
}
/* sottoemnù del libro degli standard */
nav.standard {
  display: flex;
}

nav.standard ul {
  display: flex;
  list-style-type: none;
  flex-direction: row;
}

nav.standard a {
  padding: 0.5rem 1rem;
  font-size: 80%;
}

blockquote p {
  margin-bottom: 0;
}

code p:last-of-type {
  margin-bottom: 0;
}

.prevnext {
  text-align: center;
}

.prevnext a:link {
  margin: 1em;
  text-decoration: none;
}

.prevnext a:visited {
  color: var(--font-color);
}

.prevnext a:hover {
  color: var(--link-color);
}

.file::before {
  content: "🗋 ";
  white-space: pre;
}

.folder::before {
  content: "🗀 ";
  white-space: pre;
}
/* 
[attributi in immagini in markdown](https://pypi.org/project/lektor-markdown-image-attrs/)
![My cat, Fluffy](fluffy.jpg "class=img-responsive")
![My cat, Fluffy](fluffy.jpg "title='Fluffy at rest' class=img-responsive")

If you’d like to set a title, when the title text looks like a set of HTML attributes, simply append an empty set of angle brackets to the title:
![My cat, Fluffy](fluffy.jpg "Fluffy=resting <>")
*/
.img-left {float: left; margin-right:0.5em}
.img-right {float: right; margin-left:0.5em}


/* https://icomoon.io/ + https://jakearchibald.github.io/svgomg/*/

/* link outside andrearicci.it -svg-*/
a[href*="//"]:not([href*="andrearicci.it"])::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+);
  margin: 0 3px 0 5px;
  stroke: currentColor;
  fill: currentColor;
  /* con png
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);*/
      
      white-space: pre;
}
/* 
a[href$=".ZIP" i]::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTI4LjY4MSA3LjE1OWMtLjY5NC0uOTQ3LTEuNjYyLTIuMDUzLTIuNzI0LTMuMTE2cy0yLjE2OS0yLjAzLTMuMTE2LTIuNzI0QzIxLjIyOS4xMzcgMjAuNDQ4IDAgMjAgMEg0LjVBMi41MDMgMi41MDMgMCAwIDAgMiAyLjV2MjdDMiAzMC44NzggMy4xMjEgMzIgNC41IDMyaDIzYzEuMzc4IDAgMi41LTEuMTIyIDIuNS0yLjVWMTBjMC0uNDQ4LS4xMzctMS4yMy0xLjMxOS0yLjg0MXptLTQuMTM4LTEuNzAyQTI3LjMzNCAyNy4zMzQgMCAwIDEgMjYuODExIDhIMjJWMy4xODlhMjcuMzM0IDI3LjMzNCAwIDAgMSAyLjU0MyAyLjI2OHpNMjggMjkuNWMwIC4yNzEtLjIyOS41LS41LjVoLTIzYS41MDcuNTA3IDAgMCAxLS41LS41di0yN2MwLS4yNzEuMjI5LS41LjUtLjVIMjB2N2ExIDEgMCAwIDAgMSAxaDd2MTkuNXoiLz48cGF0aCBkPSJNOCAyaDR2Mkg4VjJ6TTEyIDRoNHYyaC00VjR6TTggNmg0djJIOFY2ek0xMiA4aDR2MmgtNFY4ek04IDEwaDR2Mkg4di0yek0xMiAxMmg0djJoLTR2LTJ6TTggMTRoNHYySDh2LTJ6TTEyIDE2aDR2MmgtNHYtMnpNOCAyNi41YzAgLjgyNS42NzUgMS41IDEuNSAxLjVoNWMuODI1IDAgMS41LS42NzUgMS41LTEuNXYtNWMwLS44MjUtLjY3NS0xLjUtMS41LTEuNUgxMnYtMkg4djguNXptNi0yLjV2MmgtNHYtMmg0eiIvPjwvc3ZnPg==);
  display:inline-block;
  height: 50%;
  width: 50%;
  margin: 0 3px 0 5px;
  stroke: currentColor;
  fill: currentColor;
} */
a[href$=".ZIP" i]::before {
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16"><path d="M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.121 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841zm-4.138-1.702A27.334 27.334 0 0 1 26.811 8H22V3.189a27.334 27.334 0 0 1 2.543 2.268zM28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7v19.5z"/><path d="M8 2h4v2H8V2zM12 4h4v2h-4V4zM8 6h4v2H8V6zM12 8h4v2h-4V8zM8 10h4v2H8v-2zM12 12h4v2h-4v-2zM8 14h4v2H8v-2zM12 16h4v2h-4v-2zM8 26.5c0 .825.675 1.5 1.5 1.5h5c.825 0 1.5-.675 1.5-1.5v-5c0-.825-.675-1.5-1.5-1.5H12v-2H8v8.5zm6-2.5v2h-4v-2h4z"/></svg>');

  display: inline-block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  margin: 0 1rem 0 0;
  white-space: pre;
}
a[href$=".PDF" i]::before {
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16"><path d="M26.313 18.421c-.427-.42-1.372-.643-2.812-.662-.974-.011-2.147.075-3.38.248-.552-.319-1.122-.665-1.568-1.083-1.202-1.122-2.205-2.68-2.831-4.394.041-.16.075-.301.108-.444 0 0 .677-3.846.498-5.146a1.526 1.526 0 0 0-.088-.369l-.059-.151c-.184-.425-.545-.875-1.111-.85l-.341-.011c-.631 0-1.146.323-1.281.805-.411 1.514.013 3.778.781 6.711l-.197.478c-.55 1.34-1.238 2.689-1.846 3.88l-.079.155a65.82 65.82 0 0 1-1.745 3.213l-.543.287c-.04.021-.97.513-1.188.645-1.852 1.106-3.079 2.361-3.282 3.357-.065.318-.017.725.313.913l.525.264c.228.114.468.172.714.172 1.319 0 2.85-1.643 4.959-5.324a49.318 49.318 0 0 1 7.638-1.815c1.852 1.043 4.129 1.767 5.567 1.767.255 0 .475-.024.654-.072a1.11 1.11 0 0 0 .65-.444c.279-.42.335-.998.26-1.59-.023-.176-.163-.393-.315-.541zM6.614 25.439c.241-.658 1.192-1.958 2.6-3.111.088-.072.306-.276.506-.466-1.472 2.348-2.458 3.283-3.106 3.577zM14.951 6.24c.424 0 .665 1.069.685 2.07s-.214 1.705-.505 2.225c-.241-.77-.357-1.984-.357-2.778 0 0-.018-1.517.177-1.517zm-2.487 13.682c.295-.529.603-1.086.917-1.677a31.984 31.984 0 0 0 1.609-3.511c.716 1.303 1.608 2.41 2.656 3.297.131.111.269.222.415.333-2.132.422-3.974.935-5.596 1.558zm13.439-.12c-.13.081-.502.128-.741.128-.772 0-1.727-.353-3.066-.927.515-.038.986-.057 1.409-.057.774 0 1.004-.003 1.761.19s.767.585.637.667z"/><path d="M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.121 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841zm-4.138-1.702A27.334 27.334 0 0 1 26.811 8H22V3.189a27.334 27.334 0 0 1 2.543 2.268zM28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7v19.5z"/></svg>');
  display: inline-block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  margin: 0 1rem 0 0;
  white-space: pre;
}

.admonition p {
  margin-left: 2em;
  margin-right: 2em;
  border-radius: 0.5em;
  padding: 0.5em;
}



/* --note-bg-color: #f1f7fc;
--info-bg-color: #fffbea;
--tip-bg-color: #f9e7e4;
--warning-bg-color: #f9e7e4;
--alt-row-color:; */

.admonition-note p {
  background-color: var(--note-bg-color);
}

.admonition-note p::before {
  content: "✎ ";
}

.admonition-info p {
  background-color: var(--info-bg-color);
}

.admonition-info p::before {
  content: "🛈 ";
}

.admonition-tip p {
  background-color: var(--tip-bg-color);
}

.admonition-tip p::before {
  content: "💡 ";
}

.admonition-warning p {
  background-color: var(--warning-bg-color);
}

.admonition-warning p::before {
  content: "⚠ ";
}

#allposts.html li {list-style-type:none !important;}

/*----------------------------------------------------------------*/
/* CSS hamburgher menu https://codepen.io/alvarotrigo/pen/MWEJEWG */
/*----------------------------------------------------------------*/
* {
  box-sizing: border-box;
}

.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  /*background: linear-gradient(to left, #f46b45, #eea849);
     W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: var(--link-color);
  height: 100px;
  padding: 1em;
  border-bottom: 1px solid var(--heading-color);
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu>li {
  margin: 0 1rem;
  overflow: hidden;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: var(--link-color);
  /*colore hamburger */
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: "";
  margin-top: -8px;
}

.menu-button::after {
  content: "";
  margin-top: 8px;
}

#menu-toggle:checked+.menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked+.menu-button-container .menu-button {
  background: rgba(125, 125, 125, 0);
}

#menu-toggle:checked+.menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

/* comment box 
div.hcb-wrapper-half{display:block;width:44%;float:left;margin-right: 5%;}
*/

@media (max-width: 700px) {
  .top-nav {
    height: 50px;
  }

  .logo a {
    font-size: 60%;
  }

  .menu-button-container {
    display: flex;
  }

  .menu {
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  #menu-toggle~.menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  #menu-toggle:checked~.menu li {
    border-bottom: 1px solid var(--nav-link-color) ; /*#808000*/
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .menu>li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: var(--nav-link-color) ; /*#808000*/
    background-color: rgba(255, 255, 255, 0.8); /* var(--bg-color) */
  }

  .menu>li a {
    width: 100%;
    text-align: center;
  }

  .menu>li:not(:last-child) {
    border-bottom: 2px solid var(--bg-color);
  }
}

/* -END- CSS hamburgher menu */


/* correzione di alcuni difetti di Html Comment Box */

#HCB_comment_box {
  height: auto !important;
  padding: 2em 10% 0 10%;  
  margin-top: 2rem;
  border-top: 1px solid var(--heading-color);
  /*background: rgb(204,204,204);
  background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 13%); */
}


/* DARKMODE */

@media (prefers-color-scheme: dark) {

  img {
    filter: brightness(.8) contrast(1.2);
  }
  /* defaults to dark theme */
  /* body {
    
    --text-color: #eee;
    --bkg-color: #121212;
  
    --primary-color: #9A97F3;
    --secondary-color: #818cab;
    --font-color: #eeeeee;
    --bg-color: #121212;
    --heading-color: #aa0000;
  }

  a {
    color: #809fff;
  }

  pre code {
    color:#ccc;
    background: #292929;
  }
  .admonition-note p {
    background-color: #f1f7fc81;
  }

  .admonition-info p {
    background-color: #e7f6ef81;
  }

  .admonition-tip p {
    background-color: #fffbea81;
  }

  .admonition-warning p {
    background-color: #f9e7e481;
  }
  */
  /* Override dark mode with light mode styles if the user decides to swap 
  https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ */

/*   body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
  } */
}
@media print {
  a[href]:after {
    content: " (" attr(href) ") ";
  }
}