/*
Theme Name: 4PM
Theme URI: https://at4pm.com
Author: 4PM
Description: 4PM fractional product management agency theme. All content is edited with Advanced Custom Fields (free version works). Elementor ready. Plugin shortcodes (forms, calendars) can be placed in any button or content slot.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: fourpm
*/

/* Skip link for keyboard users */
.fourpm-skip { position: absolute; left: -9999px; top: 8px; z-index: 1000; background: #0a0a0a; color: #fff; padding: 10px 16px; border-radius: 999px; }
.fourpm-skip:focus { left: 16px; }

/* Blog post body coming from the WordPress editor */
.fourpm-prose > * + * { margin-top: 1.25rem; }
.fourpm-prose h2 { font-size: 1.875rem; font-weight: 400; padding-top: 1rem; }
.fourpm-prose h3 { font-size: 1.5rem; font-weight: 400; }
.fourpm-prose p { color: var(--muted-foreground); }
.fourpm-prose a { color: #c2410c; text-decoration: underline; }
.fourpm-prose ul { list-style: disc; padding-left: 1.25rem; }
.fourpm-prose ol { list-style: decimal; padding-left: 1.25rem; }
.fourpm-prose li::marker { color: #f97316; }
.fourpm-prose blockquote { border-left: 4px solid #f97316; padding-left: 1.25rem; font-size: 1.5rem; font-style: italic; }
.fourpm-prose img, .fourpm-prose video, .fourpm-prose iframe { max-width: 100%; height: auto; border-radius: 1rem; }
.fourpm-prose figure { margin: 2rem 0; }

/* Plugin forms and calendars placed in slots or pop-ups get the 4PM look */
[data-fourpm-slot] input:not([type=checkbox]):not([type=radio]):not([type=submit]),
[data-fourpm-slot] select, [data-fourpm-slot] textarea { width: 100%; border: 1px solid rgb(0 0 0 / .15); border-radius: .75rem; padding: .75rem 1rem; background: var(--background); font: inherit; font-weight: 300; }
[data-fourpm-slot] label { display: block; font-size: .875rem; margin-bottom: .35rem; }
[data-fourpm-slot] input[type=submit], [data-fourpm-slot] button[type=submit], [data-fourpm-slot] .wpforms-submit, [data-fourpm-slot] .ff-btn-submit {
  background: linear-gradient(135deg, #f97316, #dc2626) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: .75rem 1.75rem !important; cursor: pointer; }
[data-fourpm-slot] p + p, [data-fourpm-slot] .wpcf7-form > * + * { margin-top: 1rem; }

/* WordPress admin bar offset for the sticky header */
.admin-bar .sticky.top-0 { top: 32px; }
@media (max-width: 782px) { .admin-bar .sticky.top-0 { top: 46px; } }

/* Blog cards: title 2 lines, summary 3 lines, buttons aligned */
.fp-clamp-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.5em}
.fp-clamp-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:4.875em}
