/* 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
 */

/* ==========================================================================
   MASTER GANTRY NAVIGATION LOGO MOBILE PATCH (uasgrp.com)
   ========================================================================== */
/* 1. Ensure background container frames stay transparent across all display layers */
.g-logo, .g-navigation, #g-navigation, .g-logo-container, .g-logo-container a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* 2. Hard Override Gantry Desktop Constraints */
.g-logo img {
  max-height: 50px;
  /* Kept standard for desktop screen monitors */
  width: auto;
}
/* 3. Aggressive Phone Viewport Scaling Overrides */
@media (max-width: 968px) {
  /* Force Gantry's image tag and parent containers to downscale together */
  /* Rescale Gantry block flex models so the layout row handles touch inputs correctly */
  /* Fix layout frame alignments and edges to stop browser window clipping */
  .g-logo, .g-logo img, .g-navigation .g-logo, .g-logo-container img, #g-navigation img {
    height: 38px !important;
    /* Locks explicit height for mobile screen columns */
    max-height: 38px !important;
    /* Strictly caps stretching parameters */
    width: auto !important;
    /* Protects scaling ratio and keeps logos crisp */
    max-width: 100% !important;
    object-fit: contain !important;
    display: inline-block !important;
  }
  .g-navigation .g-block, #g-navigation .g-block {
    width: auto !important;
    max-width: 75% !important;
    flex: 0 1 auto !important;
    /* Drops automated flex grow extensions stretching images */
  }
  #g-navigation .g-container, .g-navigation .g-container {
    padding: 0 6% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}
/*# sourceMappingURL=custom_20.css.map */