/* Colors */

$consumer-primary: #000066;
$secondary: #F5AD23;
$white: #FFFFFF;
$black: #000000;
$blue: #036396;
$gray: #f4f5fa;
$light-gray: #505050;
$gray-border: rgba(123, 123, 123, 0.4);
$gray-placeholder: rgba(123, 123, 123, 0.52);
$consumer-highlight: rgba(255, 202, 211, 0.15);
$business-primary: #00447C;
$light-blue: #EBF5FF;
$orange: #CC0033;

$ma-navy: #000066;
$ma-sky: #3399FF;
$ma-red: #cc0133;
$ma-gray: #9AA5B5;
$ma-purple: #7e5bef;
$ma-yellow: #ffb020;
$ma-green: #5CB25D;
$ma-black: #110F24;

.consumer-primary {
    color: $consumer-primary;
}

.h1 {
    @extend h1
}

.h2 {
    @extend h2
}

.h3 {
    @extend h3
}

.h4 {
    @extend h4
}

.h5 {
    @extend h5
}

.h6 {
    @extend h6
}

.headline-largest {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: unset;
    color: $consumer-primary;
    @extend h1
}

.headline-large {
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: unset;
    color: $consumer-primary;
    @extend h2
}

.headline-standard {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: unset;
    @extend h3
}

.headline-small {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: unset;
    @extend h4
}


/* Navbar */

$navbar-toggler-border-radius: 1px;
$navbar-toggler-transition: none;
$navbar-dark-color: $ma-navy;
$navbar-dark-hover-color: $ma-navy;
// $navbar-dark-toggler-border-color: $bright-blue;
$dropdown-color: $white;
// $dropdown-bg: $primary;
$dropdown-border-radius: none;
$dropdown-border-width: none;
$dropdown-inner-border-radius: none;
$dropdown-divider-bg: $white;
$dropdown-box-shadow: none;
$dropdown-link-color: $white;
// $dropdown-link-hover-color: $bright-blue;
$dropdown-link-hover-bg: none;
// $dropdown-link-active-color: $bright-blue;
$dropdown-link-active-bg: none;
$dropdown-item-padding-y: 1rem;
// $dropdown-dark-bg: $primary;
$dropdown-dark-border-color: none;