/* DRAWER - BACKGROUND (HEADER - LOGO) */


.header-logo, .header-logo::after {
	box-shadow: none;
}
.header-logo {
	background: url(../_style/dir_back_bg.png);
	z-index: 1;
}
.header-title a:hover .header-logo {
	background: url(../_style/dir_back_bg.png);
}

.header-logo, 
.header-title a:hover .header-logo {
	background-size: 60% 60%;
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	top: 0px;
	left: 0px;
	border-radius: 0;
	box-shadow: 0 0 0;
	transition-duration: .15s;
}
.header-title a:hover .header-logo {
	background-size: 95% 95%;
}


/* DRAWER - ICON (HEADER - SIG) */


.header-sig {
	background: url(../_style/dir_back.png);
	transition-duration: 0s;
	z-index: 2;
}
.header-title a:hover .header-sig {
	background: url(../_style/dir_back.png);
}
.header-sig, 
.header-title a:hover .header-sig {
	background-size: 40% 40%;
	background-repeat: no-repeat;
	background-position: left center;
	width: 128px;
	height: 90px;
	margin-top: 0px;
	margin-left: 10px;
	transition-duration: .1s;
	filter: drop-shadow(5px, 5px, 10px, black)
}
.header-title a:hover .header-sig {
	background-size: 50% 50%;
	margin-top: 4px;
	margin-left: 6px;
}


/* DRAWER - SUB TITLE (HEADER - SUB TITLE) */

.header-title h2 {
	display: none;
}
.header-title h1 {
	display: inline-block;
}
.header-title h1 {
	position: absolute;
	text-align: left;
	bottom: 8px;
	left: 72px;
	font-size: 1.2em;
	font-weight: 600;
	width: 200%;
	color: var(--blue_text_darkest);
	transition: left .3x;
}
.header-title h1:hover, 
.header-title a:hover h1 {
/*	left: 106px;*/
	left: 72px;
	transition: left .2s;
	color: var(--blue_text_lighter);
}


/* COMPACT WIDTH (Hide logo) */
@media only screen and (max-width: 460px) {

	.header-title h1 {
		font-size: 1.1em;
		letter-spacing: -.5px;
		bottom: 10px;
	}
}


/* EXTRA COMPACT WIDTH (Shrink sig) */
@media only screen and (max-width: 340px) {

	.header-title h1 {
		font-size: .9em;
		letter-spacing: -1px;
		bottom: 14px;
	}
}

/* ULTRA COMPACT WIDTH (Hide sub title, shrink gallery images) */
@media only screen and (max-width: 280px) {

	.header-title h1 {
		font-size: .8em;
		letter-spacing: -1.2px;
		bottom: 14px;
	}
}





/* END */