@charset "UTF-8";

.library-menu-wrap{
max-width:1200px;
margin:1em;
padding:1em;
text-align:center;
border:#CCCCCC solid 1px;
}

.menu-title{
font-size:120%;
font-weight:700;
}

.library-menu{
max-width:1100px;
margin:0 auto;
padding:0.5em;

display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:left;
align-items:center;
}

.library-menu li{
margin:0.8em 0;
}

.library-menu li a{
position:relative;
margin:0 0.5em;
padding:0.5em 0.5em 0.5em 1.8em;
font-size:110%;
line-height:1.5;
}

.library-menu li a:before{
position:absolute;
left:5px;
top:50%;
content:'\f111';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
color:#CCCCCC;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}

.library-menu li a:hover:before{
color:#FFCC00;
}


.library-menu li.current a:before{
position:absolute;
left:4px;
top:32%;
animation:clm 1.5s infinite;
color:#FF6600;
}


@keyframes clm {
from { transform: scale(1.0, 1.0);opacity: 1.0);  }
to   { transform: scale(1.5, 1.5);opacity: 0.0;  }
}



@media all and (min-width:1200px) {
	
.library-menu-wrap{
margin:1em auto;
}

.library-menu{
max-width:1200px;
margin:0 auto;
justify-content:center;
}

}