.elementor-26886 .elementor-element.elementor-element-1eb7b32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-6f65e2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-13e279a > .elementor-widget-container{padding:120px 15px 15px 15px;}.elementor-26886 .elementor-element.elementor-element-7b3aa79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26886 .elementor-element.elementor-element-1c9358a > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-26886 .elementor-element.elementor-element-1c9358a{font-family:"Syne", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:3px;color:var( --e-global-color-accent );}.elementor-26886 .elementor-element.elementor-element-717c646{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-26886 .elementor-element.elementor-element-2db5efc > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-26886 .elementor-element.elementor-element-2db5efc{text-align:center;}.elementor-26886 .elementor-element.elementor-element-2db5efc .elementor-heading-title{color:var( --e-global-color-a0e890f );}.elementor-26886 .elementor-element.elementor-element-9e4ea66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-7f5522b > .elementor-widget-container{padding:15px 0px 80px 0px;}.elementor-26886 .elementor-element.elementor-element-341ecc3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-26886 .elementor-element.elementor-element-341ecc3:not(.elementor-motion-effects-element-type-background), .elementor-26886 .elementor-element.elementor-element-341ecc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-26886 .elementor-element.elementor-element-1479fb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-26886 .elementor-element.elementor-element-1479fb0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26886 .elementor-element.elementor-element-06bdfef{font-family:"Syne", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:3px;color:var( --e-global-color-accent );}.elementor-26886 .elementor-element.elementor-element-fd70c82 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-a0e890f );}.elementor-26886 .elementor-element.elementor-element-183adf0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26886 .elementor-element.elementor-element-183adf0.elementor-element{--align-self:flex-start;}.elementor-26886 .elementor-element.elementor-element-adbb86b.elementor-element{--align-self:flex-start;}.elementor-26886 .elementor-element.elementor-element-24ebd58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-219ceb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-f307e87 > .elementor-widget-container{padding:80px 0px 0px 0px;}.elementor-26886 .elementor-element.elementor-element-f307e87{font-family:"Syne", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:3px;color:var( --e-global-color-accent );}.elementor-26886 .elementor-element.elementor-element-fea0b9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-19fa125 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-26886 .elementor-element.elementor-element-19fa125{text-align:center;}.elementor-26886 .elementor-element.elementor-element-19fa125 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-a0e890f );}.elementor-26886 .elementor-element.elementor-element-14ea9a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-global-26813 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26886 .elementor-element.elementor-global-26813.elementor-element{--align-self:center;}.elementor-26886 .elementor-element.elementor-element-3c5c6b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26886 .elementor-element.elementor-element-fd13d2e > .elementor-widget-container{padding:20px 0px 10px 0px;}.elementor-26886 .elementor-element.elementor-element-5c54a64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-26886 .elementor-element.elementor-element-f83479f.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-26886 .elementor-element.elementor-element-1479fb0{--width:63.642%;}.elementor-26886 .elementor-element.elementor-element-24ebd58{--width:50%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-1c9358a{font-size:14px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-06bdfef{font-size:14px;}.elementor-26886 .elementor-element.elementor-element-fd70c82 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-f307e87{font-size:14px;}.elementor-26886 .elementor-element.elementor-element-19fa125 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-fd70c82 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-26886 .elementor-element.elementor-element-19fa125 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS *//*
 * ═══════════════════════════════════════════════════════════════
 *  MJ BLEHART — GLOBAL ADDITIONAL CSS
 *  WHERE TO PASTE:
 *    WordPress Admin > Appearance > Customize > Additional CSS
 *    Paste the ENTIRE contents of this file and click Publish.
 *
 *  WHY THIS EXISTS:
 *    This stylesheet sets the site-wide visual foundation —
 *    background colour, fonts, section dividers, image treatment,
 *    gold box borders, button styles, eyebrow text, and more.
 *    Every Elementor page inherits these rules automatically.
 *    You should never need to edit this unless Murray rebrand.
 *
 *  SECTIONS IN THIS FILE:
 *    1. CSS Variables (colours, fonts, spacing)
 *    2. Base / Reset
 *    3. Typography
 *    4. Section Dividers
 *    5. Buttons (primary, secondary, ghost + shine animation)
 *    6. Image Treatment
 *    7. Gold Box / Card Border
 *    8. OceanWP Overrides (hide default header chrome)
 *    9. Utility Classes
 * ═══════════════════════════════════════════════════════════════
 */

/* ─────────────────────────────────────────────────────────────
   1. CSS VARIABLES
   ───────────────────────────────────────────────────────────── */
:root {
  /* Backgrounds */
  --bg:        #050609;
  --bg2:       #0a0f1f;

  /* Gold palette */
  --gold:      #D4A843;
  --gold-dim:  rgba(212,168,67,0.15);
  --gold-b:    rgba(212,168,67,0.2);
  --gold-b2:   rgba(212,168,67,0.15);

  /* Text */
  --text:      #fafafa;
  --muted:     rgba(250,250,250,0.82);
  --subtle:    rgba(250,250,250,0.55);

  /* Layout */
  --r:         4px;
  --max-w:     1200px;
  --py:        80px;

  /* Fonts */
  --fhead:     'Syne', sans-serif;
  --fbody:     'Inter', sans-serif;

  /* Buttons */
  --btn-bg:    linear-gradient(135deg, rgb(30,64,175), rgb(30,58,138), rgb(15,23,42));
  --btn-b:     rgba(30,64,175,0.6);
}


/* ─────────────────────────────────────────────────────────────
   2. BASE / RESET
   ───────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--fbody) !important;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}


/* ─────────────────────────────────────────────────────────────
   3. TYPOGRAPHY
   ───────────────────────────────────────────────────────────── */

/* Eyebrow label — e.g. "✦ THE AUTHOR ✦" above headings */
.eyebrow {
  font-family: var(--fhead);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 14px;
}

/* Main section headings */
.section-title {
  font-family: var(--fhead);
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 1.15;
  color: var(--text);
  margin-bottom: 16px;
}

/* Short gold rule under headings (48px wide solid line) */
.gold-line {
  width: 48px;
  height: 2px;
  background: var(--gold);
  border: none;
  margin-bottom: 28px;
  display: block;
}


/* ─────────────────────────────────────────────────────────────
   4. SECTION DIVIDERS
   ───────────────────────────────────────────────────────────── */

/* Faint gold gradient line between page sections */
/* Usage: add a HTML widget with <div class="sdiv"></div> */
.sdiv {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-b), transparent);
  border: none;
  margin: 0;
}


