/*LOADING TYPOGRAPHY*/
@font-face {
    font-family: 'Akkurat-Italic'; 
    src: url('../typography/Akkurat Italic.otf');
}

@font-face {
    font-family: 'Akkurat-Regular'; 
    src: url('../typography/Akkurat Regular.otf');
}

@font-face {
    font-family: 'FontAwesome'; 
    src: url('../typography/FontAwesome.otf');
}

/*GLOBAL BUTTON STYLES*/
button.button{
  background:none;
  border:none;
  font-size:1em;
  color:blue;
}

button:focus {outline:0;}

/*LAYOUT*/
#sidebar {
    position: absolute;
}

#maincontent {
    padding-left: 12%;
    position: static;
    display: inline-block;
}

/*ITEM STYLING*/
body {
    font-family: 'Akkurat-Regular'
}

ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

.arrow {
    font-family: "FontAwesome";
    display: inline;
    margin: 20px;
}

.file {
    width: 100px;
}

.filetitle {
    margin-top: 3px;
    position: relative;
    font-size: 13px;
    font-family: "Akkurat-Regular"
}

li.item {
    margin: 6px;
    float: left;
}

#itemsToFilter li {
    list-style: none;
    background-position: 0 3px;
    background-repeat: no-repeat;
}
 
    /*HAS TO BE SEPERATED IN-ORDER FOR FILTER JS TO WORK*/
#itemsToFilter ul li{
    display: inline-block;
}

    /*DON'T TOUCH THIS*/
.showItem {
    display: list-item;
}
.hideItem {
    display: none;
}


/*CLICK ON HIGHLIGHT*/
/*.color {
    background-color: yellow;
    z-index: 10;
    opacity: .5;
}*/