/*
==========================================================================
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:#0071ba; margin-right: 24px; 	letter-spacing: 1px;  }

#open-trip-planner .iconPlanner:hover { color: #2bb04a; 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:#0071ba; margin-right: 0; letter-spacing: 1px; }

#search .iconSearch:hover { color: #2bb04a; 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: 13px; padding-bottom:20px; width: 195px; height: 97px; z-index:998; background-size:100%; }

#logo a { display:block; background: url('/assets/images/destination-gettysburg-logo.png') no-repeat 0 0; width:195px; height:85px; background-size: 100%; margin: 0; padding: 0; text-indent: -9999px !important; }

#logo-pourtour { display: block; position:relative; margin: 0 auto; padding-top: 13px; padding-bottom:20px; width: 90px; height: 130px; z-index:998; background-size:100%; }

#logo-pourtour a { display:block; background: url('/assets/images/pour-tour-logo.png') no-repeat 0 0; width: 90px;
 height: 130px; background-size: 100%; margin: 0; padding: 0; text-indent: -9999px !important; margin: 0 auto;}



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

/*#logo { width: 195px; height: 110px; padding-top: 13px; }*/

/*#logo a { background: url('/assets/images/destination-gettysburg-logo.png') no-repeat 0 0; width: 195px; height: 85px; }*/

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

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

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


@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: 195px; height: 100px; padding-top: 13px; }

#logo a { background: url('/assets/images/destination-gettysburg-logo.png') no-repeat 0 0; width: 195px; height: 85px; background-size: 100%; }

#logo-pourtour {  width: 100px; padding-top: 14px; }

#logo-pourtour a { background: url('/assets/images/pour-tour-logo.png') no-repeat 0 0; width: 100px; height: 143px; background-size: 100%; }

#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; }
}


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

#logo {  width: 195px; height: 100px; padding-top: 14px; }

#logo a { background: url('/assets/images/destination-gettysburg-logo.png') no-repeat 0 0; width: 195px; height: 100px; background-size: 100%; }


}


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


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

#logo { width: 235px; height: 113px; padding-top: 10px; }

#logo a { background: url('/assets/images/destination-gettysburg-logo.png') no-repeat 0 0; width: 235px; height: 95px; background-size: 100%; }

#logo-pourtour { width: 140px; height: 113px; padding-top: 13px; }

#logo-pourtour a { background: url('/assets/images/pour-tour-logo.png') no-repeat 0 0; width: 129px; height: 184px; background-size: 100%; }
}