/* 
==========================================================================
GLOBAL HEADER
========================================================================== */

/* Page Size */ 
.page-width { clear:both; max-width:1100px; width:94%; margin:0 auto; padding:0; }

/* Header */ 
#header { position:relative; height:auto; width:100%; padding:0; background-color: rgb(238,238,238); -webkit-box-shadow: 0 0px 10px 0px #666; -moz-box-shadow: 0 0px 10px 0px #666; box-shadow:0 0px 10px 0px #666; z-index:1000; }

#secondaryNav { display:block; padding: 12px 0 0 0; }

#secondaryNav .fa { display:none; color:#bbb; font-size:18px; margin-right:6px; line-height:18px; }

@media screen and (min-width: 835px) {
	
	#secondaryNav .fa { display:inline-block; }
	
	#secondaryNav { padding: 8px 0 0 0; }
	
}

#headerLinks { display:none; width:50%; float:left; padding-left:1%; }

#headerLinks ul { list-style:none; margin:0; padding:0; }

#headerLinks ul li a { display: block; float: left; font-size: 12px; text-transform: uppercase; margin-right: 24px; text-decoration: none; letter-spacing: 1px; }

#headerLinks .meetingsNav a { margin-right:20px; }

#headerLinks .eventsNav a { margin-right:0; }

#headerUtilities { display: block; width: 70%; float: right; padding-right: 1%; }

#headerUtilities div { float: right; position:relative; }

/* App */

.iconApp { display:none }

@media screen and (min-width: 480px) {
	
	.iconApp { display:inline-block; font-size: 12px; text-transform: uppercase; text-decoration: none; margin-left:20px; float: left; }
	
}

/* Trip Planner */
#open-trip-planner .iconPlanner { display: block; float: left; font-size: 13px; text-transform: uppercase; color:#b14f19; margin-right: 24px; 	letter-spacing: 1px;  }

#open-trip-planner .iconPlanner:hover { color: #ff0019; cursor: pointer; }

#open-trip-planner .number { display: block; position: absolute; left: -10px; font-size: 12px; color: #999; }


/* Search */
#search { position:relative; }

#search .iconSearch { display: block; float: left; font-size: 13px; text-transform: uppercase; color:#b14f19; margin-right: 0; letter-spacing: 1px; }

#search .iconSearch:hover { color: #ff0019; cursor: pointer; }

#search .searchDropdown { display:none; position:absolute; top:27px; right:-20px; width:320px; height:85px; background:#eee; padding:20px 0 0 25px; z-index:999; }

#search .searchInput { padding: 10px 10px; background:#fff; border:solid 1px #ccc; border-radius: 5px 0 0 5px; font-size: 14px; text-transform: uppercase; font-weight: 700; width:190px; }

#search .searchSubmit { -moz-margin-start: -1px; padding: 10px; border:solid 1px #ccc; font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 0 0 0 -5px; background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)) repeat scroll 0% 0% padding-box transparent; cursor: pointer;}

/* Logo */

#logo { display: block; position:relative; margin: 0 auto; padding-top: 22px; padding-bottom:20px; width: 264px; height: 95px; z-index:998; }

#logo a { display:block; background: url('/assets/images/logo-Gettysburg-440.png') no-repeat 0 0; width:264px; height:53px; background-size: 264px 53px; margin: 0; padding: 0; text-indent: -9999px !important; }

/* RETINA 
@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),  only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),  only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),  only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px),  only screen and ( min-resolution: 192dpi) and (min-width: 320px),  only screen and ( min-resolution: 2dppx) and (min-width: 320px) {

#logo a { background: url('/assets/images/logo-Gettysburg-320-@2x.png') no-repeat 0 0; background-size: 264px 53px; }
}*/

@media screen and (min-width: 440px) {

#logo { width: 264px; height: 95px; }

#logo a { background: url('/assets/images/logo-Gettysburg-440.png') no-repeat 0 0; width: 264px; height: 53px; }

#secondaryNav { padding:13px 0px 5px; }

#open-trip-planner .iconPlanner { font-size: 12px; }

#search .iconSearch { font-size: 12px; }
}

/* RETINA 
@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 440px),  only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 440px),  only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 440px),  only screen and ( min-device-pixel-ratio: 2) and (min-width: 440px),  only screen and ( min-resolution: 192dpi) and (min-width: 440px),  only screen and ( min-resolution: 2dppx) and (min-width: 440px) {

#logo a { background: url('/assets/images/logo-Gettysburg-440-@2x.png') no-repeat 0 0; background-size: 264px 53px; }
}*/

@media screen and (min-width: 675px) {
	
#headerLinks { display:block; width:55% }

#headerUtilities { width: 45%; }
	
#header-links ul li a { text-indent: inherit; }

#open-trip-planner .icon-planner, #search .icon-search { text-indent: inherit; }
}

@media screen and (min-width: 630px) {

#logo { width: 347px; height: 112px; }

#logo a { background: url('/assets/images/logo-Gettysburg-600.png') no-repeat 0 0; width: 347px; height: 70px; }

#headerLinks ul li a { font-size: 12px; margin-right: 20px; }

#open-trip-planner .iconPlanner { font-size: 12px; margin-right:20px; }

#search .iconSearch { font-size: 12px; }
}

/* RETINA
@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 600px),  only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 600px),  only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 600px),  only screen and ( min-device-pixel-ratio: 2) and (min-width: 600px),  only screen and ( min-resolution: 192dpi) and (min-width: 600px),  only screen and ( min-resolution: 2dppx) and (min-width: 600px) {

#logo a { background: url('/assets/images/logo-Gettysburg-600-@2x.png') no-repeat 0 0; background-size: 347px 70px; }
} */

@media screen and (min-width: 890px) {

#logo { width: 264px; height:95px; }

#logo a { background: url('/assets/images/logo-Gettysburg-440.png') no-repeat 0 0; width: 264px; height: 53px; }
}

/* RETINA 
@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 890px),  only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 890px),  only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 890px),  only screen and ( min-device-pixel-ratio: 2) and (min-width: 890px),  only screen and ( min-resolution: 192dpi) and (min-width: 890px),  only screen and ( min-resolution: 2dppx) and (min-width: 890px) {

#logo a { background: url('/assets/images/logo-Gettysburg-440-@2x.png') no-repeat 0 0; background-size: 264px 53px; }
}*/

@media screen and (min-width: 930px) {	
#logo { margin-bottom:-70px }
}

@media screen and (min-width: 1052px) {

#logo { width: 347px; height:112px; }

#logo a { background: url('/assets/images/logo-Gettysburg-600.png') no-repeat 0 0; width: 347px; height: 70px; }
}

/*@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1052px),  only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1052px),  only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1052px),  only screen and ( min-device-pixel-ratio: 2) and (min-width: 1052px),  only screen and ( min-resolution: 192dpi) and (min-width: 1052px),  only screen and ( min-resolution: 2dppx) and (min-width: 1052px) {

#logo a { background: url('/assets/images/logo-Gettysburg-600-@2x.png') no-repeat 0 0; background-size: 347px 70px; }
}*/