/* 	Custom CSS for aces.org.nz
 * 	C. Varney 2025
 */

/* Add consistent height and spacing to feature boxes (e.g. event list) */
#features {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch; /* ensures all boxes stretch to same height */
}

#features .box {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.5rem;
  box-sizing: border-box;
  background: #f9f9f9;
  height: 100%; /* ensure it stretches */
}

/* Remove space after feature headers */
#features h2 {
  padding-bottom: 0px;
  margin-bottom: -10px; 
}

/* Consistent image height irrespective of image size */
#features img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}

/* Remove large gaps around banners */
#banner {
  margin-top: -90px;
  margin-bottom: -90px;
}

/* Add 'hide_title' to body classes on any page you wish to hide the title of */
.hide_title .title {
  display: none;
}

/* Simalarly for section titles */
.hide_section_titles #features h2 {
  display: none;
}

/* Remove second logo */
header .logo {
  display: none !important;
}

/* Remove extra space now that logo is missing */
header .dropdown {
      margin-left: 0 !important;
}


/* Remove octagon overlay from main logo */
#intro .logo:before {
  display: none !important;
}

/* Properly size the logo now that the overlay is missing */
#intro .logo {
  width: 4.5rem;
  height: 4rem;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

#intro .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* Header fonts to match the logo */
h1, h2, h3 {
  font-family: "Times New Roman", Times, serif !important;
  font-weight: lighter !important;
}

/* Form buttons to match logo colour */
#contact-form > div.buttons > div > button {
  background-color: #011023 !important;
}
#contact-form > div.buttons > div{
  padding-top: 15px;
}