@charset "UTF-8";
/* stylelint-disable selector-list-comma-newline-after, property-no-vendor-prefix */

/*
 * Globals
 */


/*
 * Canto
 */
 
 @font-face {
  font-family: Bracciolini;
  src: url(../fonts/LDR_Bracciolini.otf);
}
 
 .blog-main{
 	font-size: 18px;
 	font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
    “Fira Sans”, “Droid Sans”, 
    sans-serif;
 }



.synt__info{
 	font-size: 12px;
 	font-weight: normal;
 	font-style: italic;
 	font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
    “Fira Sans”, “Droid Sans”, sans-serif;
}

#displaycanto span:hover {
  color: red;
}


.canto {
	-webkit-user-select: none;
	user-select: none;
	
}

.numverso {
	font-size: 12px;
	color: gray;
 	font-family: -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
    “Fira Sans”, “Droid Sans”, 
    sans-serif;
}

/*
Minimap
*/


.minimap__container {
	/*position: fixed;*/
	/*top: 160px;*/
	/*left: 600px;*/
	min-width: 20px;
	z-index: 100;
	
}


.minimap__size {
	
	position: relative;
	z-index: 5;
	
}



.minimap__viewer {
	
	width: 70px;
	
	position:absolute;
	
	top: 2px;
	
	left: 1px;
	
	transform-origin: 0 0;
	
	z-index: 100;
	
	/*border: 1px solid #0000009a;
	border: 1px solid blue;	*/
	border: 1px solid #007bff;
	
}


.minimap__content {
	position:absolute;
	top: 0;	
	left: 0;	
	width:100%;	
	height: 100%;	
	z-index: 10;	
	transform-origin: 0 0;	
}

/* on mouseOver classes */

.Nik_dropdown {
  position: relative;
  display: inline-block;
}


.Nik_dropdown-content {
  /*display: none;*/
  /*position: absolute;
  top: -60px;
  left: 50px;
  background-color: rgb(252, 252, 252);*/
/*   background-color: #92a8d1; */
  max-width: 170px;
  min-width: 70px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 0px 0px;
  color:#1E90FF; 
  font-size: 12px;
  z-index: 100;
  /*float: top;*/  
}

.Nik_dropdown:hover .Nik_dropdown-content {
  display: block;
}


.mark {
  background-color: #a996a0 !important;
}