@font-face {
    font-family: dashicons;
    src: url(../fonts/dashicons.ttf);
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
div[data-rel="hidden-navigation"] {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 999;
	top: 0;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
}

div[data-rel="hidden-navigation"] .hidden-navigation-block {
	position: relative;
	display: block;
	width: 100%;
	align-self: center;
	justify-self: center;
}

div[data-rel="hidden-navigation"] a[data-rel="navigation-close"] {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

div[data-rel="hidden-navigation"] a[data-rel="navigation-close"]:before {
	content: '';
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

div[data-rel="hidden-navigation"] a[data-rel="navigation-close"]:after {
	content: '\f335';
	position: fixed;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	top: 10px;
	right: 10px;
	z-index: 3;
    font-family: dashicons;
    text-shadow: 0 0 5px #000;
}

div[data-rel="hidden-navigation"] .hidden-navigation-block div[data-rel="navigation"] {
	position: relative;
	display: block;
	width: calc(100% - 20px);
	min-height: 50px;
	max-width: 300px;
	margin: 50px auto;
	z-index: 1;
	background: #0d1216;
	padding: 10px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
div[data-rel="navigation"] a[data-rel="navigation-show"] {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	z-index: 1;
	align-self: center;
	justify-self: end;
}

div[data-rel="navigation"] a[data-rel="navigation-show"]:before {
	content: '\f333';
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	z-index: 3;
    font-family: dashicons;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/