/* -- SN❄W Theme Stylesheet -- */

/* MODIFICATION 2: Added a --primary-color variable to each theme for the install bar */
body.theme-aqua { background-color: rgba(20, 20, 20, 0.94); color: white; --primary-color: aqua; }
body.theme-aqua h1 { background-color: black; color: aqua; box-shadow: 0 0 40px rgba(0, 255, 252, 0.8); }
body.theme-aqua .forms-container, body.theme-aqua .tab-content, body.theme-aqua .tab-button { background-color: black; color: #ccc; }
body.theme-aqua .tab-button.active { background-color: #1a1a1a; color: aqua; border-bottom: 3px solid aqua; }
body.theme-aqua #map, body.theme-aqua .medium-video-box, body.theme-aqua .linktree-box, body.theme-aqua .linktree-box2 { box-shadow: 0 0 20px rgba(0, 255, 252, 0.8); }
body.theme-aqua input, body.theme-aqua textarea, body.theme-aqua select { background-color: #333; color: #f0f0f0; }
body.theme-aqua input[type="submit"], body.theme-aqua .action-button, body.theme-aqua .button, body.theme-aqua .layout-button, body.theme-aqua .file-upload-label { background-color: black; color: aqua; border: 1px solid aqua; }
body.theme-aqua input[type="submit"]:hover, body.theme-aqua .action-button:hover, body.theme-aqua .file-upload-label:hover { background-color: aqua; color: black; }
body.theme-aqua #demo, body.theme-aqua #postLocationStatus { color: aqua; }
body.theme-aqua .layout-dropdown { background-color: #111; }
body.theme-aqua .layout-dropdown a { color: #eee; }
body.theme-aqua .layout-dropdown a:hover { background-color: #333; }
body.theme-aqua .modal-content { background-color: #1a1a1a; color: #eee; border-color: aqua; }
body.theme-aqua .modal-content .close-button { color: #aaa; }
body.theme-aqua .modal-content a { color: aqua; }
body.theme-aqua input::placeholder, body.theme-aqua textarea::placeholder { color: #f0f0f0; opacity: 1; }

body.theme-water { background-color: #f4f8ff; color: #0d47a1; --primary-color: #1e88e5; }
body.theme-water h1 { background-color: #1e88e5; color: white; box-shadow: 0 0 20px rgba(30, 136, 229, 0.7); }
body.theme-water .forms-container, body.theme-water .tab-content, body.theme-water .tab-button { background-color: #90caf9; color: #0d47a1; }
body.theme-water .tab-button.active { background-color: #e3f2fd; color: #1565c0; border-bottom: 3px solid #1565c0; }
body.theme-water #map, body.theme-water .medium-video-box, body.theme-water .linktree-box, body.theme-water .linktree-box2 { box-shadow: 0 0 20px rgba(30, 136, 229, 0.7); }
body.theme-water input, body.theme-water textarea, body.theme-water select { background-color: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
body.theme-water input[type="submit"], body.theme-water .action-button, body.theme-water .button, body.theme-water .layout-button, body.theme-water .file-upload-label { background-color: #1565c0; color: white; border: 1px solid #1565c0; }
body.theme-water input[type="submit"]:hover, body.theme-water .action-button:hover, body.theme-water .file-upload-label:hover { background-color: #1e88e5; color: white; }
body.theme-water #demo, body.theme-water #postLocationStatus { color: #1565c0; }
body.theme-water .layout-dropdown { background-color: #e3f2fd; }
body.theme-water .layout-dropdown a { color: #0d47a1; }
body.theme-water .layout-dropdown a:hover { background-color: #1e88e5; color: white;}
body.theme-water .modal-content { background-color: #e3f2fd; color: #0d47a1; border-color: #1565c0; }
body.theme-water .modal-content .close-button { color: #555; }
body.theme-water .modal-content a { color: #1565c0; }
body.theme-water input::placeholder, body.theme-water textarea::placeholder { color: #333; opacity: 1; }

body.theme-food { background-color: black; color: #c8e6c9; --primary-color: #4caf50; }
body.theme-food h1 { background-color: #2e7d32; color: #c8e6c9; box-shadow: 0 0 20px #4caf50; }
body.theme-food .forms-container, body.theme-food .tab-content, body.theme-food .tab-button { background-color: #1b5e20; color: #a5d6a7; }
body.theme-food .tab-button.active { background-color: #2e7d32; color: white; border-bottom: 3px solid #4caf50; }
body.theme-food #map, body.theme-food .medium-video-box, body.theme-food .linktree-box, body.theme-food .linktree-box2 { box-shadow: 0 0 20px #4caf50; }
body.theme-food input, body.theme-food textarea, body.theme-food select { background-color: #2e7d32; color: white; }
body.theme-food input[type="submit"], body.theme-food .action-button, body.theme-food .button, body.theme-food .layout-button, body.theme-food .file-upload-label { background-color: #1b5e20; color: #4caf50; border: 1px solid #4caf50; }
body.theme-food input[type="submit"]:hover, body.theme-food .action-button:hover, body.theme-food .file-upload-label:hover { background-color: #4caf50; color: black; }
body.theme-food #demo, body.theme-food #postLocationStatus { color: #4caf50; }
body.theme-food .layout-dropdown { background-color: #1b5e20; }
body.theme-food .layout-dropdown a { color: white; }
body.theme-food .layout-dropdown a:hover { background-color: #2e7d32; }
body.theme-food .modal-content { background-color: #1b5e20; color: #c8e6c9; border-color: #4caf50; }
body.theme-food .modal-content .close-button { color: #aaa; }
body.theme-food .modal-content a { color: #4caf50; }
body.theme-food input::placeholder, body.theme-food textarea::placeholder { color: #f0f0f0; opacity: 1; }

body.theme-shelter { background-color: #efebe9; color: #4e342e; --primary-color: #8d6e63; }
body.theme-shelter h1 { background-color: #5d4037; color: #efebe9; box-shadow: 0 0 20px #8d6e63; }
body.theme-shelter .forms-container, body.theme-shelter .tab-content, body.theme-shelter .tab-button { background-color: #6d4c41; color: #efebe9; }
body.theme-shelter .tab-button.active { background-color: #5d4037; color: white; border-bottom: 3px solid #8d6e63; }
body.theme-shelter #map, body.theme-shelter .medium-video-box, body.theme-shelter .linktree-box, body.theme-shelter .linktree-box2 { box-shadow: 0 0 20px #8d6e63; }
body.theme-shelter input, body.theme-shelter textarea, body.theme-shelter select { background-color: #a1887f; color: #3e2723; }
body.theme-shelter input[type="submit"], body.theme-shelter .action-button, body.theme-shelter .button, body.theme-shelter .layout-button, body.theme-shelter .file-upload-label { background-color: #5d4037; color: #efebe9; border: 1px solid #d7ccc8; }
body.theme-shelter input[type="submit"]:hover, body.theme-shelter .action-button:hover, body.theme-shelter .file-upload-label:hover { background-color: #d7ccc8; color: #5d4037; }
body.theme-shelter #demo, body.theme-shelter #postLocationStatus { color: #5d4037; }
body.theme-shelter .layout-dropdown { background-color: #efebe9; }
body.theme-shelter .layout-dropdown a { color: #4e342e; }
body.theme-shelter .layout-dropdown a:hover { background-color: #6d4c41; color: white; }
body.theme-shelter .modal-content { background-color: #efebe9; color: #4e342e; border-color: #8d6e63; }
body.theme-shelter .modal-content .close-button { color: #555; }
body.theme-shelter .modal-content a { color: #5d4037; }
body.theme-shelter input::placeholder, body.theme-shelter textarea::placeholder { color: #333; opacity: 1; }

body.theme-healthcare { background-color: #212121; color: #ffcdd2; --primary-color: #e57373; }
body.theme-healthcare h1 { background-color: #c62828; color: #ffebee; box-shadow: 0 0 20px #e57373; }
body.theme-healthcare .forms-container, body.theme-healthcare .tab-content, body.theme-healthcare .tab-button { background-color: #b71c1c; color: #ef9a9a; }
body.theme-healthcare .tab-button.active { background-color: #c62828; color: white; border-bottom: 3px solid #e57373; }
body.theme-healthcare #map, body.theme-healthcare .medium-video-box, body.theme-healthcare .linktree-box, body.theme-healthcare .linktree-box2 { box-shadow: 0 0 20px #e57373; }
body.theme-healthcare input, body.theme-healthcare textarea, body.theme-healthcare select { background-color: #d32f2f; color: white; }
body.theme-healthcare input[type="submit"], body.theme-healthcare .action-button, body.theme-healthcare .button, body.theme-healthcare .layout-button, body.theme-healthcare .file-upload-label { background-color: #b71c1c; color: #ffcdd2; border: 1px solid #ffcdd2; }
body.theme-healthcare input[type="submit"]:hover, body.theme-healthcare .action-button:hover, body.theme-healthcare .file-upload-label:hover { background-color: #ffcdd2; color: #b71c1c; }
body.theme-healthcare #demo, body.theme-healthcare #postLocationStatus { color: #ffcdd2; }
body.theme-healthcare .layout-dropdown { background-color: #b71c1c; }
body.theme-healthcare .layout-dropdown a { color: white; }
body.theme-healthcare .layout-dropdown a:hover { background-color: #c62828; }
body.theme-healthcare .modal-content { background-color: #2a2a2a; color: #ffcdd2; border-color: #c62828; }
body.theme-healthcare .modal-content .close-button { color: #aaa; }
body.theme-healthcare .modal-content a { color: #e57373; }
body.theme-healthcare input::placeholder, body.theme-healthcare textarea::placeholder { color: #f0f0f0; opacity: 1; }

body.theme-education { background-color: #6c757d; color: white; --primary-color: black; }
body.theme-education h1 { background-color: #343a40; color: white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }
body.theme-education .forms-container, body.theme-education .tab-content, body.theme-education .tab-button { background-color: #495057; color: #e9ecef; }
body.theme-education .tab-button.active { background-color: #343a40; color: white; border-bottom: 3px solid black; }
body.theme-education #map, body.theme-education .medium-video-box, body.theme-education .linktree-box, body.theme-education .linktree-box2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }
body.theme-education input, body.theme-education textarea, body.theme-education select { background-color: #495057; color: white; border-color: black;}
body.theme-education input[type="submit"], body.theme-education .action-button, body.theme-education .button, body.theme-education .layout-button, body.theme-education .file-upload-label { background-color: #343a40; color: white; border: 1px solid black; }
body.theme-education input[type="submit"]:hover, body.theme-education .action-button:hover, body.theme-education .file-upload-label:hover { background-color: white; color: black; }
body.theme-education #demo, body.theme-education #postLocationStatus { color: white; }
body.theme-education .layout-dropdown { background-color: #343a40; }
body.theme-education .layout-dropdown a { color: white; }
body.theme-education .layout-dropdown a:hover { background-color: #495057; }
body.theme-education .modal-content { background-color: #495057; color: #e9ecef; border-color: #343a40; }
body.theme-education .modal-content .close-button { color: #ccc; }
body.theme-education .modal-content a { color: white; }
body.theme-education input::placeholder, body.theme-education textarea::placeholder { color: #f0f0f0; opacity: 1; }

body.theme-hivemind { background-color: black; color: #fffde7; --primary-color: #ffeb3b; }
body.theme-hivemind h1 { background-color: #f57f17; color: #fffde7; box-shadow: 0 0 20px #ffeb3b; }
body.theme-hivemind .forms-container, body.theme-hivemind .tab-content, body.theme-hivemind .tab-button { background-color: #f9a825; color: #212121; }
body.theme-hivemind .tab-button.active { background-color: #f57f17; color: white; border-bottom: 3px solid #ffeb3b; }
body.theme-hivemind #map, body.theme-hivemind .medium-video-box, body.theme-hivemind .linktree-box, body.theme-hivemind .linktree-box2 { box-shadow: 0 0 20px #ffeb3b; }
body.theme-hivemind input, body.theme-hivemind textarea, body.theme-hivemind select { background-color: #fbc02d; color: #212121; }
body.theme-hivemind input[type="submit"], body.theme-hivemind .action-button, body.theme-hivemind .button, body.theme-hivemind .layout-button, body.theme-hivemind .file-upload-label { background-color: #f57f17; color: #fffde7; border: 1px solid #fffde7; }
body.theme-hivemind input[type="submit"]:hover, body.theme-hivemind .action-button:hover, body.theme-hivemind .file-upload-label:hover { background-color: #fffde7; color: #f57f17; }
body.theme-hivemind #demo, body.theme-hivemind #postLocationStatus { color: #fffde7; }
body.theme-hivemind .layout-dropdown { background-color: #fdd835; }
body.theme-hivemind .layout-dropdown a { color: black; }
body.theme-hivemind .layout-dropdown a:hover { background-color: #f9a825; }
body.theme-hivemind .modal-content { background-color: #212121; color: #fffde7; border-color: #f57f17; }
body.theme-hivemind .modal-content .close-button { color: #aaa; }
body.theme-hivemind .modal-content a { color: #fbc02d; }
body.theme-hivemind input::placeholder, body.theme-hivemind textarea::placeholder { color: #212121; opacity: 1; }