.elementor-18638 .elementor-element.elementor-element-b00c26b{--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:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-widget-theme-post-featured-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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-18638 .elementor-element.elementor-element-be7afd1 img{width:100%;border-radius:18px 18px 18px 18px;}.elementor-widget-theme-post-title .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 );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt .elementor-widget-container{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 );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-theme-post-content{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-18638 .elementor-element.elementor-element-e9ed046{--display:flex;}@media(max-width:1024px){.elementor-widget-theme-post-featured-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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-theme-post-title .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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-theme-post-excerpt .elementor-widget-container{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-theme-post-content{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 );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-18638 .elementor-element.elementor-element-b00c26b{--content-width:960px;}}@media(max-width:767px){.elementor-18638 .elementor-element.elementor-element-b00c26b{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-widget-theme-post-featured-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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-theme-post-title .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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-theme-post-excerpt .elementor-widget-container{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-theme-post-content{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 );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* ============================================================
   POI SINGLE TEMPLATE – Ekolsunds slottsguide
   Version: v1 städad
   Scope: #ek-poi-page / .ek-poi-page
   ============================================================ */


/* ------------------------------------------------------------
   1. Grund / variabler
   ------------------------------------------------------------ */

#ek-poi-page,
.ek-poi-page {
  --ek-ink: #2B2B2B;
  --ek-soft: #5B594F;
  --ek-muted: #777366;

  --ek-blue: #3A4A6B;
  --ek-green: #3F5247;
  --ek-gold: #B08A4A;
  --ek-red: #A61E2D;

  --ek-paper: #FFFFFF;
  --ek-bg: #FAFAF8;
  --ek-line: #E5E1D8;

  --ek-serif: "Cormorant Garamond", Georgia, serif;
  --ek-serif2: "EB Garamond", Georgia, serif;
  --ek-sans: "Jost", system-ui, sans-serif;

  max-width: 960px;
  margin: 0 auto;
  padding: 32px 18px 64px;

  color: var(--ek-ink);
  font-family: var(--ek-serif2);
  line-height: 1.58;
}

#ek-poi-page *,
.ek-poi-page * {
  box-sizing: border-box;
}


/* ------------------------------------------------------------
   2. Topplänk
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-top,
.ek-poi-page .ek-poi-top {
  margin-bottom: 22px;
}

#ek-poi-page .ek-back,
.ek-poi-page .ek-back {
  font-family: var(--ek-sans);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ek-blue);
  text-decoration: none;
}


/* ------------------------------------------------------------
   3. Hero-bild / featured image
   Träffar både egen klass och Elementors featured image-widget
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-image,
.ek-poi-page .ek-poi-image,
#ek-poi-page .elementor-widget-theme-post-featured-image,
.ek-poi-page .elementor-widget-theme-post-featured-image {
  width: 100%;
  max-height: 380px;
  overflow: hidden;
  border-radius: 22px;
}

#ek-poi-page .ek-poi-image img,
.ek-poi-page .ek-poi-image img,
#ek-poi-page .elementor-widget-theme-post-featured-image img,
.ek-poi-page .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  height: 380px !important;
  max-height: 380px !important;

  display: block;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 22px;
}


/* ------------------------------------------------------------
   4. Rubrikblock
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-label,
.ek-poi-page .ek-poi-label {
  margin-top: 28px;
  text-align: center;

  font-family: var(--ek-sans);
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ek-blue);
}

#ek-poi-page .ek-poi-title,
.ek-poi-page .ek-poi-title {
  max-width: 760px;
  margin: 10px auto 10px;

  text-align: center;
  font-family: var(--ek-serif);
  font-size: clamp(2.4rem, 8vw, 4.8rem);
  font-weight: 300;
  line-height: 1.02;
  color: var(--ek-ink);
}

#ek-poi-page .ek-poi-excerpt,
.ek-poi-page .ek-poi-excerpt {
  max-width: 720px;
  margin: 0 auto 28px;

  text-align: center;
  color: var(--ek-soft);
  font-size: 1.08rem;
}


/* ------------------------------------------------------------
   5. Huvudinnehåll
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-content,
.ek-poi-page .ek-poi-content {
  max-width: 760px;
  margin: 30px auto;

  font-size: 1.08rem;
  color: var(--ek-ink);
}

#ek-poi-page .ek-poi-content p,
.ek-poi-page .ek-poi-content p {
  margin-bottom: 1.1em;
}


/* ------------------------------------------------------------
   6. Sektionsrubriker
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-section-title,
.ek-poi-page .ek-poi-section-title {
  max-width: 760px;
  margin: 42px auto 14px;

  font-family: var(--ek-serif);
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  font-weight: 400;
  color: var(--ek-ink);
}


/* ------------------------------------------------------------
   7. Karta
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-map,
.ek-poi-page .ek-poi-map {
  max-width: 860px;
  margin: 0 auto 34px;

  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--ek-line);
  background: var(--ek-bg);
}


/* ------------------------------------------------------------
   8. Swish / stiftelsekort
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-swish,
.ek-poi-page .ek-poi-swish {
  position: relative;

  max-width: 860px;
  margin: 38px auto;
  padding: 24px 22px;

  background: #fff;
  border: 1px solid var(--ek-line);
  border-radius: 22px;
  box-shadow: 0 10px 32px rgba(43, 43, 43, 0.07);
  overflow: hidden;
}

#ek-poi-page .ek-poi-swish::before,
.ek-poi-page .ek-poi-swish::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 8px;
  background: linear-gradient(90deg, var(--ek-red), #C94747, #D8C28A);
}

#ek-poi-page .ek-poi-swish-heart,
.ek-poi-page .ek-poi-swish-heart {
  position: absolute;
  top: 20px;
  right: 22px;

  width: 44px;
  height: 44px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: var(--ek-red);
  color: #fff;
  font-size: 1.55rem;
}

#ek-poi-page .ek-eyebrow,
.ek-poi-page .ek-eyebrow {
  max-width: calc(100% - 62px);

  font-family: var(--ek-sans);
  font-size: 0.7rem;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: var(--ek-red);
}

#ek-poi-page .ek-poi-swish h2,
.ek-poi-page .ek-poi-swish h2 {
  max-width: 680px;
  margin: 12px 0 8px;

  font-family: var(--ek-serif);
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  font-weight: 400;
  line-height: 1.08;
}

#ek-poi-page .ek-poi-swish p,
.ek-poi-page .ek-poi-swish p {
  max-width: 720px;
  color: var(--ek-soft);
}

#ek-poi-page .ek-poi-swish-row,
.ek-poi-page .ek-poi-swish-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: baseline;

  margin-top: 16px;
  padding: 14px 16px;

  background: var(--ek-bg);
  border: 1px solid var(--ek-line);
  border-radius: 16px;
}

#ek-poi-page .ek-poi-swish-row strong,
.ek-poi-page .ek-poi-swish-row strong {
  font-family: var(--ek-serif);
  font-size: 1.8rem;
  color: var(--ek-red);
}

#ek-poi-page .ek-poi-swish-row span,
.ek-poi-page .ek-poi-swish-row span {
  font-family: var(--ek-sans);
  font-size: 0.92rem;
  color: var(--ek-ink);
}


/* ------------------------------------------------------------
   9. Bottenknappar
   ------------------------------------------------------------ */

#ek-poi-page .ek-poi-bottom,
.ek-poi-page .ek-poi-bottom {
  max-width: 860px;
  margin: 34px auto 0;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#ek-poi-page .ek-button,
.ek-poi-page .ek-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  padding: 12px 22px;
  border-radius: 999px;

  font-family: var(--ek-sans);
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none;
}

#ek-poi-page .ek-button-outline,
.ek-poi-page .ek-button-outline {
  background: #fff;
  border: 1px solid var(--ek-line);
  color: var(--ek-blue);
}

#ek-poi-page .ek-button-dark,
.ek-poi-page .ek-button-dark {
  background: var(--ek-green);
  color: #fff !important;
}


/* ------------------------------------------------------------
   10. Responsivitet
   ------------------------------------------------------------ */

@media (min-width: 760px) {
  #ek-poi-page,
  .ek-poi-page {
    padding: 48px 32px 84px;
  }

  #ek-poi-page .ek-poi-swish,
  .ek-poi-page .ek-poi-swish {
    padding: 30px 34px;
  }
}

@media (max-width: 520px) {
  #ek-poi-page .ek-poi-image,
  .ek-poi-page .ek-poi-image,
  #ek-poi-page .elementor-widget-theme-post-featured-image,
  .ek-poi-page .elementor-widget-theme-post-featured-image {
    max-height: 300px;
  }

  #ek-poi-page .ek-poi-image img,
  .ek-poi-page .ek-poi-image img,
  #ek-poi-page .elementor-widget-theme-post-featured-image img,
  .ek-poi-page .elementor-widget-theme-post-featured-image img {
    height: 300px !important;
    max-height: 300px !important;
  }

  #ek-poi-page .ek-poi-title,
  .ek-poi-page .ek-poi-title {
    font-size: clamp(2.3rem, 10vw, 3.4rem);
  }

  #ek-poi-page .ek-poi-swish-heart,
  .ek-poi-page .ek-poi-swish-heart {
    width: 40px;
    height: 40px;
    font-size: 1.35rem;
  }
}/* End custom CSS */