/* Custom Fonts for Della Junior */

/* Richela Kids font for headings */
@font-face {
  font-family: 'Richela Kids';
  src: url('../fonts/richela_kids/Richela Kids Font by Keithzo (7NTypes).otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Urbanist font for content - using Google Fonts since it's not in local assets */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');

/* Apply Richela Kids to all headings */
h1, h2, h3, h4, h5, h6,
.tp-section-title,
.tp-footer-widget-title,
.heading-with-bar,
.tp-hero-content .tp-hero-subtitle,
.tp-contact-form-title,
.tp-contact-info-title {
  font-family: 'Richela Kids', cursive !important;
  letter-spacing: 0.5px;
}

/* Special treatment for certain headings */
.tp-section-title,
.heading-with-bar {
  font-weight: normal;
}

/* Apply Urbanist to all content */
body,
p,
a,
span,
button,
input,
textarea,
select,
li,
div,
.tp-btn,
.tp-btn-tomato,
.tp-main-menu-content ul li a,
.tp-footer-widget-link ul li a,
.tp-header-contact a,
.tp-footer-contact a,
.tp-preloader-subtitle {
  font-family: 'Urbanist', sans-serif !important;
}

/* Adjust header sizes for better Richela Kids display */
h1, .h1 {
  font-size: 48px;
}

h2, .h2 {
  font-size: 40px;
}

h3, .h3 {
  font-size: 32px;
}

h4, .h4 {
  font-size: 24px;
}

/* Make font size responsive */
@media (max-width: 991px) {
  h1, .h1 {
    font-size: 40px;
  }
  
  h2, .h2 {
    font-size: 34px;
  }
  
  h3, .h3 {
    font-size: 28px;
  }
  
  h4, .h4 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 36px;
  }
  
  h2, .h2 {
    font-size: 30px;
  }
  
  h3, .h3 {
    font-size: 24px;
  }
  
  h4, .h4 {
    font-size: 20px;
  }
}

/* Adjust navigation menu for Urbanist font */
.tp-main-menu-content ul li a {
  font-weight: 500;
}

/* Add additional spacing for better readability with Urbanist */
p {
  line-height: 1.6;
}