/*******************************************************
Fonts
*******************************************************/
 @font-face {
     font-family: 'Matter-Light';
     src: url('/wp-content/fonts/Matter-Light.eot');
     src: url('/wp-content/fonts/Matter-Light.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Light.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Matter-Regular';
     src: url('/wp-content/fonts/Matter-Regular.eot');
     src: url('/wp-content/fonts/Matter-Regular.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Regular.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Matter-Medium';
     src: url('/wp-content/fonts/Matter-Medium.eot');
     src: url('/wp-content/fonts/Matter-Medium.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Medium.woff') format('woff');
     font-display: swap;
}/* ================================
   Identity Lab: Fonts (Simple CSS)
   Edit this file in:
   WP Admin → Plugins → Plugin File Editor → Select this plugin → fonts.css
   ================================ */

 @font-face {
     font-family: 'Matter-Light';
     src: url('/wp-content/fonts/Matter-Light.eot');
     src: url('/wp-content/fonts/Matter-Light.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Light.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Matter-Regular';
     src: url('/wp-content/fonts/Matter-Regular.eot');
     src: url('/wp-content/fonts/Matter-Regular.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Regular.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Matter-Medium';
     src: url('/wp-content/fonts/Matter-Medium.eot');
     src: url('/wp-content/fonts/Matter-Medium.woff2') format('woff2'), 
     url('/wp-content/fonts/Matter-Medium.woff') format('woff');
     font-display: swap;
}
@font-face {
  font-family: 'LazyPen';
  src: url('/wp-content/fonts/LazyPen.woff2') format('woff2'),
       url('/wp-content/fonts/LazyPen.woff') format('woff');
  font-display: swap;
}
.lazy-pen, .lazy-pen p {
	font-family: 'LazyPen';
}
.idl-light, p {
	font-family: 'Matter-Light';
}
.idl-regular {
	font-family: 'Matter-Regular';
}
.idl-medium, h2, h3 {
	font-family: 'Matter-Medium';
}
h3 {
	letter-spacing: 1px;
    font-size: var(--xs);
    text-transform: uppercase;
}
* {
  margin: 0;
}
h1 {
	margin: 0 !important;
}
h3 {
	margin-bottom: .4rem;
}

.pastel {
  /* Initial gradient */
  background: radial-gradient(circle at 0% 0%,
      #ffe6ea 0%,
      #e6f4ff 35%,
      #f4ffe6 70%,
      #fff9e6 100%
  );

  background-size: 200% 200%;              /* gives room to move */
  animation: pastel-shift 16s infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);  /* non-linear */
}

/* Stronger pastel colours — still gentle, but more vivid */
@keyframes pastel-shift {
  0% {
    background-position: 0% 0%;
    background-image: radial-gradient(circle at 0% 0%,
      #ffd3da,   /* stronger pink */
      #d4ecff,   /* stronger baby-blue */
      #eaffd3,   /* stronger mint */
      #fff1c7    /* stronger soft yellow */
    );
  }

  18% {
    background-position: 50% 20%;
    background-image: radial-gradient(circle at 100% 0%,
      #d4ecff,
      #eaffd3,
      #fff1c7,
      #ffd6f2    /* richer soft-magenta */
    );
  }

  46% {
    background-position: 80% 80%;
    background-image: radial-gradient(circle at 100% 100%,
      #eaffd3,
      #fff1c7,
      #ffd6f2,
      #d4ecff
    );
  }

  72% {
    background-position: 20% 80%;
    background-image: radial-gradient(circle at 0% 100%,
      #fff1c7,
      #ffd6f2,
      #d4ecff,
      #eaffd3
    );
  }

  100% {
    background-position: 0% 0%;
    background-image: radial-gradient(circle at 0% 0%,
      #ffd3da,
      #d4ecff,
      #eaffd3,
      #fff1c7
    );
  }
}