:root {
	--fa-beat-fade-scale: 1.075;
	--fa-animation-duration: 0.5s;
}

body {
  @apply font-[family-name:var(--rb-base-body-font-family)] text-[length:var(--rb-base-body-font-size)] 
  font-[number:var(--rb-base-body-font-weight)] leading-[var(--rb-base-body-line-height)] 
  text-[color:var(--rb-base-color)] bg-[var(--rb-base-body-background-color)];
}

body.stop-scroll {
  @apply h-screen overflow-hidden;
}

@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-[family-name:var(--rb-base-heading-font-family)] break-words;
  }
  
  h1 {
    @apply text-40px leading-tight;
  }
  
  h2 {
    @apply text-4xl leading-tight;
  }
  
  h3 {
    @apply text-3xl leading-snug;
  }
  
  h4 {
    @apply text-2xl leading-snug;
  }
  
  h5 {
    @apply text-xl leading-normal;
  }
  
  h6 {
    @apply text-lg leading-normal;
  }
  
  iframe {
    @apply max-w-full;
  }
}

.admin-bar .ScrollSmoother-wrapper {
  @apply mt-11.5 md:mt-8;
}

.admin-bar #header {
  @apply translate-y-0 transition-transform sm:duration-100 will-change-transform;
}

.admin-bar #header.is-sticky {
  @apply translate-y-11.5 md:translate-y-8 sm:duration-500;
}

#wpadminbar {
  @apply fixed;
}

.video-container {
  @apply relative pb-[56.25%] pt-8 h-0 overflow-hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  @apply absolute top-0 left-0 w-full h-full outline-none border-0 p-0 m-0;
}

.page-template-profile #loading {
  @apply hidden;
}

.editor-content a:not(.button) {
  @apply text-[var(--rb-base-link-color)] [text-decoration:var(--rb-base-link-text-decoration)];
}

.editor-content a:not(.button):hover {
  @apply text-[var(--rb-base-link-hover-color)] [text-decoration:var(--rb-base-link-hover-text-decoration)];
}

.editor-content p,
.editor-content img {
  @apply mb-4;
}

.editor-content .wp-block-heading,
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
  @apply mb-4 font-medium;
}

 .editor-content ul,
.editor-content ol {
  @apply list-inside mb-4 ps-3;
}

.editor-content ul {
  @apply list-disc;
}

.editor-content ol {
  @apply list-decimal;
}
