/**
 * Override button styles
 */

.btn {
    font-size: 13px;
    font-weight: normal !important;
    border-radius: 3px;
}

.btn-group {
    margin-right: 6px;

    > .btn-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 3px 7px;
    }
}

.btn-sm {
  font-size: 13px;
  line-height: 16px;
  padding: 4px 9px;
}

.btn-group > a.btn-sm,
.btn-group > a.btn-xs {
    font-weight: normal;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

// Primary button for Bolt:
.btn-primary {
    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
    color: $btn-primary-color !important;
}

// Secondary button for bolt:
.btn-secondary {
    @include button-variant($btn-primary-color, $btn-secondary-bg, $btn-secondary-border);
    color: $btn-primary-color !important;
}

// Tertiary button for bolt:
.btn-tertiary {
    @include button-variant($btn-primary-color, $btn-tertiary-bg, $btn-tertiary-border);
    color: $btn-primary-color !important;
}

// Default button for bolt:
.btn-default {
    @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
    color: $btn-default-color !important;
}

// Bolt button for bolt:
.btn-bolt {
    @include button-variant($btn-bolt-color, $btn-bolt-bg, $btn-bolt-border);
    color: $btn-bolt-color !important;
}

// Danger, danger!
.btn-danger {
    @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
    color: $btn-danger-color !important;
}

.btn-silent-danger {
    @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
    &:hover {
        color: $btn-danger-color !important;
        background-color: $btn-danger-bg;
        border-color: $btn-danger-border;
    }
    color: $btn-default-color !important;
}

// Override page-header
.page-header {
    padding-bottom: 16px;
    margin: 6px 0 20px;
    border-bottom: 0;

    @media (max-width: 640px) {
        padding-bottom: 0;
    }

}

// Enhance center-block
.center-block {
    float: none;
}


/**
 * Override navbar styles
 */

.navbar-fixed-top,
.navbar-fixed-bottom  {
    position: static;
    background-color: $boltblue;
}

.navbar-fixed-top .container {
    width: auto;
    margin-right: 20px;
}

.navbar-bolt {
    background: transparent;
    background-color: $boltblue;
    background-repeat: repeat-x;
    border-bottom: 0;
    box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.15) inset;

    div.navbar-collapse {
        float: right;
        clear: none;
        display: inline-block;
    }

    ul.navbar,
    ul.navbar li {
        list-style: none;
        display: inline;
    }
}

.navbar {
    min-height: 54px;
    margin-bottom: 0;

    .navbar-brand {
        display: inline-block;
        top: 0;
        color: #fff;
        font-size: 28px;
        line-height: 28px;
        font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        margin: 0;
        padding: 8px 8px 8px 2px;

        @media (max-width: 640px) {
           padding: 10px 8px 8px 6px;
        }

        img {
            width: 26px;
            height: 26px;
            margin: 0 2px 2px 0;
        }
    }

    form {
        padding: 0;
        display: inline;
    }

    & .dropdown button {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 13px;
        padding: 9px 15px 27px 8px;
        height: 2.4em;
        font-weight: normal;
    }

    .navbar-collapse .navbar.pull-right {
        margin-top: 10px;
    }
}

.navbar-site {
    display: inline-block;
    color: #ccc !important;
    font-size: 22px;
    line-height: 30px;
    margin-top: 8px;
    padding: 1px 5px 0 5px;
    float: left;
    font-weight: normal;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    i {
        color: #ccc !important;
        font-size: 16px;
    }
}

.navbar-brand:hover,
.navbar-site:hover,
.navbar-site:hover i
{
    color: #fff !important;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}

.navbar-toggle {
    float: left;
    margin: 11px 0 0 -8px;
    padding: 5px 8px 4px 5px;
    background-color: desaturate(lighten($boltblue, 45), 35);
    border: 0 solid #fff !important;
    color: #222;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #fff !important;
}

.navbar-header {
    margin-top: 2px;
    float: left;
}

.navbar-right {
   float: right !important;
}

.navbar-top-links li:last-child {
    margin-right: 0 !important;
}

/**
 * Dropdown menu lists
 */

.dropdown-menu {
    margin: 0;
    border-radius: 0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);

    // Buttons that behave as a link, and specifically in a dropdown-menu.
    .btn-link {
        color: $dropdown-link-color;
        padding: 3px 20px;
        display: block;

        &:hover {
            color: $dropdown-link-hover-color;
            background-color: $dropdown-link-hover-bg;
            text-decoration: none;
        }
    }

    li {
        text-align: left;

        a,
        button {
            font-size: 13px;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

        a:hover {
            background-color: $dropdown-link-hover-bg;
        }

        &.divider {
            margin: 4px 1px;
        }

        a.nolink {
            background-color: $basebgcolour !important;
            color: lighten($bodytextcolour, 8) !important;
        }
    }
}

/**
 * Styles for pagination
 */

.pagination {

    border-radius: 2px !important;

    &>li {

        &>a {
            color: darken($btn-tertiary-bg, 5);
        }

        &>span {
            color: #888;
        }
    }

    .active a {
        background-color: $btn-tertiary-bg;
        border-color: $btn-tertiary-bg;
    }

}

/**
 * End of styles for pagination
 */


@if $columnborders {
    $list: '';
    $i: 1;
    $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
    @for $i from 2 through $grid-columns {
        $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}, #{$list}";
    }
    #{$list} {
        border: 1px dashed #F99;
    }
    .row {
        border: 1px dashed #99F;
    }
}

// Customize left aligned labels for horizontal forms.
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}
