@charset "UTF-8";

/*
Inspired by http://dribbble.com/shots/890759-Ui-Kit-Metro/attachments/97174
*/
*, *:before, *:after {
    /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
    -webkit-box-sizing: border-box;

    /* Firefox (desktop or Android) 28- */
    -moz-box-sizing: border-box;

    /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
    box-sizing: border-box;
}

.btn-nav {
    background-color: #fff;
    border: 1px solid #e0e1db;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.btn-nav:hover {
    color: #4cae4c;
    cursor: pointer;
    -webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}

/*noinspection CssUnknownProperty*/
.btn-nav.active {
    color: #4cae4c;
    border-top: 6px solid #4cae4c;
    border-bottom: 6px solid #4cae4c;
}

.btn-nav.active:before {
    border-color: #4cae4c transparent;
}

.btn-nav .glyphicon {
    padding-top: 16px;
    font-size: 40px;
}

.btn-nav.active p {
    margin-bottom: 8px;
}

a {
    color: black;
}

a.btn.btn-nav {
    display: block;
}

svg.menu-icon {
    margin-top: 8px;
}