.mobileTrigger {
	display: block;
	
	width: 50px;
	height: 40px;
	
	position: absolute;
	top: 16px;
	left: 16px;
	z-index:5;
	padding-right: 16px;
	border-right: 1px solid rgba(255,255,255,0.3);	
	
	svg {
		width: 100%;
		height: 100%;
		
		path {
			fill: rgba(255,255,255,0.9);
		}
	}
}



.mobileMenu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 100%;
	z-index:50;
	background: #444444;
	visibility: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0px 1px 25px rgba(0,0,0,0.3);
	transform: translate(-300px,0px);
	-webkit-transform: translate(-300px,0px);
	transition: 0.4s cubic-bezier(0.150, 0.325, 0.250, 1.195);
	-webkit-transition: 0.4s cubic-bezier(0.150, 0.325, 0.250, 1.195);
	
	.subLevel1, .subLevel2 {
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 300px;
		background: #313131;
		transform: translate(-300px,0px);
		-webkit-transform: translate(-300px,0px);
		transition: 0.4s cubic-bezier(0.150, 0.325, 0.250, 1.195);
		-webkit-transition: 0.4s cubic-bezier(0.150, 0.325, 0.250, 1.195);
		z-index:51;
		box-shadow: none;
		visibility: visible;
	}
	
	.subLevel1.visible, .subLevel2.visible {
		transform: translate(0px,0px);
		-webkit-transform: translate(0px,0px);
	}
	
	.subLevel2 {
		z-index:53;
		background: #191919;
	}
	
	.subLevel1Back, .subLevel2Back {
		
		a {
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: 0.6px;
			
			span {
				position:relative;
				top: 4px;
				
				svg {
					height: 1.4em;
					width: 1.4em;
					
					polygon {
						fill: rgba(255,255,255,0.4);
					}
				}
			}
		}
	}
	
	li {
		list-style: none;
		margin-left: 0px;
	}
	
	
	.children {
		display: none;
	}
	
	.page_item_has_children {
		background: url("../images/nextarrow.svg") no-repeat;
		background-position: 90% center;
		background-size: auto 50%;
		
	}
	
	h2.mobileTitle {
		display: block;
		font-size: 14px;
		font-weight: 100;
		text-transform: uppercase;
		letter-spacing: 0.8px;
		color: rgba(255,255,255,0.25);
		margin-bottom: 0.7em;
		padding: 0.7em;
		padding-left: 1.3em;
		padding-right: 1.3em;
		margin-top: 2em;
	}
	
	a {
		display:block;
		color: rgba(255,255,255,0.8);
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		letter-spacing: 0.6px;
		font-size: 18px;
		padding: 0.7em;
		padding-left: 1.2em;
		padding-right: 1.2em;
		text-decoration: none;
		/*border-bottom: 1px solid rgba(255,255,255,0.06);*/
	}
	
	a:hover {
		background: rgba(255,255,255,0.15);
	}
}

.mobileMenu.mobileMenuShown {
	transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	visibility: visible;
}

.menuOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:45;
	visibility: hidden;
	opacity:0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.menuOverlay.mobileMenuShown {
	visibility: visible;
	opacity: 1;
	background: rgba(61,61,61,0.7);
}

.site-header .logoImage.mobileMenuOn {
	margin-left: 50px;
}

.logoImage.mobileMenuOn img {
	max-height: 55px;
	width: auto;
}


/* Minimum width of 700 pixels. */
@media screen and (max-width: 700px) {
	.page .entry-header .entry-title, 
	.post .entry-header .entry-title, 
	.single .entry-header .entry-title {
		margin-top: 1.5em;
	}
	
	#primary, #secondary{
		width: 100%;
	}
	
	#secondary{
		margin-left: 1em;
	}
	
	#search-2{
		display: none;
	}
}

/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.tabSuggest {
		display: none;
	}
	
	.logoImage img {
		max-height: 55px;
		width: auto;
	}
	
	.searchUI label .search-field {
		/*padding: 0.3em 0.4em;*/
		margin-right: 50px;
		font-size: 2em;
	}
	
	.searchUI {
		label.searchLabel {
			width: 65%;
		}
	}
	
	
	
	.searchUI label > div {
		padding-bottom: 0px !important;
	}
	
	
	.logoImage.mobileMenuOn {
		margin-top: 0.9em;
		
		img {
			max-width: 145px;
			height: auto;
		}
		
	}
	
	.mobileTrigger { 
		width: 50px;
		height: 40px;
		top: 16px;
		left: 16px;
	}
	
	.site-header .logoImage.mobileMenuOn {
		margin-left: 50px;
	}
}

/* Minimum width of 400 pixels. */
@media screen and (max-width: 400px) {
	
	.archive main ul.archived_items li .date{
		width: 100%;
		margin-bottom: 0.2em;
	}
	
	.row .span-75{
		width: 100%;
	}
	
	.mobileNavOn {
		.youruw {
			display: none;
		}
		
		.search {
			border-left: none;
			padding-right: 6px; 
		}
		
		
		.searchUI {
			label.searchLabel {
				width: 65%;
				margin: 1em auto 1em 1em;
				padding-left: 0px;
				
				.search-field {
					border-bottom: 0px;
				}
				
				
			}
			
			.searchClose {
				margin-right: 2em;
			}
			
			.searchFormIcon {
				display: none;	
			}
		}
	}
	
}


/* =Print
----------------------------------------------- */

@media print {
  
}