@font-face{
  font-family:'MonaSans';
  src:url('../fonts/MonaSans-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'MonaSans';
  src:url('../fonts/MonaSans-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'MonaSans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 35px;
}

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
	padding: 6px 30px!important;
	font-weight: 600;
}

html, body { overflow-x: hidden; }


.page-id-2 .et_pb_text_1_tb_header.et_pb_text a {
  color: #ffffff !important;
}

.mobilmeny.et_pb_menu .et_pb_menu__menu>nav>ul {
 display: flex !important;
  flex-wrap: wrap !important;
  max-width: 100vw;
}
  
.mobilmeny .et_mobile_nav_menu {
      display: none!important; 
	max-width: 100vw;
  overflow-x: hidden;
  }

.mobilmeny .et_pb_menu__menu {
  display: flex !important;
	max-width: 100vw;
  overflow-x: hidden;
}
.mobilmeny .et_pb_menu__menu nav ul {
  flex-wrap: wrap !important;
  justify-content: center;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
	padding-right: 10px!important;
}


#slide-in-open {
  cursor: pointer;
}

.line {
  display: block;
  position: absolute;
  height: 2px;
  width: 80%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  transition: 0.1s ease-in-out;
}

.line-2 {
  top: 8px;
}

.line-3 {
  top: 16px;
}

#slide-in-open.open .line-1 {
  top: 10px;
  transform: rotate(135deg);
}

#slide-in-open.open .line-2 {
  display: none !important;
}

#slide-in-open.open .line-3 {
  top: 10px;
  transform: rotate(-135deg);
}

.slide-in-menu {
  left: 0 !important;
  opacity: 1 !important;
  display: block !important;
}

.slide-in-menu-container {
  transition: opacity .5s ease !important;
}

.slide-in-menu-container.overlay-disable:before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(220, 220, 220, 0.6);
}

/* === Header scroll animation === */
.pa-header {
  transition: opacity 0.4s ease;
  opacity: 1;
}

.pa-header.hidden {
  opacity: 0;
  pointer-events: none; /* Valfritt: gör den inte klickbar när dold */
}

 @media screen and (max-width: 1190px) {
	  .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
		 padding-right: 20px;
	  }
}
  
@media (max-width: 980px) {
	
  #menu-primar-meny-1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px;
  }

  #menu-primar-meny-1 li {
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
  }

  #menu-primar-meny-1 a {
    display: block;
    width: 100%;
    text-align: left !important;
    padding: 12px 0;
  }
.et_pb_menu--style-left_aligned .et_pb_menu__wrap{
		 justify-content: flex-start!important;
	}
}


@media only screen and (max-width: 890px) {

 .et_pb_section.et_pb_section_0_tb_header.et_pb_with_background.et_section_regular.et_pb_section--fixed {
    height: 75px;
  }

  .et_pb_image_0_tb_header {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 500px) {
  .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title,
  .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title,
  .et_pb_toggle .et_pb_toggle_title,
  .et_pb_toggle h5.et_pb_toggle_title {
    padding: 0 0px 0 0;
  }
}




/* HOMEPAGE */



  /* ===== Layout & typography ===== */
  .community{
    text-align: center;
  }
  .community__inner{
    max-width: var(--maxw);
    margin-inline: auto;
  }

  .eyebrow{
    font-size: clamp(18px, 2.6vw, 28px);
    font-weight: 700;
    color: var(--text);
    margin: 0 0 10px 0;
  }
  .headline{
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--text);
    margin: 0 0 14px 0;
    letter-spacing: -0.02em;
  }
  .subhead{
    font-size: clamp(16px, 2.8vw, 22px);
    color: var(--muted);
    margin: 0 0 36px 0;
  }

  .cta{
    background: #9b938a;
    color: #fff;
    font-weight: 700;
    font-size: clamp(13px, 2.4vw, 15px);
    text-transform: uppercase;
    padding: 16px 40px;
    border: 0;
    cursor: pointer;
	letter-spacing: 2px;
    transition: background-color .3s ease, transform .2s ease, box-shadow .2s ease, letter-spacing .2s ease;
    border-radius: 40px;
  }
  .cta:hover{
    background: #777065;
  }

  .cta:active{ transform: translateY(1px); }

  /* ===== Fade-in on scroll ===== */
  .fade-item{
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .8s ease, transform .8s ease;
  }
  .community.is-visible .fade-item{
    opacity: 1;
    transform: translateY(0);
  }
  /* Stagger */
  .community.is-visible .fade-item:nth-child(1){ transition-delay: .0s; }
  .community.is-visible .fade-item:nth-child(2){ transition-delay: .15s; }
  .community.is-visible .fade-item:nth-child(3){ transition-delay: .3s; }
  .community.is-visible .fade-item:nth-child(4){ transition-delay: .45s; }

  /* Motion-safety */
  @media (prefers-reduced-motion: reduce){
    .fade-item{ opacity: 1; transform: none; transition: none; }
  }

