/*
Theme Name: massagemens
Theme URI: https://teamease.eu
Template: hello-elementor
Author: Teamease
Author URI: https://teamease.eu
Description: Masagemens for Evert brouwer
Version: 1.0.1
*/


:root{
  --mm-lotus: #FFC9BE;
  --mm-lavender: #CDACFF;
  --mm-ylang: #FFDF92;
}

html, body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body{
  --mm-accent: var(--mm-lotus);
  }
body.mm-accent-lotus{
  --mm-accent: var(--mm-lotus);
}
body.mm-accent-lavender{
  --mm-accent: var(--mm-lavender);
}
body.mm-accent-ylang{
  --mm-accent: var(--mm-ylang);
}

.mm-oil{
  cursor: pointer;
}

.mm-logo-accent a,
.mm-button-accent a.elementor-button,
.mm-text-accent h1,
.mm-text-accent h2,
.mm-text-accent h3,
.mm-text-accent h4,
.mm-text-accent h5,
.mm-text-accent h6,
a.mm-text-accent{
    transition:
    color 2s,
    background-color 2s;
}

.mm-logo-accent img{
  opacity: 0;
}
.mm-logo-accent a{
  background-color: var(--mm-accent);
  -webkit-mask: url(/wp-content/uploads/2026/08/MM-white.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask: url(/wp-content/uploads/2026/08/MM-white.svg) no-repeat center;
  mask-size: contain;
}

.mm-button-accent a.elementor-button{
  background-color: var(--mm-accent);
}
.mm-button-accent a.elementor-button:hover{
  color: var(--mm-accent);
}
.mm-text-accent h1,
.mm-text-accent h2,
.mm-text-accent h3,
.mm-text-accent h4,
.mm-text-accent h5,
.mm-text-accent h6,
a.mm-text-accent{
  color: var(--mm-accent) !important;
}