/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*

custom.scss

Created: 05/23/2025 MJB

Modified:

06/02/2025 MJB: Take padding off of g-mainbar (formerly 3rem 0)

*/
/* Take padding off of g-mainbar */
#g-mainbar {
  padding: 0;
}
/* We want the user menu (represented by an icon) to float to the right on larger (computer) screens. */
.mb-login-menu-item {
  float: right;
  padding-right: 2rem;
}
/* We don't want the user menu icon to float (on the gantry Mobile-menu) for smaller (phone) screens. */
@media (max-width: 1284px) {
  .mb-login-menu-item {
    float: none;
  }
}
/* We want the header to appear as an info bar */
#g-header {
  max-height: 32px;
  padding: initial;
}
#g-header .g-content {
  padding: 0 2% 0 0;
  margin: 0;
}
/* We want the user label to float under the user menu icon and default to white */
*[id^="login_user-"] {
  justify-self: right;
  color: #ffffff;
  float: right;
}
/* User label needs some special handling (on the gantry Mobile-menu) for smaller (phone) screens. */
@media (max-width: 1284px) {
  *[id^="login_user-"] {
    width: max-content;
  }
}
/* User label dk red (on the gantry Mobile-menu) for smaller (phone) screens, home page ver, only. 
@media (max-width: 1284px) {
	#login_user-1074-particle.g-content.g-particle {
		color: #b34b4b;
	}
} 
*/
/*# sourceMappingURL=custom_17.css.map */