.elementor-878 .elementor-element.elementor-element-1e507b6{--display:flex;--min-height:480px;--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;--overlay-opacity:0.55;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-878 .elementor-element.elementor-element-1e507b6:not(.elementor-motion-effects-element-type-background), .elementor-878 .elementor-element.elementor-element-1e507b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stockstugan.com/wp-content/uploads/2026/03/Gemini_Generated_Image_bqpo22bqpo22bqpo-1-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-878 .elementor-element.elementor-element-1e507b6::before, .elementor-878 .elementor-element.elementor-element-1e507b6 > .elementor-background-video-container::before, .elementor-878 .elementor-element.elementor-element-1e507b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-878 .elementor-element.elementor-element-1e507b6 > .elementor-background-slideshow::before, .elementor-878 .elementor-element.elementor-element-1e507b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-878 .elementor-element.elementor-element-1e507b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-878 .elementor-element.elementor-element-b2f5d50 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-878 .elementor-element.elementor-element-5036ba9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-878 .elementor-element.elementor-element-5036ba9:not(.elementor-motion-effects-element-type-background), .elementor-878 .elementor-element.elementor-element-5036ba9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#322521;}.elementor-878 .elementor-element.elementor-element-68ab0d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-878 .elementor-element.elementor-element-d04bc62{padding:0px 0px 10px 0px;text-align:center;}.elementor-878 .elementor-element.elementor-element-d04bc62 .elementor-heading-title{font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.85em;letter-spacing:2px;color:var( --e-global-color-astglobalcolor0 );}.elementor-878 .elementor-element.elementor-element-ed8624f{text-align:center;}.elementor-878 .elementor-element.elementor-element-ed8624f .elementor-heading-title{letter-spacing:0.2em;color:var( --e-global-color-astglobalcolor4 );}.elementor-878 .elementor-element.elementor-element-8171d7b{--grid-columns:1;--auto-scroll-offset:0px;--e-loop-nothing-found-message-color:var( --e-global-color-text );}.elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination{text-align:center;}.elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-astglobalcolor5 );}.elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-astglobalcolor0 );}.elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers.current{color:var( --e-global-color-astglobalcolor0 );}body:not(.rtl) .elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-878 .elementor-element.elementor-element-8171d7b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-878 .elementor-element.elementor-element-1e507b6{--min-height:380px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-878 .elementor-element.elementor-element-5036ba9{--flex-wrap:wrap;--padding-top:75px;--padding-bottom:75px;--padding-left:32px;--padding-right:32px;}.elementor-878 .elementor-element.elementor-element-ed8624f{padding:0px 0px 40px 0px;}.elementor-878 .elementor-element.elementor-element-8171d7b{--grid-columns:2;}}@media(max-width:767px){.elementor-878 .elementor-element.elementor-element-1e507b6{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-878 .elementor-element.elementor-element-b2f5d50{text-align:center;}.elementor-878 .elementor-element.elementor-element-5036ba9{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:24px;--padding-right:24px;}.elementor-878 .elementor-element.elementor-element-d04bc62{text-align:center;}.elementor-878 .elementor-element.elementor-element-ed8624f{padding:0px 20px 30px 20px;text-align:center;}.elementor-878 .elementor-element.elementor-element-8171d7b{--grid-columns:1;}}@media(min-width:768px){.elementor-878 .elementor-element.elementor-element-68ab0d8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-878 .elementor-element.elementor-element-68ab0d8{--width:100%;}}@media(min-width:1025px){.elementor-878 .elementor-element.elementor-element-1e507b6:not(.elementor-motion-effects-element-type-background), .elementor-878 .elementor-element.elementor-element-1e507b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for loop-grid, class: .elementor-element-8171d7b *//* ====== EVENT ROW: layout & premium look ====== */

/* Gör hela loop-item till en “rad” med padding + divider */
.elementor-loop-container .e-loop-item .elementor-element-e222165{
  padding: 44px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* Radens inner layout: datum vänster, content höger */
.elementor-loop-container .e-loop-item .elementor-element-e222165 > .e-con-inner{
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

/* Vänster kolumn (datum) */
.elementor-loop-container .e-loop-item .elementor-element-697dacb{
  width: 140px !important;
  min-width: 140px;
}

/* Höger kolumn (innehåll) */
.elementor-loop-container .e-loop-item .elementor-element-0e5b17c{
  flex: 1;
  max-width: 780px;
}

/* ====== DATUM ====== */
/* Styla själva texten (h2) för att slå Elementor specificity */
.elementor-loop-container .e-loop-item .st-event-date .elementor-heading-title{
  font-size: 58px;
  line-height: 1;
  letter-spacing: .02em;
  font-family: "Playfair Display", serif;
  font-weight: 600;
  color: #caa15a;
  margin: 0;
  text-transform: uppercase;
  opacity: .95;
}

/* Om du vill att månad ska se “lättare” ut utan att splitta fält:
   gör "19 mar" mer editorial via liten tracking */
.elementor-loop-container .e-loop-item .st-event-date .elementor-heading-title{
  font-variant-numeric: lining-nums;
}

/* ====== TITEL ====== */
.elementor-loop-container .e-loop-item .st-event-title .elementor-heading-title{
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}

/* ====== BESKRIVNING ====== */
.elementor-loop-container .e-loop-item .st-event-desc{
  margin-top: 0;
}
.elementor-loop-container .e-loop-item .st-event-desc p{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.72);
}

/* ====== KNAPP: mer “förtroende” (inte en stor orange kloss) ====== */
.elementor-loop-container .e-loop-item .st-event-btn .elementor-button{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: #d06a2b !important;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.elementor-loop-container .e-loop-item .st-event-btn .elementor-button .elementor-button-text{
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
}

/* Underline som växer på hover */
.elementor-loop-container .e-loop-item .st-event-btn .elementor-button .elementor-button-text:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:1px;
  width:0%;
  background: rgba(208,106,43,.9);
  transition: width .28s ease;
}

.elementor-loop-container .e-loop-item:hover .st-event-btn .elementor-button .elementor-button-text:after{
  width:100%;
}

/* Subtila hover-lyft */
.elementor-loop-container .e-loop-item{
  transition: transform .25s ease, opacity .25s ease;
}
.elementor-loop-container .e-loop-item:hover{
  transform: translateY(-2px);
}

/* ====== Scroll-in animation (JS togglar .is-inview) ====== */
.elementor-loop-container .e-loop-item{
  opacity: 01;
  transform: translateY(14px);
}

.elementor-loop-container .e-loop-item.is-inview{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .55s ease, transform .55s ease;
}

/* Mobil */
@media (max-width: 767px){
  .elementor-loop-container .e-loop-item .elementor-element-e222165 > .e-con-inner{
    gap: 18px;
  }
  .elementor-loop-container .e-loop-item .elementor-element-697dacb{
    width: 90px !important;
    min-width: 90px;
  }
  .elementor-loop-container .e-loop-item .st-event-date .elementor-heading-title{
    font-size: 40px;
  }
  .elementor-loop-container .e-loop-item .st-event-title .elementor-heading-title{
    font-size: 24px;
  }
}
/* Datum-wrap */
.st-event-date-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width: 140px;       /* öka om det behövs */
  min-width: 140px;
}

