@charset "UTF-8";

/* HAcom */

h1 {
     text-shadow: none;
     padding: 0.7rem 0 0 0;
     }

.singlephoto 
   {
     width: 95%;
     background: var(--rightbox-back-color);
     margin: 0.5rem auto 0.5rem auto;
     box-shadow: 0 0 0.9rem var(--dark-shadow);
   }

.singlepara 
   {
     width: 95%;
     background: var(--rightbox-back-color);
     margin: 1.8rem auto 1.8rem auto;
     padding: 0.2rem 0.5rem;
     box-shadow: 0 0 0.9rem var(--dark-shadow);
   }

.cent-gallery {
    display: flex;
    flex-wrap: wrap;
    }

.gallery-item
    {
    width: 11rem; 
    height: 8rem; 
    overflow: hidden; 
    margin: 0px;
    padding: 0px;
    border: none;
    }

.gallery-item img
    {
    width: 98%;
    height: auto; 
    /*border: 1px solid #000;*/
    }

.main li {
    margin: 0 0 0.5rem; 0;
    }

.dl-image
   {
     display: block; 
     width: 66%;
     margin: 0 auto 0 auto;
   }

.content-grid {
   background: var(--darker-paper-color);
   }

.HA-btn-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem;
}


#menuback {
   height: 7rem;
   width: 100%;
   background: #999 url(/images/hacom-header-sm.jpg) repeat-x;
   /* background-position: calc(8rem + 50vw);  */
  }

@media screen and (min-width: 700px) {
 #menuback {
   height: 10.5rem;
   background: #999 url(/images/hacom-header-wide.jpg) repeat-x;
   /* background-position: calc(-48rem + 50vw);  for RNav */
  }
}

/* HAcom */