/* Alex Jencova Photography: styles the theme.json settings can't express. */

/* Header */
.aj-header { padding-left: max(16px, 5vw) !important; padding-right: max(16px, 5vw) !important; }
.aj-header .wp-block-site-logo img { height: auto; }
.aj-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.aj-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { text-decoration: underline; text-underline-offset: 5px; }
.aj-header .wp-block-navigation a { text-decoration: none; }
.aj-header .wp-block-navigation .wp-block-navigation__submenu-container {
  border: 0 !important; box-shadow: 0 2px 10px rgba(0,0,0,.14); padding: 18px 26px !important; min-width: 230px !important;
  left: 50% !important; transform: translateX(-50%); text-align: center;
}
.aj-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-weight: 700; padding: 7px 0 !important; justify-content: center; }
.aj-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { box-shadow: none; transform: none; text-align: left; padding: 8px 0 0 16px !important; }

/* Home: three photos, the middle one taller and higher */
.aj-trio { gap: 12px !important; align-items: flex-start !important; padding-block: 80px 40px; margin: 0 !important; }
.aj-trio > .wp-block-column:nth-child(1),
.aj-trio > .wp-block-column:nth-child(3) { margin-top: 12%; }
.aj-trio .wp-block-image { margin: 0; }
.aj-trio .wp-block-image img { width: 100%; }
.aj-tagline { font-family: var(--wp--preset--font-family--garamond); font-style: italic; font-size: clamp(1.3rem, 2.4vw, 1.8rem); margin-bottom: 6px !important; }
.aj-cities { text-transform: uppercase; letter-spacing: .2em; font-size: .8rem; color: var(--wp--preset--color--grey); margin-top: 0 !important; padding-bottom: 100px; }
@media (max-width: 781px) {
  .aj-trio { flex-wrap: wrap !important; padding-top: 30px; }
  .aj-trio > .wp-block-column:nth-child(2) { order: -1; flex-basis: 100% !important; }
  .aj-trio > .wp-block-column:nth-child(1), .aj-trio > .wp-block-column:nth-child(3) { flex-basis: calc(50% - 6px) !important; margin-top: 0; }
}

/* About: black-and-white hero with big white name */
.aj-about-hero { margin-top: 0 !important; }
.aj-about-hero .wp-block-cover__image-background { filter: grayscale(1); }
.aj-about-hero h1 { font-family: var(--wp--preset--font-family--montserrat); font-weight: 800; text-transform: none; letter-spacing: -.01em; line-height: 1; }
.aj-about-text { padding-block: 80px 110px; }

/* Page titles and notes */
.aj-page-title { padding-top: 70px; margin-bottom: 40px !important; }
.aj-note { font-family: var(--wp--preset--font-family--garamond); font-style: italic; font-size: 1.2rem; color: var(--wp--preset--color--grey); margin-top: -18px !important; }
.aj-gallery { padding-bottom: 110px; }

/* Pricing */
.aj-banner { margin-top: 120px !important; margin-bottom: 40px !important; }
.aj-banner h1 { font-size: var(--wp--preset--font-size--banner); line-height: 1.12; margin: 0; }
.aj-packages { padding-bottom: 120px; }
.aj-package { font-style: italic; text-transform: uppercase; font-size: clamp(1.5rem, 2.6vw, 2.3rem); letter-spacing: -.01em; margin: 0 0 22px !important; }
.aj-package a { text-decoration-thickness: 1px; text-underline-offset: 7px; }
.aj-package a:hover { text-decoration-thickness: 2px; }
.aj-soon { font-style: normal; font-size: .8rem; letter-spacing: .14em; color: var(--wp--preset--color--grey); margin-left: 14px; vertical-align: middle; }

/* Book: Jonathan Heisler style */
.aj-book { padding-block: 70px 120px; }
.aj-intro { font-family: var(--wp--preset--font-family--garamond); font-style: italic; font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.65; color: #444; max-width: 34em; margin: 0 auto 50px !important; }
.aj-form-note { border: 1px dashed #9a9a9a; padding: 24px; text-align: center; color: var(--wp--preset--color--grey); }

/* WPForms, styled to match */
.wpforms-container .wpforms-form .wpforms-field { padding: 0 0 26px !important; }
.wpforms-container .wpforms-form .wpforms-field-label { font-family: var(--wp--preset--font-family--garamond) !important; font-size: 1.45rem !important; font-weight: 400 !important; color: #333 !important; margin-bottom: 10px !important; }
.wpforms-container .wpforms-form .wpforms-required-label { font-size: 0 !important; }
.wpforms-container .wpforms-form .wpforms-required-label::after { content: "(required)"; font-size: .95rem; color: #6f6f6f; margin-left: 4px; }
.wpforms-container .wpforms-form input[type="text"],
.wpforms-container .wpforms-form input[type="email"],
.wpforms-container .wpforms-form input[type="tel"],
.wpforms-container .wpforms-form input[type="date"],
.wpforms-container .wpforms-form select,
.wpforms-container .wpforms-form textarea {
  font-family: var(--wp--preset--font-family--garamond) !important; font-size: 1.25rem !important; color: #111 !important;
  background: #fafafa !important; border: 1px solid #9a9a9a !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 14px 16px !important; height: auto !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
}
.wpforms-container .wpforms-form textarea { min-height: 140px !important; }
.wpforms-container .wpforms-form input:focus, .wpforms-container .wpforms-form select:focus, .wpforms-container .wpforms-form textarea:focus { border-color: #000 !important; background: #fff !important; outline: none !important; }
.wpforms-container .wpforms-form .wpforms-submit-container { text-align: center !important; }
.wpforms-container .wpforms-form button[type="submit"] {
  background: #1c1c1c !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
  font-family: var(--wp--preset--font-family--lato) !important; font-size: 1.15rem !important; letter-spacing: .28em !important; text-transform: uppercase !important;
  padding: 24px 60px !important; height: auto !important;
}
.wpforms-container .wpforms-form button[type="submit"]:hover { background: #000 !important; }

/* Contact */
.aj-contact { padding-bottom: 120px; }
.aj-label { text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; color: var(--wp--preset--color--grey); margin-bottom: 4px !important; }
.aj-value { font-family: var(--wp--preset--font-family--garamond); font-size: 1.5rem; margin-top: 0 !important; }

/* Blog */
.aj-blog { padding-bottom: 120px; }
.aj-blog .wp-block-post-title a { text-decoration: none; }
.aj-blog .wp-block-post-title a:hover { text-decoration: underline; }

/* Footer */
.aj-footer { border-top: 1px solid #e3e3e3; padding-left: max(16px, 5vw) !important; padding-right: max(16px, 5vw) !important; }
.aj-footer p { color: var(--wp--preset--color--grey); font-size: .85rem; margin: 0; }