/* ============================================
   CAIL PERRY & ASSOCIATES — Brand CSS
   Paste into: Appearance → Customize → Additional CSS
   ============================================ */

/* --- Google Fonts Import --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');

/* --- Brand Color Variables --- */
:root {
  --cp-navy:      #1C3A4A;
  --cp-champagne: #D8D2C2;
  --cp-cream:     #F7F4EE;
  --cp-pink:      #E94E9A;
  --cp-navy-muted: rgba(28, 58, 74, 0.08);
  --cp-pink-pale:  #FBF0F2;
}

/* --- Global Typography --- */
body,
p,
li,
td,
input,
textarea,
select,
button {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  color: #333;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.2;
}

/* --- Page Background --- */
body,
.wp-site-blocks,
.entry-content,
.wp-block-post-content {
  background-color: var(--cp-cream);
}

/* --- Navigation --- */
.wp-block-navigation,
.wp-block-navigation__container {
  background-color: var(--cp-navy) !important;
}

.wp-block-navigation a,
.wp-block-navigation__container a {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--cp-champagne) !important;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: color 0.15s;
}

.wp-block-navigation a:hover {
  color: #fff !important;
}

/* Submit Resume nav CTA */
.wp-block-navigation .wp-block-button a,
.wp-block-navigation a.wp-block-button__link {
  background-color: var(--cp-pink) !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 8px 20px !important;
  font-size: 13px;
  font-weight: 500;
}

/* Site title / logo */
.wp-block-site-title a,
.wp-block-site-logo a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff !important;
  text-decoration: none;
  letter-spacing: 0.05em;
}

/* --- Buttons --- */
.wp-block-button__link,
.wp-element-button {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  border-radius: 30px;
  padding: 10px 24px;
  transition: opacity 0.15s, background 0.15s;
  text-decoration: none;
}

.wp-block-button__link:hover {
  opacity: 0.88;
}

/* Primary button — Navy */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--cp-navy);
  color: #fff;
  border: none;
}

/* Pink / CTA button */
.wp-block-button.is-style-fill .wp-block-button__link[style*="#E94E9A"],
.wp-block-button__link[style*="background-color:#E94E9A"],
.wp-block-button__link[style*="background-color: #E94E9A"] {
  background-color: var(--cp-pink) !important;
  color: #fff !important;
}

/* Ghost / outline button */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 1.5px solid var(--cp-navy);
  color: var(--cp-navy);
}

/* --- Links --- */
a {
  color: var(--cp-navy);
  text-decoration: none;
}

a:hover {
  color: var(--cp-pink);
}

/* --- Separators / Dividers --- */
.wp-block-separator {
  border-color: var(--cp-champagne);
  opacity: 1;
}

/* --- Cover blocks (hero sections) --- */
.wp-block-cover {
  min-height: 420px;
}

.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
}

/* --- Columns --- */
.wp-block-column {
  border-radius: 10px;
}

/* --- Pullquote / Quote --- */
.wp-block-quote,
.wp-block-pullquote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  border-left: 3px solid var(--cp-pink);
  padding-left: 1.5rem;
  color: var(--cp-navy);
}

.wp-block-quote cite,
.wp-block-pullquote cite {
  font-family: 'DM Sans', sans-serif;
  font-style: normal;
  font-size: 13px;
  color: var(--cp-pink);
  font-weight: 400;
}

/* --- Footer --- */
.wp-block-template-part[data-type="footer"],
footer.wp-block-template-part,
.site-footer {
  background-color: var(--cp-navy) !important;
  color: var(--cp-champagne);
  padding: 3rem 2rem;
}

.site-footer a,
footer.wp-block-template-part a,
.wp-block-template-part[data-type="footer"] a {
  color: var(--cp-champagne);
}

.site-footer a:hover,
footer.wp-block-template-part a:hover {
  color: var(--cp-pink);
}

/* --- WPForms Styling --- */
.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 textarea,
.wpforms-container .wpforms-form select {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  border: 1px solid var(--cp-champagne);
  border-radius: 8px;
  padding: 10px 14px;
  background-color: #fff;
  color: #333;
  transition: border-color 0.15s;
}

