@charset "UTF-8";
.drawer--left .drawer-hamburger, 
/*.drawer--left.drawer-open .drawer-nav, */
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
}
.drawer--right .drawer-hamburger, 
/*.drawer--right.drawer-open .drawer-nav, */
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
}
.drawer-hamburger {
	position: fixed;
	top: 0;
	display: block;
	box-sizing: content-box;
	width: 32px;
	height: 60px;
	padding: 0 14px;
	-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
	transition: all .6s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border: 0;
	outline: 0;
	z-index: 99999;
	background-color: rgba(0,90,167,1.00);
	border-radius: 0;
}
.fixed .drawer-hamburger {
	background-color: rgba(0,90,167,.93);
}
.drawer-hamburger-icon:after {
    top: 8px;
}
.drawer-hamburger-icon:before {
    top: -8px;
}
.drawer-hamburger::after {
	content: "MENU";
    font-family: arial;
    font-size: 70%;
    color: #fff;
    display: block;
    padding-top: 12px;
    letter-spacing: -0.03em;
}
.drawer-close .drawer-hamburger::after {
}
.drawer-open .drawer-hamburger::after {
	content: "CLOSE";
}
.drawer-hamburger:hover {
    cursor: pointer;
	background-color: rgba(0,90,167,.93);
}
.drawer-open .drawer-hamburger {
	opacity: .9;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #fff;
}
.drawer-nav .nav-link {
	color: var(--blue);
/*	background-color: #311301;*/
	font-size: 1rem;
/*	font-family: Arial, Helvetica, "sans-serif";*/
	border-bottom: 1px solid rgba(0,90,167,0.1);
	padding: 0.85rem 1rem;
	font-weight: bold;
}
.drawer-nav li li a,
.drawer-nav li li .nav-link {
	display: block;
	font-size: 0.9rem;
	padding: .5rem .5rem;
/*	background-color: rgba(0,148,44,0.90);*/
    color: var(--blue);
	border-bottom: 1px solid rgba(0,90,167,0.1);
}
.drawer-nav {
	padding: 2rem 1rem;
/*	background-color: rgba(0,90,167,.93);*/
	background-color: rgba(255,255,255,.93);
	z-index: 9999;
    width: 90%;
}
.drawer--right .drawer-nav {
    right: -100%;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 0;
}
.drawer-overlay {
    z-index: 999;
    background-color: rgba(0,0,0,.3);
}
/** 
// drawer scroll fix
**/
.drawer--top.drawer-open .drawer-nav {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
