/*#####################################################################
	GUY HARVEY
#####################################################################*/
#ghSubMenu { position: relative; z-index: 2;}
#ghSubMenu .m-select { font-size: 0.8em; }
#ghSubMenu .m-select label { font-weight: bold; margin-right: 1%; }

/*#####################################################################
	GUY HARVEY: MAIN
#####################################################################*/
#ghBanner img { width: 100%; height: auto; }
#ghSeries { background: #eee; }
#ghArt img { border: 3px solid #c9c3c8; }
#ghSpec table tr td:nth-child(1) { font-size: 0.8em; text-transform: capitalize; color: #777; }
#ghSpec table tr td:nth-child(2) { font-size: 0.8em; font-style: italic; }


/*#####################################################################
	GUY HARVEY: AIR FORCE
#####################################################################*/
.afBlue { color: #0e182d!important; }
.afGold { color: #c7a567!important; }


#afBanner img { width: 100%; height: auto; }
#afAbout .banner { background: url('/images/content/featured/airforce-airplane-formation.jpg') no-repeat center center fixed; background-size: cover; }
#afAbout .banner .txt { font-weight: bold; text-transform: uppercase; font-size: 2.5em;  line-height: 1em; color: #fff; padding: 4rem 0 5rem; text-shadow: 3px 3px #0e182d; }
#afAbout .logo { width: 90%; max-width: 400px; margin: -4rem auto 0;  background: #0e182d; border-left: 5px solid #c7a567; padding: 3rem 2rem; }
#afPlane:before { border-color: #c7a567; }
#afCollection { background: #ddd; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#afAbout .logo { float: right; margin-right: 2rem; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#ghSubMenu .d-select .t { display: inline-block; font-size: 1.3em; font-weight: bold;  text-transform: capitalize; }
	#ghSubMenu .d-select .l { display: inline-block; margin-left: 2%; }
	#ghSubMenu .d-select .l a { display: inline-block; font-size: 0.9em; padding: 5px 10px; border: 1px dashed transparent; color: #000;
								transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
	#ghSubMenu .d-select .l a.active { position: relative; color: #02636b; cursor: default; }
	#ghSubMenu .d-select .l a.active:after { content: ' '; position: absolute; width: 100%; left: 0; bottom: -7px; border-bottom: 3px solid #02636b; }
	/* Hover */
	#ghSubMenu .d-select .l a:hover { text-decoration: none; border-color: #69707d; background: #f5f5f5; }
	#ghSubMenu .d-select .l a.active:hover { border-color: transparent; background: none; }

	#afAbout .banner .txt { padding: 7rem 0 8rem; font-size: 5rem; letter-spacing: -5px; text-shadow: 5px 5px #0e182d; }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
	
}