/* Local San Diego shade-sails draft polish. This file is loaded by this page only. */
.ua-san-diego-shade-sails-page .why-choose-image-wrap.top .why-choose-image.image-large {
  background-image: url("/assets/drive-projects/park-playground-shade.jpg") !important;
}

.ua-san-diego-shade-sails-page .section-gray .fabrication-image-wrap.image-large {
  background-image: url("/assets/drive-projects/park-sylmar-shade-sails.jpg") !important;
}

.ua-san-diego-shade-sails-page .section .why-choose-image-wrap:not(.top) .why-choose-image.image-large {
  background-image: url("/assets/drive-projects/healthcare-shade-sails-original.jpg") !important;
}

@media screen and (max-width: 991px) {
  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .menu-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .brand-logo {
    flex: 0 0 auto;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-cta-group {
    display: flex;
    flex: 0 0 auto;
    margin-right: 18px;
    margin-left: auto;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-phone {
    margin: 0;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .menu-button-2 {
    flex: 0 0 42px;
  }

  .ua-san-diego-shade-sails-page .section,
  .ua-san-diego-shade-sails-page .section-gray,
  .ua-san-diego-shade-sails-page .product-gallery-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .ua-san-diego-shade-sails-page .about-5-info-wrapper,
  .ua-san-diego-shade-sails-page .who-we-are-container.new-home {
    gap: 40px;
  }

  .ua-san-diego-shade-sails-page .why-choose-image-wrap,
  .ua-san-diego-shade-sails-page .about-us-wrap.new-home {
    width: 100%;
  }

  .ua-san-diego-shade-sails-page .why-choose-image.image-large,
  .ua-san-diego-shade-sails-page .fabrication-image-wrap.image-large {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 16 / 9;
    background-position: center;
    background-size: cover;
  }
}

@media screen and (max-width: 640px) {
  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-cta-group {
    margin-right: 10px;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-phone {
    width: 132px;
    padding-right: 9px;
    padding-left: 9px;
  }

  .ua-san-diego-shade-sails-page .why-choose-image.image-large,
  .ua-san-diego-shade-sails-page .fabrication-image-wrap.image-large {
    aspect-ratio: 4 / 3;
  }
}

@media screen and (max-width: 430px) {
  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-phone {
    width: 118px;
  }

  .ua-san-diego-shade-sails-page .navigation-menu-home-6 .ua-header-phone strong {
    font-size: 11px;
  }

  .ua-san-diego-shade-sails-page .section,
  .ua-san-diego-shade-sails-page .section-gray,
  .ua-san-diego-shade-sails-page .product-gallery-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}