/*
Theme Name: Agora Main
Description: A custom WordPress theme for Agora with animated crosshair backgrounds, interactive navigation, and Vimeo video integration.
Version: 1.0.0
Author: Agora
Text Domain: agora-main
*/

/* Base WordPress styles */
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* Reset some WordPress defaults */
* {
    box-sizing: border-box;
}

/* WordPress admin bar spacing */
body.admin-bar {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px;
    }
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Basic WordPress content styles */
.site-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.entry-content {
    margin: 2rem 0;
}

.entry-content img {
    height: auto;
    max-width: 100%;
}