/*
Theme Name: AoP Office
Theme URI: http://archphila.org/
Description: Archdiocese of Philadelphia
Author: L Gilbert
Version: 2.0.25
*/

/* Reset and base styles */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 18pt; }
body { line-height: 1.6; min-height: 100vh; overflow-x: hidden; word-wrap: break-word; font-family: 'Lato', sans-serif; color: #757575; }

/* Background gradient */
/*body::before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(45deg, #E3DB96 0%, #ED7474 100%); z-index: -1; }*/
body::before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(45deg, #FDB913 0%, #006A44 100%); z-index: -1; }

/* Main layout */
.site-wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 1.5rem; }
.site-main { background: #FFFFFF; border-radius: 0.375rem; max-width: 50rem; width: 100%; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.inner { padding: 2.875rem 2.25rem; }

/* Typography */
.site-title { font-family: 'Lato', sans-serif; font-size: 2.25em; font-weight: 400; color: #757575; text-align: center; margin-bottom: 1.75rem; }
.site-description { font-size: 1em; font-weight: 300; text-align: center; margin-bottom: 1.75rem; }
h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; font-weight: 300; color: #757575; margin: 1.75rem 0 1rem 0; }
h1 { font-size: 2.25em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
p { margin: 1rem 0; line-height: 1.75; }
a { color: inherit; text-decoration: underline; transition: text-decoration 0.25s ease; }
a:hover { text-decoration: none; }
strong { font-weight: 700; }
em { font-style: italic; }

/* Navigation */
.main-navigation { text-align: center; margin-bottom: 1.75rem; }
.nav-menu { list-style: none; display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap; }
.nav-menu li a { display: inline-block; padding: 0.5rem 1.25rem; background: #F2DB8A; color: #000000; text-decoration: none; border-radius: 0.25rem; transition: background-color 0.25s ease; }
.nav-menu li a:hover { background: #E8D080; }

/* Content */
.entry-title { margin-bottom: 1rem; }
.entry-title a { text-decoration: none; }
.entry-title a:hover { text-decoration: underline; }
.entry-content { margin-bottom: 1.5rem; }
.entry-meta { font-size: 0.9em; color: #999; margin-bottom: 1.5rem; }
.read-more { background: #F2DB8A; color: #000000; padding: 0.5rem 1rem; text-decoration: none; border-radius: 0.25rem; display: inline-block; transition: background-color 0.25s ease; }
.read-more:hover { background: #E8D080; }

/* Dividers */
hr, .post-divider { border: none; height: 1px; background: #757575; margin: 1.75rem 0; }

/* Pagination */
.pagination { text-align: center; margin-top: 2rem; }
.pagination a { background: #F2DB8A; color: #000000; padding: 0.5rem 1rem; text-decoration: none; border-radius: 0.25rem; margin: 0 0.5rem; transition: background-color 0.25s ease; }
.pagination a:hover { background: #E8D080; }

/* Images */
img { max-width: 100%; height: auto; border-radius: 0.25rem; }

/* Responsive design */
@media (max-width: 1280px) { html { font-size: 13pt; } }
@media (max-width: 980px) { html { font-size: 11pt; } }
@media (max-width: 736px) { .inner { padding: 2rem; } .site-title { font-size: 2em; } h2 { font-size: 1.5em; } .nav-menu { flex-direction: column; } }
@media (max-width: 480px) { .site-wrapper { padding: 1rem; } .nav-menu li a { width: 100%; max-width: 20rem; } }
@media (max-width: 360px) { .inner { padding: 1.5rem; } .site-title { font-size: 1.75em; } h2 { font-size: 1.25em; } }