@font-face {
  font-family: 'NonBreakingSpaceOverride';
  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}

@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url("../fonts/roboto-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url("../fonts/roboto-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url("../fonts/roboto-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url("../fonts/roboto-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ============================================================
   Widower in Paradise
   Base typography inherited from the original Twenty Nineteen
   layer; layout rewritten to replace Elementor.
   ============================================================ */

html {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

*, *::before, *::after { box-sizing: inherit; }

body {
  margin: 0;
  background-color: #fff;
  color: #111;
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a {
  color: #0073aa;
  background-color: transparent;
  text-decoration: none;
  transition: color 110ms ease-in-out;
}

img { border-style: none; height: auto; max-width: 100%; position: relative; }
figure { margin: 0; }
strong { font-weight: bolder; }
iframe { border: none; line-height: 1; margin: 0; max-width: 100%; width: 100%; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 1rem 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
               "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h4 { font-size: 1.125em; }

/* Establishes a block formatting context so the first/last paragraph
   margins stay inside the page, as they did in the original. */
.site-content { display: flow-root; position: relative; }

/* ---------- layout primitives ---------- */

.wip-section { position: relative; }

/* Page-width band: centred, capped at the design width. */
.wip-container {
  display: flex;
  flex-wrap: wrap;
  margin-inline: auto;
  position: relative;
  width: 100%;
  max-width: 1140px;
}
.wip-container--full { max-width: none; }

@media (max-width: 1024px) { .wip-container { max-width: 1024px; } }
@media (max-width: 767px)  { .wip-container { max-width: 767px; } }
@media (max-width: 1024px) { .wip-container--full { max-width: none; } }

/* A column inside a band. */
.wip-col { display: flex; min-height: 1px; position: relative; width: 100%; }
.wip-col--half { width: 50%; }
@media (max-width: 767px) { .wip-col--half { width: 100%; } }

/* Padded content well inside a column. */
.wip-cell {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
  width: 100%;
}
.wip-cell > * { width: 100%; }
.wip-cell > *:not(:last-child):not(.wip-row) { margin-bottom: 20px; }
.wip-cell--flush { padding: 0; }

/* A row of columns nested inside a cell. */
.wip-row { display: flex; flex-wrap: wrap; position: relative; width: 100%; }

/* Headings rendered as display type keep the original tight metrics. */
.wip-heading { line-height: 1; margin: 0; padding: 0; }

/* Rich-text blocks keep the browser-default 1em paragraph rhythm.
   .wip-cell is a flex container, so each block establishes its own
   formatting context and those margins stay inside the block -- which
   is what produced the original spacing. Do not add margin resets here. */


/* ============================================================
   Components
   ============================================================ */

/* ---------- button ---------- */
.wip-btn-wrap { text-align: center; }

.wip-btn {
  background-color: #000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  fill: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  padding: 12px 24px;
  text-align: center;
  transition: all .3s;
  width: auto;
}
.wip-btn:hover, .wip-btn:focus, .wip-btn:visited { color: #fff; }
.wip-btn span { display: inline-block; text-decoration: inherit; }

/* ---------- circular social / rating icons ---------- */
.wip-icons {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0 var(--icon-gap, 5px);
  line-height: 0;
}
.wip-icons li { display: flex; }
.wip-icons--center { justify-content: center; }

.wip-icons a {
  align-items: center;
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 32px;
}
.wip-icons svg { display: block; fill: #000; height: 16px; width: auto; }
.wip-icons--hover a:hover { border-color: #aeaeae; }
.wip-icons--hover a:hover svg { fill: #aeaeae; }

/* ---------- inline navigation list ---------- */
/* The gutter is negative margins on the list, so the list itself must be
   free to size past its container; the wrapper clips the overhang. */
.wip-navwrap { overflow: hidden; }
.wip-nav {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -8px;
  padding: 0;
}
.wip-nav li { margin: 0 8px; padding: 0; position: relative; }
.wip-nav li a {
  align-items: center;
  display: flex;
  font-size: inherit;
  font-family: "Tahoma", Sans-serif;
  font-weight: 400;
}
.wip-nav li a span { color: #fff; }

/* ---------- top shape divider ---------- */
.wip-shape {
  direction: ltr;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: -1px;
  width: 100%;
}
.wip-shape svg {
  display: block;
  height: 72px;
  left: 50%;
  position: relative;
  transform: translateX(-50%) rotateY(180deg);
  width: calc(100% + 1.3px);
}
.wip-shape .wip-shape-fill { fill: #000; transform: rotateY(0deg); transform-origin: center; }

/* ---------- map embed ---------- */
.wip-map { line-height: 0; overflow: hidden; }
.wip-map iframe { height: 600px; }


/* ============================================================
   Page-specific
   ============================================================ */

/* ---------- home: hero ---------- */
.wip-hero {
  background-image: url("../img/The-Grave.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 400px 0 50px;
  position: relative;
}
.wip-hero-inner {
  display: flex;
  flex-wrap: wrap;
  margin-inline: auto;
  max-width: 595px;
  width: 100%;
}
.wip-hero-spacer { min-height: 1px; width: 50%; }
.wip-hero-icons  { margin-top: 35px; width: 50%; }

@media (max-width: 1024px) {
  .wip-hero { padding: 200px 0 40px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .wip-hero-spacer { width: 28%; }
}
@media (max-width: 767px) {
  .wip-hero {
    background-image: url("../img/Widower-Poster-v3-Guarantee.png");
    margin: 0;
    padding: 6rem 0 0;
  }
  .wip-hero-spacer, .wip-hero-icons { width: 100%; }
}

/* ---------- home: dark body ---------- */
.wip-body {
  background-color: #252525;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
  padding: 10px 0;
  position: relative;
}
.wip-body .wip-heading { color: #fff; font-family: "Tahoma", Sans-serif; font-size: 20px; font-weight: 400; text-align: start; }
.wip-body .wip-text    { color: #fff; font-family: "Roboto", Sans-serif; font-size: 15px; font-weight: 400; text-align: start; }
.wip-body .wip-navwrap { color: #fff; font-family: "Tahoma", Sans-serif; font-weight: 400; }
.wip-body .wip-play    { color: #fff; font-family: "Tahoma", Sans-serif; font-size: 18px; font-weight: 400; }
.wip-body .wip-muted   { color: grey; }
.wip-body .wip-meta    { color: #fff; font-family: "Roboto", Sans-serif; font-size: 14px; font-weight: 400; }

/* ---------- synopsis ---------- */
.wip-pad-50 { padding: 50px 0; }
.wip-doc .wip-heading { color: #000; font-family: "Roboto", Sans-serif; font-weight: 600; }
.wip-doc .wip-text    { color: #000; font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 400; }
.wip-center           { text-align: center; }
.wip-dates            { color: #000; font-family: "Roboto", Sans-serif; text-align: center; }

/* ---------- location ---------- */
.wip-loc-top { padding: 0 0 100px; }
@media (max-width: 767px) { .wip-loc-top { padding: 0 0 50px; } }
.wip-loc-icons-wrap { padding: 50px 0 0; text-align: center; }
.wip-loc-icons { --icon-gap: 22px; }
@media (max-width: 767px) { .wip-loc-icons { --icon-gap: 10px; } }