.title-pag{text-align: center; margin-top: 40px}
.title-pag h1 {font-size: 2.4em; color:#333 }
.ico-pag{width: 100%; text-align: center; margin-top: 20px;}
.ico-pag svg {width: 140px; height: 140px; fill: var(--col1);}


.post-h1{text-align: center; margin-top: 10px; color: var(--colbrown); font-size: 1.2em; margin-bottom: 60px}
.sfondo{background-color: var(--collight); padding:20px 0 20px 0; margin-top: 30px; margin-bottom:30px}
.rounded{padding: 4px; border: 0;}
.padded{padding-top: 40px; padding-bottom: 40px}

.calendario{width:60px; background-color:var(--col2); color: #fff; border-radius: 0 8px 8px 8px; padding: 4px; background-image: url('../imgs/corner.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: top left}
.calendario2{width:60px; background-color:var(--col2); color: #fff; border-radius: 0 8px 8px 8px; padding: 4px; background-image: url('../imgs/corner.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: top left}
.giorno{text-align: center; font-size: 0.6em;}
.mese{text-align: center; font-size: 0.9em; text-transform: uppercase; border-top: var(--collight) 1px solid;  border-bottom: var(--collight) 1px solid;}
.anno{text-align: center; font-size: 0.6em; }

a.blog:link, a.blog:visited {color:#333; text-decoration: none}
a.blog:hover {color:var(--col2); text-decoration:none}

hr.dark{border-color: var(--col2);}

.txt{font-size: 1em;}
.txt div:first-child {max-width: 80%}
.txt hr{max-width: 50%; margin-left: auto; margin-right: auto; opacity:1}
.txt h4{font-size: 1.7em}

.content-post img {max-width: 900px}
/* PAGER */
.pageof{font-size: 0.8; font-weight: 500; margin-left:16px; margin-right: 16px}
.btn-sp{border-radius:20px; border: var(--col2) 1px solid; text-transform: uppercase; background-color: #fff; color:#000; padding:4px; min-width: 118px}
.btn-sp:hover{background-color:var(--col2); border: var(--col2) 1px solid; color: #fff;}
.btn-small{display: none;}
.btn-big{font-size:0.8em}
.btn-big svg {width: 18px; height:auto; fill: #000}
.btn-big:hover svg {width: 18px; height:auto; fill:#fff;}


.content-post{max-width: 992px; margin-left: auto; margin-right: auto}
.content-post a:link, .content-post a:visited {color: var(--coldark); text-decoration: underline !important}
.content-post a:hover {color: var(--colbrown); text-decoration: none !important}

.sharecontent{margin-top:10px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap}
.btn-share {margin:0 12px 12px 0; padding: 0; text-align: center; background: none; min-width: 100px; height: 30px; border:var(--col1) 1px solid; display: flex; align-items: center; justify-content: center; font-size: 0.8em; text-decoration: none !important}
.btn-share svg{fill: #000; width: 16px; height: 16px}
.btn-share span {padding-right: 4px}
.btn-share:hover {background: var(--col1); color: #fff !important;}
.btn-share:hover svg{fill: #fff;}