/*
***************************************************
		    NICK'S COOL CUSTOM CSS
***************************************************
*/

.primary-menu-container * {
  font-family: 'junicode', sans-serif;
}

main .site-main {
  /* max-width: 100% !important; */
  max-width: initial !important;
  display: inline-block;
}

/* .post-19 {
  width: auto !important;
  max-width: initial !important;
  margin: 0 auto !important;
} */

.post-19 .additionalRsvpText {
  font-family: 'junicode', sans-serif;
  font-size: 1.3rem;
  color: #222222;
}

:root {
  --text-color: #222222;
}

#content button {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: 'junicode';
}

.rsvpAdditionalAttendee button {
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-repeat: repeat !important;
  color: #111 !important;
  padding: 0.5rem !important;
  border: 3px double red !important;
}



@layer fantasy-btn, fantasy-presets;

@layer fantasy-presets {
  .fantasy-btn {
    cursor: pointer;

    /* --text-color: #aa9b79; */

    /* --text-shadow: calc(1.5px * var(--scale) / 4.5)
      calc(-1.5px * var(--scale) / 4.5)
      calc(1.5px * var(--scale) / 4.5)
      #fffcf2,
      calc(-1.5px * var(--scale) / 4.5)
      calc(1.5px * var(--scale) / 4.5)
      calc(1.5px * var(--scale) / 4.5)
      #160500; */

    /* --border-bg: linear-gradient(
      to bottom,
      #bdab8c,
      #aa9b79 49%,
      #735b41 51%,
      #766652
    ); */
    --inlay-hover-opacity: 0.75;
    --border-hover-opacity: 0.75;
    --border-focus-bg: repeating-conic-gradient(#bdab8c 0deg 30deg,
        #766652 30deg 60deg);

    /* --inlay-bg: radial-gradient(
      at center 150%,
      #fffcf2, transparent 35%
    ) 50% 0% / 150% 25% no-repeat,
    radial-gradient(
      at center -25%,
      #501608, transparent 35%
    ) 50% 100% / 150% 25% no-repeat,
    linear-gradient(
      to bottom,
      #2c201b,
      #895648 24%,
      #422419 26% 49%,
      #291208 49% 74%,
      #160500 76%,
      #1a0801
    ); */
  }
}


@layer fantasy-btn {
  [class*="fantasy-btn"] {
    isolation: isolate !important;
    position: relative !important;
    box-sizing: border-box !important;
    background: transparent !important;
    outline: none !important;
    border: none !important;
    /* font-weight: bold !important; */
    font-family: 'goudy' !important;
    --s: (var(--scale) / 4.5);
    /* font-size: calc(70px * var(--s)) !important; */
    font-size: 1.3rem;
    min-width: calc(280px * var(--s)) !important;
    min-height: calc(200px * var(--s)) !important;
    padding-inline: calc(95px * var(--s)) !important;
    padding-block: calc(51px * var(--s)) !important;
  }

  .fantasy-btn-xs {
    --scale: 0.5 !important;
  }

  .fantasy-btn-sm {
    --scale: 0.75 !important;
  }

  .fantasy-btn,
  .fantasy-btn-md {
    --scale: 1 !important;
  }

  .fantasy-btn-lg {
    --scale: 1.25 !important;
  }

  .fantasy-btn-xl {
    --scale: 1.5 !important;
  }

  .fantasy-btn-2xl {
    --scale: 2 !important;
  }

  .fantasy-btn-3xl {
    --scale: 3 !important;
  }

  [class*="fantasy-btn"] {
    --_text-base-color: var(--text-color) !important;
    --_text-hover-color: var(--text-hover-color, var(--_text-base-color)) !important;
    --_text-focus-color: var(--text-focus-color, var(--_text-hover-color)) !important;
    --_text-active-color: var(--text-active-color, var(--_text-focus-color)) !important;
    --_text-state-color: var(--_text-base-color) !important;
    color: var(--_text-state-color) !important;
    --_text-base-shadow: var(--text-shadow) !important;
    --_text-hover-shadow: var(--text-hover-shadow, var(--_text-base-shadow)) !important;
    --_text-focus-shadow: var(--text-focus-shadow, var(--_text-hover-shadow)) !important;
    --_text-active-shadow: var(--text-active-shadow, var(--_text-focus-shadow)) !important;
    --_text-state-shadow: var(--_text-base-shadow) !important;
    text-shadow: var(--_text-state-shadow) !important;

    --_outline-base-color: var(--outline-color, currentColor) !important;
    --_outline-hover-color: var(--outline-hover-color, var(--_outline-base-color)) !important;
    --_outline-focus-color: var(--outline-focus-color, var(--_outline-hover-color)) !important;
    --_outline-active-color: var(--outline-active-color, var(--_outline-focus-color)) !important;
    --_outline-state-color: var(--_outline-base-color) !important;

    --_outline-base-size: var(--outline-size, 0px) !important;
    --_outline-hover-size: var(--outline-hover-size, calc(5px * var(--s))) !important;
    --_outline-focus-size: var(--outline-focus-size, var(--_outline-hover-size)) !important;
    --_outline-active-size: var(--outline-active-size, var(--_outline-focus-size)) !important;
    --_outline-state-size: var(--_outline-base-size) !important;

    --_outline-base-offset: var(--outline-offset, 0px) !important;
    --_outline-hover-offset: var(--outline-hover-offset, calc(15px * var(--s))) !important;
    --_outline-focus-offset: var(--outline-focus-offset,
        var(--_outline-hover-offset)) !important;
    --_outline-active-offset: var(--outline-active-offset,
        var(--_outline-focus-offset)) !important;
    --_outline-state-offset: var(--_outline-base-offset) !important;

    --_outline-base-style: var(--outline-style, none) !important;
    --_outline-hover-style: var(--outline-hover-style, var(--_outline-base-style)) !important;
    --_outline-focus-style: var(--outline-focus-style, solid) !important;
    --_outline-active-style: var(--outline-active-style, var(--_outline-focus-style)) !important;
    --_outline-state-style: var(--_outline-base-style) !important;

    outline: var(--_outline-state-size) var(--_outline-state-style) var(--_outline-state-color) !important;
    outline-offset: var(--_outline-state-offset) !important;
  }

  .fantasy-btn-xl,
  .fantasy-btn-2xl,
  .fantasy-btn-3xl {
    --_outline-hover-offset: var(--outline-hover-offset,
        calc(-68px * var(--s))) !important;
  }

  [class*="fantasy-btn"]:hover {
    --_text-state-color: var(--_text-hover-color) !important;
    --_text-state-shadow: var(--_text-hover-shadow) !important;
    --_outline-state-size: var(--_outline-hover-size) !important;
    --_outline-state-style: var(--_outline-hover-style) !important;
    --_outline-state-color: var(--_outline-hover-color) !important;
    --_outline-state-offset: var(--_outline-hover-offset) !important;
  }

  [class*="fantasy-btn"]:focus {
    --_text-state-color: var(--_text-focus-color) !important;
    --_text-state-shadow: var(--_text-focus-shadow) !important;
    --_outline-state-size: var(--_outline-focus-size) !important;
    --_outline-state-style: var(--_outline-focus-style) !important;
    --_outline-state-color: var(--_outline-focus-color) !important;
    --_outline-state-offset: var(--_outline-focus-offset) !important;
  }

  [class*="fantasy-btn"]:active {
    --_text-state-color: var(--_text-active-color) !important;
    --_text-state-shadow: var(--_text-active-shadow) !important;
    --_outline-state-size: var(--_outline-active-size) !important;
    --_outline-state-style: var(--_outline-active-style) !important;
    --_outline-state-color: var(--_outline-active-color) !important;
    --_outline-state-offset: var(--_outline-active-offset) !important;
  }

  [class*="fantasy-btn"]::after {
    --_border-base-opacity: var(--border-opacity, 1) !important;
    --_border-hover-opacity: var(--border-hover-opacity,
        var(--_border-base-opacity)) !important;
    --_border-focus-opacity: var(--border-focus-opacity,
        var(--_border-hover-opacity)) !important;
    --_border-active-opacity: var(--border-active-opacity,
        var(--_border-focus-opacity)) !important;
    --_border-state-opacity: var(--_border-base-opacity) !important;

    --_border-base-bg: var(--border-bg, currentColor) !important;
    --_border-hover-bg: var(--border-hover-bg, var(--_border-base-bg)) !important;
    --_border-focus-bg: var(--border-focus-bg, var(--_border-hover-bg)) !important;
    --_border-active-bg: var(--border-active-bg, var(--_border-focus-bg)) !important;

    --_border-state-bg: var(--_border-base-bg) !important;
  }

  [class*="fantasy-btn"]:hover::after {
    --_border-state-opacity: var(--_border-hover-opacity) !important;
    --_border-state-bg: var(--_border-hover-bg) !important;
  }

  [class*="fantasy-btn"]:focus::after {
    --_border-state-opacity: var(--_border-focus-opacity) !important;
    --_border-state-bg: var(--_border-focus-bg) !important;
  }

  [class*="fantasy-btn"]:active::after {
    --_border-state-opacity: var(--_border-active-opacity) !important;
    --_border-state-bg: var(--_border-active-bg) !important;
  }

  [class*="fantasy-btn"]::before {
    --_inlay-base-opacity: var(--inlay-opacity, 1) !important;
    --_inlay-hover-opacity: var(--inlay-hover-opacity,
        var(--_inlay-base-opacity)) !important;
    --_inlay-focus-opacity: var(--inlay-focus-opacity,
        var(--_inlay-hover-opacity)) !important;
    --_inlay-active-opacity: var(--inlay-active-opacity,
        var(--_inlay-focus-opacity)) !important;
    --_inlay-state-opacity: var(--inlay-base-opacity) !important;

    --_inlay-base-bg: var(--inlay-bg, #8888) !important;
    --_inlay-hover-bg: var(--inlay-hover-bg, var(--_inlay-base-bg)) !important;
    --_inlay-focus-bg: var(--inlay-focus-bg, var(--_inlay-hover-bg)) !important;
    --_inlay-active-bg: var(--inlay-active-bg, var(--_inlay-focus-bg)) !important;

    --_inlay-state-bg: var(--_inlay-base-bg) !important;
  }

  [class*="fantasy-btn"]:hover::before {
    --_inlay-state-opacity: var(--_inlay-hover-opacity) !important;
    --_inlay-state-bg: var(--_inlay-hover-bg) !important;
  }

  [class*="fantasy-btn"]:focus::before {
    --_inlay-state-opacity: var(--_inlay-focus-opacity) !important;
    --_inlay-state-bg: var(--_inlay-focus-bg) !important;
  }

  [class*="fantasy-btn"]:active::before {
    --_inlay-state-opacity: var(--_inlay-active-opacity) !important;
    --_inlay-state-bg: var(--_inlay-active-bg) !important;
  }

  [class*="fantasy-btn"]::before,
  [class*="fantasy-btn"]::after {
    content: "" !important;
    position: absolute !important;
    inset: 0px !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  [class*="fantasy-btn"]::before {
    background: var(--_inlay-state-bg) !important;
    opacity: var(--_inlay-state-opacity) !important;
    clip-path: polygon(calc(50px * var(--s)) calc(82px * var(--s)),
        calc(114px * var(--s)) calc(18px * var(--s)),
        calc(100% - 114px * var(--s)) calc(18px * var(--s)),
        calc(100% - 50px * var(--s)) calc(82px * var(--s)),
        calc(100% - 50px * var(--s)) calc(100% - 82px * var(--s)),
        calc(100% - 114px * var(--s)) calc(100% - 18px * var(--s)),
        calc(114px * var(--s)) calc(100% - 18px * var(--s)),
        calc(50px * var(--s)) calc(100% - 82px * var(--s))) !important;
  }

  [class*="fantasy-btn"]::after {
    background: var(--_border-state-bg) !important;
    opacity: var(--_border-state-opacity) !important;
    clip-path: polygon(
        /* home */
        calc(37px * var(--s)) calc(44px * var(--s)),
        /* jump union point */
        calc(52px * var(--s)) calc(29px * var(--s)),
        calc(61px * var(--s)) calc(18px * var(--s)),
        calc(82.5px * var(--s)) calc(39.5px * var(--s)),
        calc(61px * var(--s)) calc(61px * var(--s)),
        0px 0px,
        calc(77px * var(--s)) 0px,
        calc(90px * var(--s)) calc(13px * var(--s)),
        calc(103px * var(--s)) 0px,

        calc(100% - 103px * var(--s)) 0px,
        calc(100% - 90px * var(--s)) calc(13px * var(--s)),
        calc(100% - 77px * var(--s)) 0px,
        100% 0px,
        calc(100% - 61px * var(--s)) calc(61px * var(--s)),
        calc(100% - 82.5px * var(--s)) calc(39.5px * var(--s)),
        calc(100% - 61px * var(--s)) calc(18px * var(--s)),

        /*... -x union point, jump ...*/
        calc(100% - 52px * var(--s)) calc(29px * var(--s)),
        calc(100% - 37px * var(--s)) calc(44px * var(--s)),

        calc(100% - 24.5px * var(--s)) calc(56.5px * var(--s)),
        calc(100% - 32.5px * var(--s)) calc(64.5px * var(--s)),

        calc(100% - 32.5px * var(--s)) calc(100% - 64.5px * var(--s)),
        calc(100% - 24.5px * var(--s)) calc(100% - 56.5px * var(--s)),

        calc(100% - 37px * var(--s)) calc(100% - 44px * var(--s)),
        calc(100% - 52px * var(--s)) calc(100% - 29px * var(--s)),

        calc(100% - 61px * var(--s)) calc(100% - 18px * var(--s)),
        calc(100% - 82.5px * var(--s)) calc(100% - 39.5px * var(--s)),
        calc(100% - 61px * var(--s)) calc(100% - 61px * var(--s)),
        100% 100%,

        calc(100% - 77px * var(--s)) 100%,
        calc(100% - 90px * var(--s)) calc(100% - 13px * var(--s)),
        calc(100% - 103px * var(--s)) 100%,

        calc(103px * var(--s)) 100%,
        calc(90px * var(--s)) calc(100% - 13px * var(--s)),
        calc(77px * var(--s)) 100%,

        0px 100%,
        calc(61px * var(--s)) calc(100% - 61px * var(--s)),
        calc(82.5px * var(--s)) calc(100% - 39.5px * var(--s)),
        calc(61px * var(--s)) calc(100% - 18px * var(--s)),

        calc(52px * var(--s)) calc(100% - 29px * var(--s)),
        calc(37px * var(--s)) calc(100% - 44px * var(--s)),

        calc(24.5px * var(--s)) calc(100% - 56.5px * var(--s)),
        calc(32.5px * var(--s)) calc(100% - 64.5px * var(--s)),

        calc(32.5px * var(--s)) calc(64.5px * var(--s)),
        calc(24.5px * var(--s)) calc(56.5px * var(--s)),

        /* first point in the path, time to CCW inner path */
        calc(37px * var(--s)) calc(44px * var(--s)),
        /* w = ~8 */
        calc(45px * var(--s)) calc(52px * var(--s)),
        calc(41px * var(--s)) calc(56px * var(--s)),
        calc(50px * var(--s)) calc(66px * var(--s)),
        calc(40.5px * var(--s)) calc(75.5px * var(--s)),

        calc(40.5px * var(--s)) calc(100% - 75.5px * var(--s)),
        calc(50px * var(--s)) calc(100% - 66px * var(--s)),
        calc(41px * var(--s)) calc(100% - 56px * var(--s)),
        calc(45px * var(--s)) calc(100% - 52px * var(--s)),

        calc(37px * var(--s)) calc(100% - 44px * var(--s)),

        calc(52px * var(--s)) calc(100% - 29px * var(--s)),
        calc(59.5px * var(--s)) calc(100% - 36.5px * var(--s)),
        calc(61px * var(--s)) calc(100% - 35px * var(--s)),
        calc(65.5px * var(--s)) calc(100% - 39.5px * var(--s)),
        calc(61px * var(--s)) calc(100% - 44px * var(--s)),
        calc(25px * var(--s)) calc(100% - 8px * var(--s)),
        calc(72.5px * var(--s)) calc(100% - 8px * var(--s)),
        calc(90px * var(--s)) calc(100% - 25.5px * var(--s)),
        calc(107.5px * var(--s)) calc(100% - 8px * var(--s)),

        calc(100% - 107.5px * var(--s)) calc(100% - 8px * var(--s)),
        calc(100% - 90px * var(--s)) calc(100% - 25.5px * var(--s)),
        calc(100% - 72.5px * var(--s)) calc(100% - 8px * var(--s)),
        calc(100% - 25px * var(--s)) calc(100% - 8px * var(--s)),
        calc(100% - 61px * var(--s)) calc(100% - 44px * var(--s)),
        calc(100% - 65.5px * var(--s)) calc(100% - 39.5px * var(--s)),
        calc(100% - 61px * var(--s)) calc(100% - 35px * var(--s)),
        calc(100% - 59.5px * var(--s)) calc(100% - 36.5px * var(--s)),
        calc(100% - 52px * var(--s)) calc(100% - 29px * var(--s)),

        calc(100% - 37px * var(--s)) calc(100% - 44px * var(--s)),

        calc(100% - 45px * var(--s)) calc(100% - 52px * var(--s)),
        calc(100% - 41px * var(--s)) calc(100% - 56px * var(--s)),
        calc(100% - 50px * var(--s)) calc(100% - 66px * var(--s)),
        calc(100% - 40.5px * var(--s)) calc(100% - 75.5px * var(--s)),

        calc(100% - 40.5px * var(--s)) calc(75.5px * var(--s)),
        calc(100% - 50px * var(--s)) calc(66px * var(--s)),
        calc(100% - 41px * var(--s)) calc(56px * var(--s)),
        calc(100% - 45px * var(--s)) calc(52px * var(--s)),

        calc(100% - 37px * var(--s)) calc(44px * var(--s)),

        calc(100% - 52px * var(--s)) calc(29px * var(--s)),
        calc(100% - 59.5px * var(--s)) calc(36.5px * var(--s)),
        calc(100% - 61px * var(--s)) calc(35px * var(--s)),
        calc(100% - 65.5px * var(--s)) calc(39.5px * var(--s)),
        calc(100% - 61px * var(--s)) calc(44px * var(--s)),
        calc(100% - 25px * var(--s)) calc(8px * var(--s)),
        calc(100% - 72.5px * var(--s)) calc(8px * var(--s)),
        calc(100% - 90px * var(--s)) calc(25.5px * var(--s)),
        calc(100% - 107.5px * var(--s)) calc(8px * var(--s)),

        calc(107.5px * var(--s)) calc(8px * var(--s)),
        calc(90px * var(--s)) calc(25.5px * var(--s)),
        calc(72.5px * var(--s)) calc(8px * var(--s)),
        calc(25px * var(--s)) calc(8px * var(--s)),
        calc(61px * var(--s)) calc(44px * var(--s)),
        calc(65.5px * var(--s)) calc(39.5px * var(--s)),
        calc(61px * var(--s)) calc(35px * var(--s)),
        calc(59.5px * var(--s)) calc(36.5px * var(--s)),
        /* union point */
        calc(52px * var(--s)) calc(29px * var(--s)),
        /* jump home */
        calc(37px * var(--s)) calc(44px * var(--s)));
  }
}

.page.no-sidebar .content-area,
.single.no-sidebar .content-area {
  /*! max-width: 760px; */
  max-width: initial !important;
  margin: 0 auto;
}


#fullscreen-menu-toggle {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 3px double #7F6000 !important;
}

.modify-registration {
  margin-top: 2rem;
  width: 30%;
  opacity: 0.7 !important;
  padding: 1rem;
  border: 1px dotted rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.5);
}

.modify-registration * {
  font-size: 1rem !important;
}

html body.wp-singular.page-template-default.page.page-id-19.logged-in.admin-bar.custom-background.wp-embed-responsive.wp-theme-scapeshot.wp-child-theme-scapeshot-wedding.custom-background-image.fluid-layout.navigation-full-screen.no-sidebar.content-width-layout.excerpt.color-scheme-wedding.has-header-image.customize-support div#page.site div#content.site-content div.wrapper div#primary.content-area main#main.site-main article#post-19.post-19.page.type-page.status-publish.has-post-thumbnail.hentry div.entry-content div#rsvpPlugin div.modify-registration form#rsvp {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.modify-registration p.rsvpParagraph:last-child {
  align-self: flex-end !important;
}

