/*
Theme Name: Hyssop Properties
Theme URI: https://hyssopproperties.com/
Author: Hyssop Properties
Description: Custom WordPress migration of the existing Hyssop Properties Next.js website.
Version: 1.2.0
Text Domain: hyssop
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
.hyssop-desktop-dropdown { display: none; }
.hyssop-desktop-dropdown.is-open { display: block; }
.hyssop-mobile-menu { display: none; }
.hyssop-mobile-menu.is-open { display: block; }
.hyssop-mobile-submenu { display: none; }
.hyssop-mobile-submenu.is-open { display: flex; }
.hyssop-desktop-spacer { display: none; height: 80px; }

@media (min-width: 1024px) {
  .hyssop-desktop-spacer { display: block; }
}

body.admin-bar .hyssop-wp-header { top: 32px; }

@media (max-width: 782px) {
  body.admin-bar .hyssop-wp-header { top: 46px; }
}


/* Native WordPress blog editor output */
.hyssop-blog-content > * + * { margin-top: 1.5rem; }
.hyssop-blog-content h2,
.hyssop-blog-content h3,
.hyssop-blog-content h4 {
  color: #0b1f52;
  font-weight: 700;
  line-height: 1.25;
}
.hyssop-blog-content h2 { font-size: 1.75rem; }
.hyssop-blog-content h3 { font-size: 1.4rem; }
.hyssop-blog-content ul,
.hyssop-blog-content ol { padding-left: 1.5rem; }
.hyssop-blog-content ul { list-style: disc; }
.hyssop-blog-content ol { list-style: decimal; }
.hyssop-blog-content a { color: #4a8c2f; text-decoration: underline; text-underline-offset: 2px; }
.hyssop-blog-content img { height: auto; max-width: 100%; border-radius: 18px; }