.elementor-29 .elementor-element.elementor-element-a647d05{--display:flex;--position:fixed;--min-height:100vh;--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;--justify-content:center;top:0px;}.elementor-29 .elementor-element.elementor-element-a647d05 .elementor-background-slideshow__slide__image{background-size:cover;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-a647d05{left:0px;}body.rtl .elementor-29 .elementor-element.elementor-element-a647d05{right:0px;}.elementor-29 .elementor-element.elementor-element-dcbce2a{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-38c0bef img{width:80%;height:100vh;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-436e305{--display:flex;--min-height:100vh;--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-29 .elementor-element.elementor-element-7f095aa{--display:flex;--min-height:100vh;--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;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-0a1e9f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-0a1e9f8.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-0a1e9f8 .elementor-heading-title{font-family:"HanleyPro-Block", Sans-serif;font-weight:600;letter-spacing:10px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f23e9e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 05px) 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-f23e9e6.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f23e9e6 .elementor-heading-title{font-family:"HanleyPro-Block", Sans-serif;font-weight:600;letter-spacing:10px;word-spacing:0px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-29 .elementor-element.elementor-element-d7215e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sintony", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-819253c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 05px) 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-819253c.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-819253c .elementor-heading-title{font-family:"HanleyPro-Block", Sans-serif;font-weight:600;letter-spacing:10px;word-spacing:0px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f083e06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sintony", Sans-serif;font-size:16px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-d6ce0d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sintony", Sans-serif;font-size:16px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-143358f{--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;--justify-content:space-around;}.elementor-29 .elementor-element.elementor-element-8d1b46d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sintony", Sans-serif;font-size:16px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-8816037{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sintony", Sans-serif;font-size:16px;font-weight:300;line-height:39px;color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-29{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-0a1e9f8 .elementor-heading-title{line-height:2.3em;}.elementor-29 .elementor-element.elementor-element-d7215e8{line-height:1.9em;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-a647d05 .elementor-background-slideshow__slide__image{background-size:auto;background-position:center center;}.elementor-29 .elementor-element.elementor-element-dcbce2a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-38c0bef img{width:100%;object-position:bottom center;}.elementor-29 .elementor-element.elementor-element-0a1e9f8 .elementor-heading-title{line-height:1.7em;}}/* Start custom CSS for container, class: .elementor-element-dcbce2a */.elementor-29 .elementor-element.elementor-element-dcbce2a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    min-height: 100vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a647d05 *//* fixed background layer */
#hatter{
  position: fixed;
  inset: 0;
  z-index: -1;                 /* stays behind content */
  pointer-events: none;
  background-image: url('https://hatterswonder.land/wp-content/uploads/2025/10/HattersWonderlandBG_rev7_cropped.png');
  background-repeat: no-repeat;
  background-color: #000;      /* gutters are pure black */
  transition: background-size .3s ease, background-position .3s ease;
}

/* -------- Portrait (phones) --------
   Show *more* of the image so the smoke never kisses the edges.
   We fit slightly smaller than the viewport height to create black margins. */
@media (max-aspect-ratio: 9/16) {      /* tall phones */
  #hatter{
    background-size: auto 70%;         /* dial down the zoom */
    background-position: center 52%;   /* slight bias upward (more hat) */
  }
}
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 2/3) { /* most phones */
  #hatter{
    background-size: auto 70%;
    background-position: center 54%;
  }
}
@media (min-aspect-ratio: 2/3) and (max-aspect-ratio: 3/4) {  /* short portrait / small tablets */
  #hatter{
    background-size: auto 98%;
    background-position: center 55%;
  }
}

/* -------- Landscape / Desktop --------
   Keep the hand parked at the bottom and the hat touching the top. */
@media (min-aspect-ratio: 4/3) {
  #hatter{
    background-size: auto 100%;        /* fill height, add side space as needed */
    background-position: center bottom;/* hand at bottom edge */
  }
}

/* -------- Ultra-wide -------- */
@media (min-aspect-ratio: 21/9) {
  #hatter{
    background-size: auto 100%;        /* keep full height, natural black gutters on sides */
    background-position: center bottom;
  }
}/* End custom CSS */