.scroll-track {
  position: relative;
  height: 50vh;
  display: grid;
  grid-template-rows: 1fr auto; /* gallery + controls */
  row-gap: 12px;
}

/* Sticky scroll container */
.scroll-gallery {
  position: sticky;
  top: 10vh;
  height: 50vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0;
  background: transparent;
  touch-action: none;
  overscroll-behavior: contain;
  z-index: 1;
}

/* Full-bleed hack for wide images */
.scroll-gallery.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* --- Image row --- */
.scroll-gallery__row {
  display: flex;
  gap: 25px;

  /* luft i början och slutet */
  padding-left: 5vw;
  padding-right: 5vw;

  will-change: transform;
  transform: translateX(0);
  backface-visibility: hidden;
  box-sizing: border-box;
}


/* Bilderna */
.scroll-gallery__row img {
  flex: 0 0 auto;
  height: calc(50vh - 8vh);
  aspect-ratio: 5/6;
  object-fit: cover;
  border-radius: 12px;
  pointer-events: none;
  -webkit-user-drag: none;
}

/* ===== Controls ===== */
.hscroll-controls {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  position: relative;
  z-index: 3;
}


.hs-btn {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: none;
  background: rgba(0,0,0,0.1);
  color: #1a1a1a;
  font-size: 26px;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.hs-btn:hover {
  transform: scale(1.06);
  background: rgba(0,0,0,0.16);
}

.scroll-item {
  position: relative;
  flex: 0 0 auto;
}

.scroll-item img {
  display: block;
  height: calc(50vh - 8vh);
  aspect-ratio: 5 / 6;
  object-fit: cover;
  border-radius: 12px;
}

/* Texten */
.scroll-caption {
  position: absolute;
  left: 14px;
  right: 14px;
  font-size: 12px;
  line-height: 1.7;
  bottom: 14px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  /* snygg läsbarhet */
background: rgb(146 137 124 / 44%);
  padding: 6px 10px;
  border-radius: 6px;
  backdrop-filter: blur(2px);
}



/* ===== Mobile: native horizontal scroll ===== */
@media (max-width: 980px) {
  .scroll-track {
    height: auto;
  }

  .scroll-gallery {
    position: relative;
    top: auto;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x proximity;
    padding-block: 8px;

  }
	

  .scroll-gallery__row {
    gap: 14px;
    padding-left: 5vw;
    padding-right: 5vw;
    transform: none !important;
  }

  .scroll-gallery__row img {
    height: 60vw;
    max-height: 58vh;
    aspect-ratio: 3/5;
    border-radius: 10px;
    scroll-snap-align: start;
    pointer-events: auto;
  }

  .hs-btn {
    width: 38px;
    height: 38px;
    font-size: 22px;
  }
}


@media (max-width: 480px) {
	
	 .scroll-gallery__row img {
    height: 90vw;
	aspect-ratio: 3 / 4;
	}
	
  .scroll-gallery__row {
    gap: 10px;
  }
  .scroll-gallery__row img {
    border-radius: 8px;
  }
}


/* ABOUT SIDA */

/* ====== Variabler + wrap ====== */
.about-hero{
  --maxw: 1200px;      /* fallback ifall inte satt globalt */
  --btn: #9b938a;
  --btn-hover: #777065;
  --radius: 24px;
  --gap: 48px;
}

/* ====== Grid ====== */
.about-hero__inner{
  margin: 0 auto;
  max-width: var(--maxw);
  display: grid;
  grid-template-columns: minmax(300px, 1.05fr) minmax(260px, 1fr);
  gap: var(--gap);
  align-items: center;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}

/* fade-in när synlig */
.about-hero.is-visible .about-hero__inner{
  opacity: 1;
  transform: translateY(0);
}

/* ====== Text ====== */

.about-hero__text h2{
  font-size: 45px;
  line-height: 1.05;
  margin: 0 0 12px 0;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.about-hero__text p{
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.65;
  margin: 0;
  max-width: 65ch;
}
.about-hero__btn{
  display: inline-block;
  margin-top: 50px;
  padding: 14px 32px;
  background: var(--btn);
  color: #fff;
  border: 0;
  border-radius: 40px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .35s ease, letter-spacing .25s ease, transform .25s ease, box-shadow .25s ease;
}
.about-hero__btn:hover{
  background: var(--btn-hover);

}

/* ====== Bildkolumn ====== */
.about-hero__media{
    margin: 0;
    border-radius: var(--radius);
    overflow: hidden;
    text-align: center;
	align-self: stretch;              /* sträcker figuren till radens höjd */
  }

  .about-hero__media img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius);
	    object-fit: cover;                /* beskär snyggt */
  aspect-ratio: 4 / 7;             /* håll ett elegant stående snitt */
  }

  .about-hero__media.event img{
  
  aspect-ratio: auto;
  }

  .about-hero__caption{
    margin-top: 10px;
    font-size: 14px;
    color: #7a736a;
    font-style: italic;
    line-height: 1.4;
  }

  /* ===== Card container ===== */
  .tcard{
    --bg:#1f1d1a;           /* mörk bakgrund */
    --ink:#f4f1eb;          /* text */
    --name:#c7a991;         /* namn-beige */
    --radius: 28px;
    --padX: clamp(16px,4vw,48px);
    --padY: clamp(28px,6vw,72px);
	height: 500px;
    align-content: center;
    position: relative;
    background: var(--bg);
    color: var(--ink);
    border-radius: var(--radius);
    padding: var(--padY) var(--padX);
    margin: 0 auto;
    box-shadow: 0 14px 40px rgba(0,0,0,.15);
    overflow: hidden;
  }

  /* ===== Viewport & track ===== */
  .tcard__viewport{
    max-width: 980px;
    margin: 0 auto;
    outline: none;
    position: relative;
    height: auto;          /* låses i JS till högsta sliden */
  }
  .tcard__track{
  list-style: none;
  margin: 0 auto;   /* <-- centrera */
  padding: 0!important;
  position: relative;
  height: 100%;
  width: 100%;      /* <-- fyll viewportens bredd */

  }

  /* ===== Slides ===== */
  .tcard__slide{
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    gap: clamp(8px,1.6vw,14px);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .55s ease, transform .55s ease;
    padding: 0 clamp(8px,3vw,24px);
    text-align: center;
  }
  .tcard__slide--active{
    position: relative;
    opacity: 1;
    transform: translateY(0);
  }

  .tcard__name{
    font-weight: 800;
    color: var(--name);
    letter-spacing: .03em;
    font-size: clamp(14px,1.4vw,18px);
    text-transform: none;
  }
  .tcard__quote{
    margin: 0;
    border: 0;
    max-width: 1000px;
    font-weight: 700;
    line-height: 1.25;
    font-size: 33px;
  }

  /* ===== Arrows ===== */
  .tcard__arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(36px,4.2vw,48px);
    height: clamp(36px,4.2vw,48px);
    border-radius: 999px;
    border: 0;
    background: rgba(255,255,255,.08);
    color: var(--ink);
    display: grid;
    place-items: center;
    font-size: clamp(20px,2.6vw,26px);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, opacity .2s ease;
    z-index: 2;
  }
  .tcard__prev{ left: clamp(8px,2vw,14px); }
  .tcard__next{ right: clamp(8px,2vw,14px); }
  .tcard__arrow:hover{ background: rgba(255,255,255,.16); transform: translateY(-50%) scale(1.05); }



  /* Accessibility: respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .tcard__slide{ transition: none; }
    .tcard__arrow{ transition: none; }
  }

/* ====== Responsivitet ====== */
@media (max-width: 1100px){
  .about-hero__inner{
    gap: 36px;
  }
}