.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form textarea:focus {
  border-color: var(--cp-navy);
  outline: none;
}

.wpforms-container .wpforms-form .wpforms-submit-container button,
.wpforms-container .wpforms-form button[type="submit"] {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: var(--cp-pink) !important;
  color: #fff !important;
  border: none;
  border-radius: 30px;
  padding: 12px 28px;
  cursor: pointer;
  transition: opacity 0.15s;
}

.wpforms-container .wpforms-form button[type="submit"]:hover {
  opacity: 0.88;
}

.wpforms-label-container label,
.wpforms-field-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #666;
}

/* --- Ultimate Member Styling --- */
.um .um-field-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #666;
}

.um .um-field input,
.um .um-field textarea,
.um .um-field select {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  border: 1px solid var(--cp-champagne);
  border-radius: 8px;
}

.um .um-button,
.um a.um-button {
  background-color: var(--cp-pink) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  border: none !important;
}

/* --- WP Job Manager Styling --- */
.job_listings .job_listing {
  border: 1px solid var(--cp-champagne);
  border-radius: 10px;
  padding: 1.25rem;
  background: #fff;
  margin-bottom: 1rem;
  transition: box-shadow 0.15s;
}

.job_listings .job_listing:hover {
  box-shadow: 0 4px 16px rgba(28, 58, 74, 0.08);
}

.job_listings .job_listing h3 a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--cp-navy);
}

.job_listings .job_listing .job-type {
  background-color: var(--cp-navy-muted);
  color: var(--cp-navy);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.job-manager-filter input[type="search"],
.job-manager-filter select {
  font-family: 'DM Sans', sans-serif;
  border: 1px solid var(--cp-champagne);
  border-radius: 8px;
  padding: 9px 14px;
}

/* Apply button on job listings */
.job_listing .application a,
a.application_button {
  background-color: var(--cp-pink) !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 9px 22px;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

/* --- Mailchimp for WP form --- */
.mc4wp-form input[type="email"] {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  border: 1px solid var(--cp-champagne);
  border-radius: 8px;
  padding: 10px 14px;
  background: #fff;
}

.mc4wp-form input[type="submit"] {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  background-color: var(--cp-pink);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 10px 24px;
  cursor: pointer;
  transition: opacity 0.15s;
}

.mc4wp-form input[type="submit"]:hover {
  opacity: 0.88;
}

/* --- Rank Math breadcrumbs --- */
.rank-math-breadcrumb {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  color: #999;
}

.rank-math-breadcrumb a {
  color: var(--cp-navy);
}

/* --- Custom Post Type: Attorney Stories --- */
.attorney-story {
  border-left: 3px solid var(--cp-pink);
  background: var(--cp-pink-pale);
  border-radius: 0 10px 10px 0;
  padding: 1.5rem;
}

.attorney-story blockquote,
.attorney-story .story-quote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.1rem;
  color: var(--cp-navy);
  margin: 0 0 0.75rem;
}

.attorney-story .story-result {
  font-size: 12px;
  font-weight: 500;
  color: var(--cp-pink);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* --- Utility classes you can use in blocks --- */
.cp-eyebrow {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cp-pink);
}

.cp-section-navy {
  background-color: var(--cp-navy);
  color: #fff;
}

.cp-section-cream {
  background-color: var(--cp-cream);
}

.cp-section-champagne {
  background-color: var(--cp-champagne);
}
Deep Navy #1C3A4A 
/* Nav Submit Resume button */
.menu-item.nav-cta a,
.nav-cta a {
  background-color: #E94E9A !important;
  color: #ffffff !important;
  padding: 0.5rem 1.25rem !important;
  border-radius: 2px !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-family: 'DM Sans', sans-serif !important;
}

.menu-item.nav-cta a:hover {
  background-color: #1C3A4A !important;
}

/* WPForms submit button */
.wpforms-submit {
  background-color: #1C3A4A !important;
  border-color: #1C3A4A !important;
  border-radius: 50px !important;
  color: #ffffff !important;
}