.modify-registration button {
  /* why won't it work??? */
}

label {
  font-family: 'junicode' !important;
}

input {
  font-family: 'junicode' !important;
  font-weight: bold !important;
}

.rsvpBorderTop {
  background-image: url('/wp-content/uploads/2025/06/SkyrimUnderline.png');
}

.fullscreen-menu-inside-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url('/wp-content/uploads/2025/06/subtle_textured_beige_background.jpg');
  background-repeat: repeat;
  ;
}

.header-blank {
  background-color: rgba(255, 255, 255, 0) !important;
}

.menu-label {
  font-weight: bold;
}

#post-33 .entry-content {
  background: none;
  border: none;
}

.entry-content {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url('/wp-content/uploads/2025/06/subtle_textured_beige_background.jpg');
  background-repeat: repeat;
  ;
  padding: 2rem;
  color: #111;
  border: 3px double #7F6000;
}

.entry-content p {
  font-family: 'junicode';
  font-size: 1.3rem;
}

.entry-content input[type="text"] {
  color: #111;
  font-size: 1.3rem;
}

.entry-content label {
  font-size: 1.3rem;
}

.required {
  color: #222222;
}

.valid {
  color: #008000;
}

.secretstacey::selection,
.secretstacey::-webkit-selection {
  /* yeah I'm overriding my own CSS */
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: #111 !important;
}

.fullscreen-menu-toggle button {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url('/wp-content/uploads/2025/06/subtle_textured_beige_background.jpg');
  background-repeat: repeat;
  ;
  padding: 2rem;
  color: #111;
  border: 3px double #7F6000;
}

@media screen and (max-width: 48em) {
  .fullscreen-menu-toggle * {
    color: #111 !important;
  }

  .fullscreen-menu-toggle:hover * {
    color: black !important;
  }
}