@media (max-width: 980px){
  .about-hero__inner{
    grid-template-columns: 1fr;
	opacity: 1;
    transform: none;
  }

  /* Vill du ha bilden först på mobil? Avkommentera nästa rad */
  /* .about-hero__media{ order: -1; } */

  .about-hero__media{
    max-height: none;
    overflow: visible;   /* eller ta bort overflow helt */
  }
  .about-hero__media img{
    aspect-ratio: 10 / 10;         /* lite mer horisontell känsla i mobil */
  }
	  .about-hero__caption{
      font-size: 13px;
      margin-top: 8px;
    }
	
  .about-hero__text{
    text-align: left;
  }
  .about-hero__btn{
    margin: 30px 0px;
  }
	  .tcard__viewport{
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px; /* valfritt, så texten inte slår i kanterna */
  }
	.blockquote {
		padding-left: 0px!important;
	}
	 .tcard__prev{ left: 12px; }
  .tcard__next{ right: 12px; }
	
	
	.tcard__quote{
  margin: 0;
  border: 0;
  padding: 0;           /* <-- lägg till denna rad */
  max-width: 1000px;
  font-weight: 700;
  line-height: 1.25;
  font-size: 22px;
}

}

@media (max-width: 560px){
  .about-hero{
    --radius: 18px;
    --gap: 28px;
  }
	
    .tcard{ --radius: 22px; }
    .tcard__quote{ line-height: 1.28; 
	}
	
	  .about-hero__media img{
    aspect-ratio: 3 / 5;         /* lite mer horisontell känsla i mobil */
  }
  }

