.navbar-default .navbar-brand { padding: 3px 15px 3px 15px !important; }
#searchToggle { color: white; padding: 3px 9px 0px 9px; }
#searchToggleIcon { position: relative; top: 2px; }
.nav-top #frpp-nav-1 { float: right; }
.topNavIcon { text-align: center; top: 2px; }
.aTagPaddingFix { padding: 0 !important; margin-right: 15px; }
.topNavIcon .material-icons { position: relative; top: 5px; }
#search-form { margin-right: 120px; }
.navbar-form { width: 495px; height: 30px; margin-top: 5px; padding-right: 0; }
.frppSearch { width: 400px; background-color: black; color: #cecece; outline: none !important; border: 0; }
.searchButton { position: relative; top: 8px; right: 40px; opacity: 0.5; color: white; background-color: transparent; outline: none !important; border: 0; }
.searchButton:hover { opacity: 1; }
.autocomplete { width: auto !important; margin-top: -15px; }
.modal-open .navbar-fixed-top { margin-right: 0; } /* Weird bootstrap class override */

@media (max-width: 1199px){ #search-form { margin-right: 35px; } }
@media (min-width: 768px) and (max-width:  991px){ 
	#search-form { margin-right: -7px; }
	.navbar-form { width: 360px; }
	#frppSearch { width: 265px; } 
}
@media (max-width: 767px){
	.navbar-brand { position: fixed; }
	.navbar-form { width: calc(100% + 15px); position: absolute; top: 35px; left: 0px; border: 0; box-shadow: none; }
	#frppSearch { width: 100%; border-radius: 0px; }
	.searchButton { position: absolute; top: 13px; }
	#clearIcon { right: 78px; }
	#searchIcon { right: 25px; }
	#mobileGO { float: left; position: relative; top: 2px; }
	.mobileLogin { width: 33.3%; height: 42px; float: left; background: #1f1f1f; }
	.mobileLoginIcon { opacity: 1 !important; margin-left: 15px !important; top: -1px !important; }
	.mobileLoginText { position: relative; top: -8px; left: -5px; white-space: nowrap; }
}
@media (max-width: 410px){ 
	.mobileLogin { height: 60px; padding: 0px 15px; text-align: center; }
}