.elementor-kit-6{--e-global-color-primary:#F5F2EB;--e-global-color-secondary:#502D00;--e-global-color-text:#502D00;--e-global-color-accent:#AFD769;--e-global-color-754e5c0:#EBBEAF;--e-global-color-419591e:#FFCD3C;--e-global-color-af837b2:#502D0080;--e-global-color-d0decd6:#502D0030;--e-global-color-6c1b33b:#EB7D0059;--e-global-color-ed7329c:#311C00;--e-global-color-82db309:#EFEADF;--e-global-color-8041d05:#F5F2EB85;--e-global-color-341e49c:#502D00CC;--e-global-color-d106be4:#502D0012;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-text-font-family:"Monument Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a78730c-font-family:"Cardinal";--e-global-typography-a78730c-font-size:40px;--e-global-typography-a78730c-font-weight:400;--e-global-typography-7158c6e-font-family:"Cardinal";--e-global-typography-7158c6e-font-size:60px;--e-global-typography-7158c6e-font-weight:400;--e-global-typography-cbca451-font-family:"Monument Grot";--e-global-typography-cbca451-font-size:16px;--e-global-typography-cbca451-font-weight:400;--e-global-typography-cbca451-line-height:30px;--e-global-typography-729436f-font-family:"Monument Grot";--e-global-typography-729436f-font-size:14px;--e-global-typography-729436f-font-weight:700;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-cbca451-font-family ), Sans-serif;font-size:var( --e-global-typography-cbca451-font-size );font-weight:var( --e-global-typography-cbca451-font-weight );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-cbca451-font-family ), Sans-serif;font-size:var( --e-global-typography-cbca451-font-size );font-weight:var( --e-global-typography-cbca451-font-weight );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 h1{color:var( --e-global-color-text );}.elementor-kit-6 h2{color:var( --e-global-color-text );}.elementor-kit-6 h3{color:var( --e-global-color-text );}.elementor-kit-6 h4{color:var( --e-global-color-text );}.elementor-kit-6 h5{color:var( --e-global-color-text );}.elementor-kit-6 h6{color:var( --e-global-color-text );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:var( --e-global-typography-cbca451-font-family ), Sans-serif;font-size:var( --e-global-typography-cbca451-font-size );font-weight:var( --e-global-typography-cbca451-font-weight );line-height:var( --e-global-typography-cbca451-line-height );color:var( --e-global-color-text );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-kit-6 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-cbca451-font-size );line-height:var( --e-global-typography-cbca451-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//******* KNAPP 1*******/

.ellipse-btn .elementor-button{
  position: relative;
  height: 37px;
  padding: 8px 20px;
  border-radius: 100%;          /* ellipse */
  background: #F5F2EB;
  color: #502D00;
  border: none;                  /* själva ringen läggs på via ::before */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  overflow: visible;             /* låt ringen växa utanför */
}

/* Själva ringen */
.ellipse-btn .elementor-button::before{
  content: "";
  position: absolute;
  left: -1.5px;                  
  right: -1.5px;
  top: -1.5px;
  bottom: -1.5px;
  border: 1.5px solid #502D0080;    /* ringens startfärg */
  border-radius: 100%;
  pointer-events: none;
  transition:
    top 300ms cubic-bezier(.35,0,.15,1),
    bottom 300ms cubic-bezier(.35,0,.15,1),
    border-color 300ms cubic-bezier(.35,0,.15,1); /* färgtransition */
}

/* Hover/focus: expandera vertikalt och ändra färg */
.ellipse-btn .elementor-button:hover::before,
.ellipse-btn .elementor-button:focus-visible::before{
  top:    calc(-1.5px - 4px);
  bottom: calc(-1.5px - 4px);
  border-color: #502D00; /* ny färg vid hover */
}

/* Tillgänglighet: respektera “reduced motion” */
@media (prefers-reduced-motion: reduce){
  .ellipse-btn .elementor-button::before{
    transition: none;
  }
}


/******* KNAPP 2*******/

.ellipse-btn-white .elementor-button{
  position: relative;
  height: 37px;
  padding: 8px 20px;
  border-radius: 100%;          /* ellipse */
  background: #F5F2EB;
  color: #502D00;
  border: none;                  /* själva ringen läggs på via ::before */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  overflow: visible;             /* låt ringen växa utanför */
}

/* Själva ringen */
.ellipse-btn-white .elementor-button::before{
  content: "";
  position: absolute;
  left: -1.5px;                  
  right: -1.5px;
  top: -1.5px;
  bottom: -1.5px;
  border: 1.5px solid #F5F2EB80;    /* ringens startfärg */
  border-radius: 100%;
  pointer-events: none;
  transition:
    top 300ms cubic-bezier(.35,0,.15,1),
    bottom 300ms cubic-bezier(.35,0,.15,1),
    border-color 300ms cubic-bezier(.35,0,.15,1); /* färgtransition */
}

/* Hover/focus: expandera vertikalt och ändra färg */
.ellipse-btn-white .elementor-button:hover::before,
.ellipse-btn-white .elementor-button:focus-visible::before{
  top:    calc(-1.5px - 4px);
  bottom: calc(-1.5px - 4px);
  border-color: #F5F2EB; /* ny färg vid hover */
}

/* Tillgänglighet: respektera “reduced motion” */
@media (prefers-reduced-motion: reduce){
  .ellipse-btn .elementor-button::before{
    transition: none;
  }
}



/******* ÖVERGÅNG MED BAKGRUNDSFÄRG*******/
/* Smooth övergångar för bakgrundsfärger */
body {
    transition: background-color 1.5s ease;
}

/* Färgklasser - lätt att använda */
body.bg-white { background-color: #F5F2EB !important; }
body.bg-brown { background-color: #502D00 !important; }
body.bg-green { background-color: #AFD769 !important; }
body.bg-pink { background-color: #EBBEAF !important; }
body.bg-yellow { background-color: #FFCD3C !important; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cardinal';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://utveckling.pilates-center.se/wp-content/uploads/2025/08/cardinal-fruit.ttf') format('truetype');
}
@font-face {
	font-family: 'Cardinal';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://utveckling.pilates-center.se/wp-content/uploads/2025/08/cardinal-fruit-italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Monument Grot';
	font-display: auto;
	src: url('https://utveckling.pilates-center.se/wp-content/uploads/2025/08/ABC-Monument-Grotesk-Variable-2.001.ttf') format('truetype');
}
/* End Custom Fonts CSS */