@import reference "_vars";
 @import reference "_mixins";
 @import reference "mobilemenu_mixin";
 @media (min-width: 768.1px) {
	 nav.navbar {
		 display: none;
	}
}
 .navbar {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 /*background-color: ;*/
	 /*color: ;*/
	 position: fixed;
	 bottom: 0;
	 width: 100%;
	 z-index: 9999;
	 font-size: 1rem;
	 border-top: 1.5px solid;
	 /*font-family: ;*/
	 height: 54px;
}
 .navbar > ul {
	 margin: 0;
	 padding: 0;
	 display: flex;
	 justify-content: space-evenly;
	 width: 100%;
	 align-items: center;
	 height: 50px;
}
 .navbar > ul > li {
	 width: 5rem;
	 height: 46px;
	 display: flex;
	 align-items: center;
	 flex-direction: column;
	 line-height: 1em;
	 white-space: nowrap;
	 margin-bottom: 2px;
}
 .navbar > ul > li > input[type=checkbox]:focus + label, .navbar > ul > li > a:focus {
	 border: solid 1px;
	 border-radius: 5px;
	 padding: 1px;
}
 .navbar > ul > li > a {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 text-decoration: none;
	 color: ;
}
 .navbar > ul > li > a:focus {
	 outline: none;
	 color: ;
}
 .navbar ul {
	 list-style: none;
}
 .navbar label {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-around;
	 align-items: center;
	 cursor: pointer;
}
 .navbar input[type=checkbox] {
	 opacity: 0;
	 width: 0;
	 height: 0;
	 position: absolute;
}
 .navbar input[type=checkbox]:checked ~ .menu {
	 display: block;
	 opacity: 1;
	 transition: .15s ease-in-out;
	 font-size: 1.5rem;
	 line-height: 3.5rem;
}
 .navbar .menu {
	 position: fixed;
	 /*background-color: ;*/
	 right: 0;
	 left: 0;
	 text-align: left;
	 padding: 5px 10px;
	 bottom: 55px;
	 opacity: 0;
	 display: none;
	 transition: .15s ease-in;
	 color: ;
	 border-radius: 0 0;
	 font-family: ;
}
 .navbar .menu .scrollable-content {
	 overflow-y: scroll;
	 overflow-x: hidden;
	 max-height: 80vh;
}
 .navbar .menu .scrollable-content::-webkit-scrollbar {
	 display: none;
}
 .navbar .hamburger_menu a {
	 text-decoration: none;
	 width: 100%;
	 display: inline-block;
}
 .navbar .hamburger_menu li, .navbar .hamburger_menu a {
	 padding: 0 5px;
}
/* .navbar .hamburger_menu li:focus-within:not(.dropdown) {*/
/*	 color: ;*/
/*	 background-color: ;*/
/*	 border-radius: ;*/
/*}*/
 .navbar .hamburger_menu a:focus {
	 /*color: ;*/
	 outline: none;
}
 .navbar .hamburger_menu input:focus ~ label {
	 /*color: ;*/
	 /*background-color: ;*/
	 /*border-radius: ;*/
}
 .navbar .hamburger_menu input:focus ~ label .chevron {
	 /*background-color: ;*/
}
 .navbar .hamburger_menu input ~ label {
	 position: relative;
	 width: calc(80%);
	 display: block;
	 padding: 0 5px;
}
 .navbar .hamburger_menu ul {
	 padding-left: 0;
}
 .navbar .dropdown {
	 position: relative;
}
 .navbar .dropdown-list {
	 padding: 1em 0;
	 position: absolute;
	 /*border-radius: ;*/
	 transition: .015s ease-in;
	 opacity: 0;
	 text-decoration: none;
}
 .navbar .dropdown:active .dropdown-list {
	 opacity: 0;
	 transition: .1s ease-out;
}
 .navbar .menu-toggle {
	 display: block;
	 transform: translate(0,-1px);
	 height: 32px;
	 width: 25px;
	 padding-bottom: 2px;
}
 .navbar .menu-toggle-bar {
	 display: block;
	 position: absolute;
	 top: 50%;
	 width: 100%;
	 height: 2.5px;
	 border-radius: 2.5px;
	 /*background-color: ;*/
	 transition: all 0.3s ease;
}
 .navbar .menu-toggle-bar.menu-toggle-bar--top {
	 transform: translate(0,-8px);
}
 .navbar .menu-toggle-bar.menu-toggle-bar--bottom {
	 transform: translate(0,8px);
}
 .navbar input[type=checkbox]:checked + label .menu-toggle-bar {
	 /*background-color: ;*/
}
 .navbar input[type=checkbox]:checked + label .menu-toggle-bar--top {
	 transform: translate(0,0) rotate(45deg);
}
 .navbar input[type=checkbox]:checked + label .menu-toggle-bar--middle {
	 opacity: 0;
}
 .navbar input[type=checkbox]:checked + label .menu-toggle-bar--bottom {
	 transform: translate(0,0) rotate(-45deg);
}
 .navbar input[type=checkbox]:checked + label.hamburger, .navbar input[type=checkbox]:focus + label.hamburger {
	 /*color: ;*/
}
 .navbar input[type=checkbox]:checked + label.search, .navbar input[type=checkbox]:focus + label.search {
	 /*color: ;*/
}
 .navbar input[type=checkbox]:checked + label.search .bar-icon {
	 /*background-color: ;*/
}
 .navbar input[type=checkbox]:checked + label .backdrop {
	 height: calc(45%);
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 background-color: rgba(0,0,0,0.6);
	 backdrop-filter: blur(10px);
}
 .navbar input[type=checkbox]:not(:checked) + label .backdrop {
	 opacity: 0;
	 display: none;
}
 .navbar input[type=checkbox]:checked ~ .dropdown-list {
	 display: block;
	 position: relative;
	 opacity: 1;
	 transition: .25s ease-out;
	 font-size: 1.25rem;
	 font-weight: 100;
	 padding: 0 5px;
}
 .navbar input[type=checkbox]:checked ~ .dropdown-list:last-child:after {
	 content: "";
	 height: 1px;
	 /*background-color: ;*/
	 width: 2rem;
	 display: block;
	 margin-bottom: 10px;
}
 .navbar input[type=checkbox]:not(:checked) ~ .dropdown-list {
	 opacity: 0;
	 display: none;
}
 .navbar .chevron {
	 content: "";
	 display: inline-block;
	 /*background-color: ;*/
	 -webkit-mask: url(../resources/icons/waasicons/chevron.svg) no-repeat;
	 width: 1.5rem;
	 height: 1.5rem;
	 position: absolute;
	 right: 10px;
	 margin: 1rem 0;
}
 .navbar input[type=checkbox]:not(:checked) ~ label .chevron {
	 rotate: 180deg;
}
 .navbar .dropdown {
	 display: flex;
	 flex-wrap: nowrap;
	 flex-direction: column;
}
 .navbar .dropdown-list {
	 left: 0;
}
 .navbar + li:first-child:before {
	 content: "";
	 width: 22px;
	 height: 25px;
	 display: inline-block;
}
 .navbar .bar-icon {
	 content: "";
	 width: 40px;
	 height: 32px;
	 background-color: ;
	 margin-bottom: 1px;
	 cursor: pointer;
}
 .navbar .search_menu {
	 padding: 5px 20px;
}
 .navbar .search_menu .scrollable-content form:last-child {
	 margin-bottom: 25px;
}
 .navbar .search_menu form label {
	 text-align: left;
	 display: block;
	 line-height: 1.17em;
	 font-size: 1.17em;
	 margin: 10px 0;
}
 .navbar .search_menu .seperator {
	 content: "";
	 height: 1px;
	 background-color: ;
	 width: 2rem;
	 display: block;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 .navbar .search_menu .inputwrapper {
	 display: inline-block;
}
 .navbar .search_menu .inputwrapper input {
	 height: 100%;
	 width: 100%;
}
 .navbar .search_menu .inputwrapper input::placeholder, .navbar .search_menu .inputwrapper input::-ms-input-placeholder {
	 opacity: 0.7;
}
 .navbar .search_menu .search_suggestions ul {
	 padding-left: 0;
	 line-height: 2.5rem;
	 margin-bottom: 1.5rem;
}
 .navbar .search_menu .search_suggestions ul li a {
	 color: ;
}
 .navbar .search_menu .search_suggestions h3 {
	 margin-bottom: 0;
}