/* ONLINE CLASSES */

.online-classes-grid {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
}

.classes-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.class-card{
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

.class-card__img img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.class-card__body{
  padding: 18px;
}

.online-h1 {
	padding-bottom: 20px;
	border-top: 3px solid #cbaa90;
    padding-top: 60px;
}

.class-hero-card{
  background: #efefef;
  border-radius: 40px;
  padding: 60px 70px;
  max-width: 800px;
}

/* Datum */
.class-card__date{
  font-size: 15px;
  opacity: .8;
  display: block;
  margin-bottom: 10px;
}

/* Titel */
.class-card__title{
  font-size: 29px;
  font-weight: 700;
  margin: 0 0 50px 0;
  line-height: 1.1;
}

/* Knapp */
.class-card__btn{
    display: inline-block;
    padding: 9px 28px;
    border-radius: 999px;
    background: #91897c;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    transition: background .2s ease, transform .2s ease;
}

.class-card-btn:hover{
  background: #7e766b;
  transform: translateY(-2px);
}

.guest-only {
	text-align: center;
}

.guest-only .cta-btn {
	  background-color: #91897c;
    color: white;
    padding: 14px 36px;
    border-radius: 32px;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2.3px;
}

.guest-only p {
	margin-bottom: 30px;
}


@media (max-width: 1024px){
  .classes-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .classes-grid{ grid-template-columns: 1fr; }
}

/* responsive */
@media(max-width:1024px) {
  .online-classes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:767px) {
  .online-classes-grid {
    grid-template-columns: 1fr;
  }
	
	.pmpro_cols-2 > *, .pmpro_cols-3 > * {
	width: fit-content!important;
	}
	
	.pmpro_form_input.pmpro_form_input-select.pmpro_form_input-required {
		width: 100%;
	}
}


/* MEDLEMSKAP SIDA */


/* ===== Wrapper ===== */
.plans-wrap{
  --card-bg:#fff;
  --ink:#1f1f1f;
  --muted:#6b6b6b;
  --accent:#9b938a;
  --accent-2:#777065;


  margin: 0 auto;
  padding-top: 6vw;
 padding-bottom: 0px;
  color: var(--ink);
  text-align: center;
}


.memb__inner {   ;
  border-radius: 26px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  }
  
  .memb__headline{ margin: 0 0 clamp(26px, 5vw, 54px); font-weight: 900; letter-spacing: .01em; font-size: clamp(34px, 5vw, 34px); padding-top: 120px; line-height: 1.05;     text-align: center;} 
  
.memb__row{
  background-color: white;
  padding: 50px;
  border-radius: 22px;

  display: flex;
  flex-direction: column;
  gap: 28px;

  min-height: 640px;
}

.memb__left{
  display: grid;
  gap: 14px;
  align-content: start;
}

.memb__title{
  margin: 0;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: clamp(34px, 4.2vw, 45px);
  line-height: 0.95;
}

.memb__price{
  margin: 0;
  font-weight: 800;
  color: #000;
  letter-spacing: .02em;
  font-size: 16px;
}

.memb__price span{
  font-weight: 700;
  opacity: .85;
  margin-left: 6px;
}
  
.memb__right{
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
}

.memb__bullets{
   
  padding-left: 18px;
  display: grid;
  gap: 12px;
  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.6;
  color: #000;
}

.memb__bullets em{
  font-style: italic;
}
.memb__cta{
  margin-top: auto;
  width: 100%;
  white-space: nowrap;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 14px 18px;
  border-radius: 999px;

  color: #fff;
  background-color: #9b938a;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.memb__cta:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* Mobile */
@media (max-width: 860px){
  .memb__row{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .memb__title{
    font-size: 38px;
  }

  .memb__cta{
    width: 100%;
    justify-self: stretch;
  }
}

.pt-cta{
      margin: clamp(10px, 8vw, 10px) auto 0;
}

.pt-cta__inner{
  border-radius: 32px;
  padding: clamp(28px, 5vw, 56px);
  text-align: center;
}

.pt-cta__inner h3{
  margin: 0 0 12px;
  font-size: clamp(24px, 3.6vw, 29px);
  font-weight: 800;
}

.pt-cta__inner p{
  max-width: 73ch;
  margin: 0 auto 28px;
  font-size: 17px;
  line-height: 1.6;
  color: #444;
}

.pt-cta__btn{
  display: inline-block;
  background: #9b938a;
  color: #fff;
  padding: 12px 50px;
  border-radius: 999px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 19px;
  text-decoration: none;
  transition: background .25s ease, transform .2s ease;
}

.pt-cta__btn:hover{
  background: #777065;
  transform: translateY(-2px);
}

/* ===== Responsivt ===== */
@media (max-width: 1024px){
  .plans-grid{
    grid-template-columns: 1fr !important; /* stapla på mindre skärmar */
  }
}

@media (max-width: 640px){
  .pt-cta__inner{
    border-radius: 24px;
  }

  .pt-cta__inner p{
    font-size: 16px;
  }
}

/* MIN SIDA */

.page-id-709 #main-content {
	background-color: #f0e4d7!important
}

.page-id-709 #main-content > div {
	padding: 200px 0px 300px 0px!important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

.woocommerce-Button.button {
	 margin-top: 20px!important;
    font-weight: 600!important;
}

.woocommerce-button.button.view {
	font-weight: 600!important;
}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none!important;
	padding: 0px!important;
    line-height: 2!important;
}

.post-709.page.type-page.status-publish.hentry {
	background-color: white;
	padding: 30px;
    border-radius: 26px;
}

.edit {
	float: left!important;
}

.video-wrapper .wp-video{
  width: 100% !important;
  max-width: 100% !important;
}

.video-wrapper video{
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* CHECKOUT */

.wc-block-components-checkout-return-to-cart-button {
	display: none;
}

.page-id-708 #main-content {
	background-color: #f0e4d7!important
}

.page-id-708 #main-content > div {
	padding-top: 200px!important;
}

.wc-block-components-express-payment--checkout, .wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout, .wc-block-checkout__order-notes.wp-block-woocommerce-checkout-order-note-block.wc-block-components-checkout-step, .wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block {
	display: none!important; 
}

.wc-block-components-form.wc-block-components-checkout-step, .wc-block-components-checkout-step, .wc-block-checkout__terms {
	margin-bottom: 0px!important;
}

.wc-block-components-address-card, .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	background-color: white!important;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
	padding-top: 0px!important;
	border-top: 0px solid!important;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
	background-color: #91897c;
    border-radius: 40px;
	padding: 12px;
	margin-top: 30px;
}

.wc-block-components-form .wc-block-components-text-input input[type=email] {
	border: 0px solid hsla(0, 0%, 7%, .8);
}

.wc-block-components-product-name {
	font-size: 13px;
    line-height: 1.4;
}

.wc-block-components-form p {
	font-size: 16px;
	line-height: 1.4;
}


/* Dölj State + Address 2 i PMPro checkout */
.pmpro_form_field.pmpro_form_field-text.pmpro_form_field-baddress2, .pmpro_form_field.pmpro_form_field-text.pmpro_form_field-bstate {
    display: none !important;
}




/* CONTACTSIDA */

	div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
		background-color: #92897c;
		padding: 20px 40px 37px 40px!important;
   		border-radius: 40px!important;
		font-weight: 600;
		letter-spacing: 2px;
		float: right;
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
	border-radius: 0px;
    border: 0px;
}

/* CONTACTSIDA - FREE TRIAL */

#wpforms-834 {
	margin-top: 5px;
}

#wpforms-834-field_1-container, #wpforms-834-field_2-container, #wpforms-834-field_7-container {
	    padding: 8px 0!important;
}

#wpforms-834-field_4-container { 
	padding: 25px 0!important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week], .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea {
	    border-width: 0px!important;
	border-radius: 0px!important;
}

  .lbs-inner {
    margin: 0 auto;
    display: flex;
    gap: 70px;
    align-items: flex-start;
  }

  /* Desktop: vänster smalare */
  .lbs-left {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .lbs-right {
    flex: 1 0 70%;
    max-width: 70%;
  }

  .lbs-image-wrapper img {
    display: block;
    width: auto;
    height: 400px;
    object-fit: cover;
  }

  .lbs-text {
    margin-top: 36px;
  }

  .lbs-text h3 {
    margin: 0 0 8px;
    font-size: 17px;
  }

  .lbs-text p {
    line-height: 1.5;
    font-size: 16px;
  }

  .lbs-right h2 {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 32px;
    width: 80%;
  }


.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full, .et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: transparent!important;
    border: 1px solid #000000!important;
	    font-size: 20px!important;
}

@media (max-width: 768px) {

  .lbs-inner {
    flex-direction: column;
  }

  /* Gör .lbs-left "osynlig" som box */
  .lbs-left {
    max-width: 100%;
    flex: 1 1 100%;
    display: contents;
  }

  .lbs-right {
    max-width: 100%;
    flex: 1 1 100%;
  }
	
	 .lbs-right h2 {
    font-size: 27px;
	}

  /* ORDNING: text → formulär → bild */
  .lbs-text {
    order: 1;
  }

  .lbs-right {
    order: 2;
  }

  .lbs-image-wrapper {
    order: 3;

    /* *** FULLBREDD PÅ MOBIL *** */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 24px;
  }

  .lbs-image-wrapper img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  .lbs-text h3 {
    font-size: 22px;
  }
		.memb__inner {
		grid-template-columns: 1fr;
			display: block;
	}
	
	.memb__row {
		padding: 28px;
		margin-bottom: 30px;
		min-height: auto;
	}
	
	.memb__cta {
		margin-top: 0px;
	}
	
	.memb__title {
		font-size: 29px;
	}
}

 /* *** SIGN UP SIDA *** */

