3 @import '~bootstrap/scss/functions';
4 @import '~bootstrap/scss/variables';
11 min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
14 .sub-header-container {
15 margin-top: $header-height;
16 background-color: pvar(--mainBackgroundColor);
21 height: $header-height;
25 background-color: pvar(--mainBackgroundColor);
27 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
32 height: $header-height;
41 background-color: pvar(--mainForegroundColor);
42 mask-image: url('../assets/images/header/menu.svg');
43 margin: 0 18px 0 20px;
48 @include disable-default-a-behaviour;
51 font-weight: $font-bold;
52 color: inherit !important;
64 display: inline-block;
65 background: url('../assets/images/logo.svg') no-repeat;
72 @media screen and (max-width: $mobile-view) {
80 @media screen and (max-width: 350px) {
86 height: $header-height;
89 justify-content: flex-end;
101 grid-template-columns: 1fr 30px;
105 justify-self: center;
112 @each $color, $value in $theme-colors {
115 @include apply-svg-color(theme-color-level($color, $alert-color-level));