/*
Theme Name: Dream India Auditions
Description: Dream India Production singing audition website with a registration form, private entry backups and Google Sheets integration.
Author: Dream India Production
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dream-india-auditions-theme
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html { box-sizing: border-box; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; color: #241a2c; background: #faf6ef; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
img { max-width: 100%; height: auto; }
a { color: #b3350d; }
:focus-visible { outline: 3px solid #b3350d; outline-offset: 4px; }
.dia-skip-link { position: fixed; top: 8px; left: 8px; padding: 12px 18px; background: #fff; color: #241a2c; z-index: 100000; transform: translateY(-160%); }
.dia-skip-link:focus { transform: translateY(0); }
.dia-content-shell { width: min(100% - 40px, 1000px); margin: 0 auto; padding: 30px 0 60px; overflow-wrap: anywhere; }
.dia-page-brand { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; border-bottom: 1px solid #ddd4c8; margin-bottom: 32px; }
.dia-page-brand a { text-decoration: none; font-weight: 750; }
.dia-content-shell article { margin-bottom: 40px; }
.dia-content-shell h1 { font-size: clamp(30px, 5vw, 46px); line-height: 1.15; }
.dia-entry-content { line-height: 1.7; }
.dia-entry-content iframe, .dia-entry-content video { max-width: 100%; }
.dia-entry-content table { max-width: 100%; border-collapse: collapse; }
.dia-entry-content th, .dia-entry-content td { padding: 10px; border: 1px solid #ddd4c8; }
.dia-content-shell .alignwide { width: 100%; }
.dia-content-shell .aligncenter { margin-left: auto; margin-right: auto; }
.dip-app .dip-status:empty { display: none; }
.dip-app .dip-button:disabled { cursor: wait; opacity: .75; }
.dip-app .dip-logo-mark { display: grid; place-items: center; }
.dip-app .dip-success h2:focus { outline: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }