/* Keep the former layout while removing the unused newsletter column. */
p { font-size: 16px; }
li.lang-item { float: left; padding: 0 10px; }
.contact .right-contact { width: 100%; max-width: 100%; flex: 0 0 100%; align-items: center; padding-left: 0; }
.contact .right-contact .right-contact-info { margin: 0; }
.contact .right-contact .right-contact-info p { padding-bottom: 25px; }
.contact { height: 220px; }
.nav-box nav.active { left: 0; }
html { scroll-behavior: smooth; }
dialog#bradford-popup { border: 0; padding: 34px 38px; width: min(680px, calc(100% - 32px)); max-height: calc(100% - 32px); color: #464646; background: white; box-shadow: 0 12px 55px #0004; }
dialog#bradford-popup::backdrop { background: #0009; }
dialog#bradford-popup h2 { font: 300 36px 'Roboto Condensed Light',sans-serif; color: #044f16; margin: 0 0 24px; }
.dialog-close { position: absolute; top: 8px; right: 13px; color: #777; background: transparent; border: 0; font-size: 34px; cursor: pointer; }
.dialog-details { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; font: 14px/1.8 'Lato',sans-serif; }
.dialog-details .dialog-heading { font-weight: bold; margin-bottom: 14px; }
.dialog-details a { color: #044f16; }
.dialog-details iframe { width: 100%; height: 250px; border: 1px solid #ccc; }
@media(max-width:540px) { .img-middle { background-attachment: initial; height: 250px; background-position: right top; } .dialog-details { grid-template-columns: 1fr; } }

/* Subtle motion for the opening screen and sections reached while scrolling. */
@keyframes header-appear {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
header .logo, header h1, header h2 { animation: header-appear 650ms ease-out both; }
header h1 { animation-delay: 100ms; }
header h2 { animation-delay: 200ms; }
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 650ms ease-out, transform 650ms ease-out;
}
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }
.item .item_img.reveal-on-scroll { transition-delay: 100ms; }
.nav-box nav a.is-current { color: #044f16; border-color: #044f16; }
.contact .right-contact .contact-box a { transition: background-color 250ms, border-color 250ms, color 250ms, transform 250ms, box-shadow 250ms; }
.contact .right-contact .contact-box a:hover,
.contact .right-contact .contact-box a:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 18px #044f1633; }
.btn-up img { transition: transform 250ms; }
.btn-up:hover img, .btn-up:focus-visible img { transform: translateY(-4px); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  header .logo, header h1, header h2 { animation: none; }
  .reveal-on-scroll { opacity: 1; transform: none; transition: none; }
  .contact .right-contact .contact-box a, .btn-up img { transition: none; }
  .contact .right-contact .contact-box a:hover,
  .contact .right-contact .contact-box a:focus-visible,
  .btn-up:hover img, .btn-up:focus-visible img { transform: none; }
}