/*
Theme Name: Xaira
Theme URI: https://kairaweb.com/wordpress-theme/xaira
Author: Kaira
Description: A Custom Theme for Xaira
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.0.013
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xaira
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news

Xaira WordPress Theme, (C) 2025 Kairaweb.com

Xaira, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/**
 * Main Styles for Front-end & WP Editor
 */
h1 {
  font-size: var(--wp--preset--font-size--xxxlarge);
}

h2 {
  font-size: var(--wp--preset--font-size--xxlarge);
}

h3 {
  font-size: var(--wp--preset--font-size--xlarge);
}

h4 {
  font-size: var(--wp--preset--font-size--larger);
}

h5 {
  font-size: var(--wp--preset--font-size--medium);
}

h6 {
  font-size: var(--wp--preset--font-size--normal);
}

:where(p.has-text-color:not(.has-link-color)) a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

strong {
  font-weight: bold;
}

mark {
  background-color: rgb(0 0 0 / 12%);
}

/* ---- Custom CSS Classes to use ---- */
.nomargin {
  margin: 0 !important;
}

@media (max-width: 781px) {
  .hide-bg-mobile {
    background: none !important;
  }
  .hide-on-mobile {
    display: none;
  }

  .unstick-mobile {
    position: static;
  }
}

/* ---- Text Shadow Utility Classes ---- */
.text-shadow.extra-large-dark {
  text-shadow:
    0px 8px 47px rgba(20, 17, 31, 0.15),
    0px 4px 16px rgba(20, 17, 31, 0.12);
}

.text-shadow.large-dark {
  text-shadow:
    0px 6px 19px rgba(20, 17, 31, 0.15),
    0px 3px 12px rgba(20, 17, 31, 0.12);
}

.text-shadow.medium-dark {
  text-shadow:
    0px 3px 6px rgba(20, 17, 31, 0.15),
    0px 2px 4px rgba(20, 17, 31, 0.12);
}

.text-shadow.small-dark {
  text-shadow:
    0px 1px 3px rgba(20, 17, 31, 0.15),
    0px 1px 1px rgba(20, 17, 31, 0.12);
}

.text-shadow.extra-large-light {
  text-shadow:
    0px 8px 47px rgba(20, 17, 31, 0.08),
    0px 4px 16px rgba(20, 17, 31, 0.04);
}

.text-shadow.large-light {
  text-shadow:
    0px 6px 19px rgba(20, 17, 31, 0.08),
    0px 3px 12px rgba(20, 17, 31, 0.04);
}

.text-shadow.medium-light {
  text-shadow:
    0px 3px 6px rgba(20, 17, 31, 0.08),
    0px 2px 4px rgba(20, 17, 31, 0.04);
}

.text-shadow.small-light {
  text-shadow:
    0px 1px 3px rgba(20, 17, 31, 0.03),
    0px 1px 1px rgba(20, 17, 31, 0.02);
}