/*
Theme Name:   Astra Child
Theme URI:    https://yourdomain.com/
Description:  A child theme for the Astra WordPress theme
Author:       Your Name
Author URI:   https://yourdomain.com/
Template:     astra
Version:      1.0.0
Text Domain: astra-child
*/

/* === Custom Fonts === */
@font-face {
  font-family: 'MyMPlusRounded1c';
  src: url('fonts/MyMPlusRounded1c.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MyAtkinsonHyperlegibleNextVF';
  src: url('fonts/MyAtkinsonHyperlegibleNextVF-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MyComic-Hero';
  src: url('fonts/MyComic-Hero.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

/* === Apply Fonts === */
body {
  font-family: 'MyAtkinsonHyperlegibleNextVF', sans-serif;
}


h1,
.elementor-widget-heading h1,
.entry-content h1,
.elementor-heading-title h1 
{
  font-family: 'MyMPlusRounded1c', sans-serif;
  font-weight: 900;
}

h2,
.elementor-widget-heading h2,
.entry-content h2,
.elementor-heading-title h2 
{
  font-family: 'MyMPlusRounded1c', sans-serif;
  font-weight: 800;
}

h3,
.elementor-widget-heading h3,
.entry-content h3,
.elementor-heading-title h3 
{
  font-family: 'MyMPlusRounded1c', sans-serif !important;
  font-weight: 700;
}
h4,
.elementor-widget-heading h4,
.entry-content h4,
.elementor-heading-title h4 
{
  font-family: 'MyMPlusRounded1c', sans-serif !important;
  font-weight: 600;
}
h5,
.elementor-widget-heading h5,
.entry-content h5,
.elementor-heading-title h5 
{
  font-family: 'MyMPlusRounded1c', sans-serif !important;
  font-weight: 500;
}
h6,
.elementor-widget-heading h6,
.entry-content h6,
.elementor-heading-title h6 
{
  font-family: 'MyMPlusRounded1c', sans-serif !important;
  font-weight: 500;
}
.homepage-hero-btn .elementor-button-text {
    font-size: clamp(1rem, 5vw, 3rem);
}
.homepage-hero-btn .elementor-button.elementor-size-sm {
  padding-top: clamp(0.5rem, 1.6vw, 2.2rem) !important;
  padding-right: clamp(1rem, 3vw, 2rem) !important;
  padding-bottom: clamp(0.5rem, 1.4vw, 2rem) !important;
  padding-left: clamp(1rem, 3vw, 2rem) !important;

  border: clamp(1px, 0.7vw, 5px) solid #000 !important;

  border-top-left-radius: clamp(8px, 1vw, 30px) !important;
  border-top-right-radius: clamp(8px, 1vw, 30px) !important;
  border-bottom-left-radius: clamp(8px, 1vw, 30px) !important;
  border-bottom-right-radius: clamp(8px, 1vw, 30px) !important;
}
.myhero-box .elementor-image-box-description {
    font-family: 'MyComicToon', sans-serif;
    font-weight: 400;
    font-size: clamp(1.2rem, 5vw, 2.2rem);
    line-height: 1.2em;
        text-shadow:
        0.04em 0.04em #FFE86E,
        0.01em 0.01em #FFE86E;
}
 
.myhero-box .elementor-image-box-title {
  font-family: 'MyComic-Hero', sans-serif !important;
  font-size: clamp(2.5rem, 10vw, 6.5rem);
    color: #000;
    text-shadow:
        0.08em 0.08em #FFE86E,
        0.02em 0.02em #FFE86E;
}
.my-featured .elementor-heading-title {
  font-family: 'MyComicToon', sans-serif;
    font-weight: 400;
    color: #000000 !important; 
    text-shadow:
    0.02em  0.02em 0 #FFE86E,
   -0.02em  0.02em 0 #FFE86E,
    0.02em -0.02em 0 #FFE86E,
   -0.02em -0.02em 0 #FFE86E,
    0.03em  0      0 #FFE86E,
    0     0.03em  0 #FFE86E,
   -0.03em  0      0 #FFE86E,
    0    -0.03em  0 #FFE86E;
  /*  color: #FFFFFF !important; */
    font-size: clamp(1rem, 5vw, 3rem);
}