//========= bootstrap variables overrides ============= $spacer: 1rem; $spacers: (

0: 0,
1: ($spacer * .25),
2: ($spacer * .5),
3: $spacer,
4: ($spacer * 1.5),
5: ($spacer * 3),
6: ($spacer * 4),
7: ($spacer * 5),
8: ($spacer * 6),
9: ($spacer * 8),
10: ($spacer * 10),

);

$h1-font-size: 2.2rem; $h2-font-size: 1.9rem; $h3-font-size: 1.7rem; $h4-font-size: 1.4rem; $h5-font-size: 1.2rem;

$navbar-light-color: darken($gray, 12%); $navbar-light-hover-color: $secondary; $navbar-light-active-color: $secondary;

//========= bootstrap imports ==========

/*!

* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

@import “functions”; @import “variables”; @import “mixins”; @import “root”; @import “reboot”; @import “type”; @import “images”; @import “code”; @import “grid”; @import “tables”; @import “forms”; @import “buttons”; @import “transitions”; @import “dropdown”; @import “button-group”; @import “input-group”; @import “custom-forms”; @import “nav”; @import “navbar”; @import “card”; @import “breadcrumb”; @import “pagination”; @import “badge”; @import “jumbotron”; @import “alert”; @import “progress”; @import “media”; @import “list-group”; @import “close”; @import “modal”; @import “tooltip”; @import “popover”; @import “carousel”; @import “utilities”; @import “print”;

//========= bootstrap override ========== .btn{

&:active, &:focus{
        outline: 0;
        box-shadow: none!important;
}

&.btn-link {
        text-transform: none;
}

} .btn-group .btn {

text-transform: none;

} .navbar-nav{

flex-direction: row;
li{
        margin: 0 0.5rem;
        line-height: 2.3rem;
        a { @include transition; outline: none; }
}

} .navbar-brand{

margin-right: 0;
padding-top: 0;

img {
  width: 7rem;
}

} .form-control{

border-radius: 0;
@include transition;
&:focus{
        border-color: $primary;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

} label{

margin-bottom: .25rem;

} a {

color: $secondary;
/* text-decoration: underline; */
@include transition;
&:hover {
        text-decoration: none;
}

} //***** angular form styles ******* .ng-valid, .ng-valid.required, .ng-valid-radio {

// border-left: 5px solid $secondary;
border-bottom: 1px solid $primary;

} .ng-invalid:not(form) {

// border-left: 5px solid $danger;
border-bottom: 1px solid $danger;

} .alert-danger{

background-color: #fbf4f4;
color: $danger;
line-height: 1;

} .alert{

padding: .5rem 1.25rem;

} .btn-secondary.disabled, .btn-secondary:disabled{

background-color: darken($gray, 12%);
border-color: darken($gray, 12%);

} .popover{

font-family: inherit;
background-color: rgba(255,255,255,0.9);
.popover-body{
  padding: 0;
}

}