/* General ------------------------- */

.btn {
    border: 0;
    outline: none !important;

    transition: background-color, border, color, opacity;
    transition-duration: 0.15s;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    font-family: "Roboto Slab";
}

.btn, .btn-lg, .btn-group-lg>.btn {
    border-radius:0;
}


/* Default ------------------------- */

.btn-default {
    background-color: transparent !important;
    color: #555;
}

.btn-default:hover,
.btn-default.focus, .btn-default:focus {
    color: #c8102e;
}

.btn-default[disabled]:hover, .btn-default.disabled:hover {
    color: inherit !important;
}


/* Primary ------------------------- */

.btn-primary {
    background-color:#c63b52;
    color:#FFF;
}

.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
    background-color:#c8102e;
    color:#FFF;
}


/* Primary + White background ------ */

.btn-primary-w {
    background: white;
    color: black;
}

.btn-primary-w:hover {
    background: #c63b52;
    color: white;
}

.btn-primary-w.focus, .btn-primary-w:focus,
.btn-primary-w.active.focus, .btn-primary-w.active:focus, .btn-primary-w.active:hover,
.btn-primary-w:active.focus, .btn-primary-w:active:focus, .btn-primary-w:active:hover {
    background: #c8102e;
    color: white;
}


/* Nav ----------------------------- */

.btn-nav {
    background-color: transparent !important;
    color: inherit;
    border-bottom: 1px solid #ddd;
}

.btn-nav:hover,
.btn-nav.focus, .btn-nav:focus,
.btn-nav.active.focus, .btn-nav.active:focus, .btn-nav.active:hover,
.btn-nav:active.focus, .btn-nav:active:focus, .btn-nav:active:hover {
    border-bottom: 1px solid #c8102e;
}