.pf{
  --card:#fff;
  --ink:#1f1d1a;
  --muted:rgba(31,29,26,.72);
  --line:rgba(31,29,26,.14);
  --accent:#9b938a;
}

.pf__header{ margin-bottom: clamp(18px, 4vw, 34px); }

.pf__title{
  margin: 0 0 10px 0;
  font-size: clamp(28px, 9vw, 46px);
}

.pf__lead{
  margin: 0;
  max-width: 60ch;
  padding-bottom: 60px;
}

.pf__timeline{ display: grid; gap: 22px; font-size:16px; line-height: 1.6; }

/* row layout */
.pf__row{
  display: grid;
  gap: 50px;
  align-items: stretch;              /* key: both columns stretch equally */
  grid-template-columns: 1fr;
  padding: 40px 0;
}

/* desktop: 2 columns */
@media (min-width: 900px){
  .pf__row{
    grid-template-columns: 1fr 1fr;
  }
}

/* key: let the card and media become equal-height grid items */
.pf__card,
.pf__media{
  height: 100%;
  min-height: 0;
}

/* card */
.pf__card{
  border-radius: 22px;
  display: flex;                     /* key: avoids weird height collapse */
  flex-direction: column;
  justify-content: center;            /* optional: centers content vertically */
}

.pf__h{
  margin: 0 0 10px 0;
  font-size: clamp(25px, 2.2vw, 30px);
}

.pf__p{
  max-width: 70ch;
  padding-bottom: 15px;
}

.pf__list{
  padding: 15px 0 23px 1em !important;
}

.pf__list li{ margin: 6px 0; }

/* media box */
.pf__media{
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  display: flex;                     /* key: makes img fill reliably */
}

.pf__media img{
  width: 100%;
  height: 100%;                      /* key: match the row height */
  display: block;
  object-fit: cover;
  aspect-ratio: auto !important;
}

/* mobile */
@media (max-width: 899px){
  .pf__row{ grid-template-columns: 1fr; padding-top: 0px; }
  .pf__media{ min-height: 220px; height: auto; order: 2; }  /* keeps a nice image height on mobile */
  .pf__media img{ height: 100%; }
    /* Always show text first, image second */
  .pf__card{
    order: 1;
  }
  .page-id-1042 .about-hero__media img {
    aspect-ratio: 3 / 4;
  }
}

.about-hero__media.signup{
  position: relative;
}

.about-hero__logo{
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.page-id-1042 .about-hero__logo.signup img{
  max-width: 200px;
  width: 100%;
  height: auto;
  display: block;
aspect-ratio: auto;
}

.page-id-1042 .about-hero__media img {
	aspect-ratio: 6 / 10;
}


.page-id-1042 div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:active, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:active, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
	padding: 18px 37px 33px 36px !important;
	float: left;
	margin-top: 20px;
	font-size: 15px;
}

.about-hero__inner.signup {
  max-width: 100%!important;
}

.page-id-1042 #about-hero > div > div > p:nth-child(4), #post-1042 > div > div > div > div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div > div > section > div > div > article:nth-child(2) > div > p:nth-child(3) {
	padding-bottom: 0px;
}