/* ─────────────────────────────────────────────────────────────
   5. BUTTONS
   ───────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: var(--r);
  font-family: var(--fbody);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.25s ease;
  border: none;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

/* Shine sweep animation on all button types */
.btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 50%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  transform: skewX(-20deg);
  animation: btn-shine 3.2s ease-in-out infinite;
  pointer-events: none;
}

@keyframes btn-shine {
  0%   { left: -100%; }
  55%  { left: 140%; }
  100% { left: 140%; }
}

/* Primary — blue gradient */
.btn-primary {
  background: var(--btn-bg);
  color: #fff;
  border: 1.6px solid transparent;
}
.btn-primary:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(30,64,175,0.4);
  color: #fff;
}

/* Secondary — outlined blue */
.btn-secondary {
  background: transparent;
  color: #fff;
  border: 1.6px solid var(--btn-b);
}
.btn-secondary:hover {
  background: rgba(30,64,175,0.12);
  transform: translateY(-1px);
  color: #fff;
}

/* Ghost — subtle light border */
.btn-ghost {
  background: rgba(250,250,250,0.07);
  color: #fff;
  border: 1.6px solid rgba(250,250,250,0.18);
}
.btn-ghost:hover {
  background: rgba(250,250,250,0.13);
  transform: translateY(-1px);
  color: #fff;
}


/* ─────────────────────────────────────────────────────────────
   6. IMAGE TREATMENT
   ───────────────────────────────────────────────────────────── */

/* Rounded photo with deep shadow — used on About page portrait etc */
.mjb-photo {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0,0,0,0.5);
}
.mjb-photo img {
  width: 100%;
  display: block;
}

/* Book cover shadow + faint gold outline */
.mjb-cover {
  border-radius: 4px;
  box-shadow: 0 32px 64px rgba(0,0,0,0.6), 0 0 0 1px var(--gold-b);
}


/* ─────────────────────────────────────────────────────────────
   7. GOLD BOX / CARD BORDER
   ───────────────────────────────────────────────────────────── */

/* Generic gold-bordered card — apply to any container */
.mjb-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--gold-b);
  border-radius: var(--r);
  padding: 24px;
}

/* Credentials / stat item style */
.cred-item {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--gold-b);
  border-radius: 6px;
  padding: 16px;
}
.cred-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 6px;
}
.cred-value {
  font-size: 14px;
  color: var(--text);
}


/* ─────────────────────────────────────────────────────────────
   8. OCEANWP OVERRIDES
   ───────────────────────────────────────────────────────────── */

/* Hide OceanWP's default page title bar (replaced by Elementor hero) */
.page-header {
  display: none !important;
}

/* Remove OceanWP default content padding on Canvas pages */
.elementor-page .site-content {
  padding: 0 !important;
}

/* OceanWP adds unwanted top margin to first Elementor section */
.elementor-section:first-child {
  margin-top: 0 !important;
}


/* ─────────────────────────────────────────────────────────────
   9. UTILITY CLASSES
   ───────────────────────────────────────────────────────────── */

/* Max-width container */
.mjb-container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}

/* Muted text */
.text-muted {
  color: var(--muted);
}

/* Gold text */
.text-gold {
  color: var(--gold);
}

/* Centred text block */
.text-center {
  text-align: center;
}

/* Genre / label tag pill */
.genre-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  background: var(--gold-dim);
  border: 1px solid var(--gold-b);
  padding: 3px 9px;
  border-radius: 2px;
  width: fit-content;
}/* End custom CSS */