.filos, .cultn {border-left: 0.5vw solid #dca961; padding-left: 1%;}
.teol {border-left: 0.5vw solid navy; padding-left: 1%;}
.stor {border-left: 0.5vw solid olive; padding-left: 1%;}
.carabelta {border-left: 0.5vw solid gold; padding-left: 1%;}
.digit {border-left: 0.3vw dashed purple; padding-left: 1%;}
.mondooggi {border-left: 0.5vw solid teal; padding-left: 1%;}
.eText {border-left: 0.5vw solid #555; padding-left: 1%;}

.filos.teol { border-left: none; }

 .destination {
  position: fixed;
 } /* stop jump */
 
 .my-toggle:hover,
 .my-toggle:focus {
  background: red;
  color: #fff;
 }

 #classa:target ~ #list .new:not(.filos) { display: none;}
 #classb:target ~ #list .new:not(.teol) { display: none;}
 #classc:target ~ #list .new:not(.stor) { display: none;}
 #classd:target ~ #list .new:not(.carabelta) { display: none;}
 #classe:target ~ #list .new:not(.digit) { display: none;}
 #classf:target ~ #list .new:not(.mondooggi) { display: none;}
 #classg:target ~ #list .new:not(.eText) { display: none;}
 
 .sitename {display: inline; font-size: 80%; font-style: italic;}