#post-1042 > div > div > div > div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div > div > section > div > div > article:nth-child(2) > div > ul, #post-1042 > div > div > div > div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div > div > section > div > div > article:nth-child(3) > div > ul {
	padding-top: 0px!important;
}
#wpforms-1066-field_7-container {
		        font-size: 15px!important;
	}

@media (max-width: 980px)  {
	.about-hero__media.signup{
  margin-bottom: 80px;
}
	
.page-id-1042 #about-hero > div > div > p:nth-child(5), .page-id-1042 #about-hero > div > div > p:nth-child(6) {
		    font-size: clamp(15px, 1.2vw, 18px);
	}

	
	#wpforms-1066-field_7 > p {
		line-height: 1.3;
	}
}

/* ========= GLOBAL BUTTON HOVER (same for all) ========= */
/* Samlar alla era knappar/CTAs i ett ställe */
:where(
  .cta,
  .about-hero__btn,
  .class-btn,
  .memb__cta,
  .pt-cta__btn,
  .et_pb_button,
  .woocommerce-Button,
  .wc-block-components-button,
  .wpforms-submit,
  div.wpforms-container-full input[type=submit],
  div.wpforms-container-full button[type=submit]
){
  transition: background-color .25s ease, transform .2s ease, filter .2s ease, box-shadow .2s ease, letter-spacing .2s ease;
  will-change: transform;
}

/* Hover: samma känsla överallt */
:where(
  .cta,
  .about-hero__btn,
  .class-btn,
  .memb__cta,
  .pt-cta__btn,
  .et_pb_button,
  .woocommerce-Button,
  .wc-block-components-button,
  .wpforms-submit,
  div.wpforms-container-full input[type=submit],
  div.wpforms-container-full button[type=submit]
):hover{
  background-color: #777065 !important;
  transform: translateY(-2px);
  filter: brightness(1.04);
}

/* Active */
:where(
  .cta,
  .about-hero__btn,
  .class-btn,
  .memb__cta,
  .pt-cta__btn,
  .et_pb_button,
  .woocommerce-Button,
  .wc-block-components-button,
  .wpforms-submit,
  div.wpforms-container-full input[type=submit],
  div.wpforms-container-full button[type=submit]
):active{
  transform: translateY(0);
  filter: brightness(1);
}

/* Focus (tangentbord) */
:where(
  .cta,
  .about-hero__btn,
  .class-btn,
  .memb__cta,
  .pt-cta__btn,
  .et_pb_button,
  .woocommerce-Button,
  .wc-block-components-button,
  .wpforms-submit,
  div.wpforms-container-full input[type=submit],
  div.wpforms-container-full button[type=submit]
):focus-visible{
  outline: 2px solid rgba(155,147,138,.55);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(155,147,138,.18);
}

.cta.event {
	text-align: center;
display: block;
margin: 0 auto;
}

.cta.left {
display: block;
    margin: 0 auto;
    float: left;
    margin-top: 40px;
}

/* Motion-safety */
@media (prefers-reduced-motion: reduce){
  :where(
    .cta,
    .about-hero__btn,
    .class-btn,
    .memb__cta,
    .pt-cta__btn,
    .et_pb_button,
    .woocommerce-Button,
    .wc-block-components-button,
    .wpforms-submit,
    div.wpforms-container-full input[type=submit],
    div.wpforms-container-full button[type=submit]
  ){
    transition: none !important;
  }
}

/* =========================
   PMPro Invoice: Print/PDF
   ========================= */
@media print {

  /* Ta bort allt "site chrome" */

  .mnav,
  .hdr,
  .hdr__nav,
  .hdr__join
	{
    display: none !important;
  }

/*Dölja knappar och länkar som inte behövs
  .pmpro_btn,
  .pmpro_actions_nav,
  .pmpro_actions_nav-left,
  .pmpro_actions_nav-right,
  a[href]:after{
    display: none !important;
    content: "" !important;
  }
} */