/* Dag */
.st-event-day .elementor-heading-title{
  font-size: 64px;
  line-height: 1;
  font-family: "Playfair Display", serif;
  font-weight: 600;
  color: #caa15a;
  margin: 0;
}

/* Månad – tvinga EN rad */
.st-event-month .elementor-heading-title{
  margin: 6px 0 0;
  font-size: 44px;                 /* matcha din look */
  line-height: 1;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  color: rgba(202,161,90,.95);
  letter-spacing: .10em;

  /* Här är fixen */
  white-space: nowrap;             /* aldrig radbryt */
  word-break: normal;
  overflow-wrap: normal;
}

/* Om Elementor/tema har aggressiv brytning på headings */
.st-event-month .elementor-heading-title,
.st-event-day .elementor-heading-title{
  hyphens: none;
}

/* Mobil: gör datum smalare men fortfarande två rader */
@media (max-width: 767px){
  .st-event-date-wrap{ width: 96px; min-width: 96px; }
  .st-event-day .elementor-heading-title{ font-size: 46px; }
  .st-event-month .elementor-heading-title{ font-size: 28px; letter-spacing: .12em; }
}

/* ===== HARD RESET: stoppa vertikal text / bokstav-per-rad i datum ===== */
.elementor-loop-container .e-loop-item .elementor-element-697dacb,
.elementor-loop-container .e-loop-item .elementor-element-697dacb *{
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
}

/* Tvinga månad att vara en rad även om någon global regel försöker bryta */
.elementor-loop-container .e-loop-item .st-event-month .elementor-heading-title{
  display: inline-block !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
  letter-spacing: .10em;
}

/* Två-raders datum */
.st-event-date-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 6px;
}

/* 19 */
.st-event-day .elementor-heading-title{
  font-size: 64px;
  line-height: 1;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-weight: 600;
  color: #caa15a;
}

/* MAR */
.st-event-month .elementor-heading-title{
  font-size: 44px;
  line-height: 1;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  color: rgba(202,161,90,.95);
  letter-spacing: .10em;
  white-space: nowrap;
}/* End custom CSS */