@charset "utf8";

.linkOuter {
    margin: 25px;
    width: calc(160px - 2px - 50px);
    height: calc(160px - 2px - 50px);
    border: #aaaaaa solid 1px;
    border-radius: 3px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.linkOuter:hover {
    color: #7fb7ff !important;
    border-color: #7fb7ff;
}


.linkOuter .linkMenu {
    display: block;
    position: relative;
    top: -20px;
    right: 0;
    height: 1em;
    text-align: right;
}

.linkMenu .linkButton {
    float: right;
    display: none;
}

.linkOuter a {
    color: inherit;
    display: block;
    padding-top: .5em;
    font-size: .9em;
    width: 100%;
    height: calc(100% - 1em);
}

.linkOuter a span {
    color: inherit;
    display: block;
    font-size: 3em;
}

.folder {
    display: none;
    position: absolute;
    float:left;
    z-index: 50;
}

.folder .mbri-close {
    position: absolute;
    top: -1em;
    right: -1em;
    font-size: 1.5em;
    z-index: 49;
    border-radius: 1em;
    border: 1px solid;
    padding: .5em;
}


@media only screen and (max-width: 400px) {
    .folder .mbri-close {
        right: 0;
    }
}