:root {
--text: #111;
--bg: #fff;
--rule: #ddd;
--max-width: 960px;
}
* { box-sizing: border-box; }
body {
margin: 0;
color: var(--text);
background: var(--bg);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
}
h1, h2 {
font-family: Georgia, "Times New Roman", serif;
margin: 0 0 0.5em;
}
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 24px;
}
a { color: var(--text); } .site-header {
border-bottom: 1px solid var(--rule);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 24px;
}
.logo {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
}
.site-header nav a {
margin-left: 24px;
text-decoration: none;
font-size: 0.95rem;
}
.site-header nav a:hover,
.site-header nav a.active {
text-decoration: underline;
}
.site-header nav a.nav-cta {
background: var(--text);
color: var(--bg);
padding: 8px 18px;
border-radius: 4px;
text-decoration: none;
}
.site-header nav a.nav-cta:hover {
opacity: 0.85;
text-decoration: none;
} .cta-banner {
background: #111;
color: #fff;
text-align: center;
padding: 50px 24px;
}
.cta-banner h2 {
color: #fff;
}
.cta-banner p {
margin-bottom: 1.5em;
}
.cta-banner-inline {
border-radius: 6px;
margin: 3em 0;
}
.cta-button {
display: inline-block;
background: #fff;
color: #111;
font-weight: bold;
padding: 12px 28px;
border-radius: 4px;
text-decoration: none;
}
.cta-button:hover {
opacity: 0.85;
} .advert {
background-image: url(//defensedevaleria.com/wp-content/themes/valeria/img/parchment.webp);
background-size: cover;
background-position: center;
padding: 60px 24px;
}
.advert-inner {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 40px;
align-items: center;
}
.advert-date {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.03em;
margin-bottom: 1em;
}
.advert-clipping {
width: 100%;
height: auto;
box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.cta-button-dark {
background: #111;
color: #fff;
}
@media (max-width: 640px) {
.advert-inner {
grid-template-columns: 1fr;
}
} .hero {
background-image: url(//defensedevaleria.com/wp-content/themes/valeria/img/parchment.webp);
background-size: cover;
background-position: center;
padding: 30px 0;
}
.hero-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.hero-title {
font-family: "UnifrakturCook", Georgia, serif;
font-size: 3rem;
font-weight: 700;
margin: 0;
}
.hero-rock {
width: 260px;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.hero-blason {
width: 90px;
} .intro {
padding: 50px 24px;
}
.photo-grid {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 24px;
align-items: start;
margin-bottom: 40px;
}
.photo-big {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.photo-side {
display: flex;
flex-direction: column;
gap: 20px;
}
.photo-tiles {
display: flex;
gap: 12px;
}
.photo-tiles img {
width: 50%;
height: auto;
display: block;
border-radius: 4px;
}
.intro-text {
text-align: left;
}
.hero-kicker {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.85rem;
margin-bottom: 4px;
}
.hero-event-link {
display: inline-block;
margin-top: 8px;
font-weight: bold;
text-decoration: underline;
}
@media (max-width: 640px) {
.hero-inner {
justify-content: center;
text-align: center;
}
.photo-grid {
grid-template-columns: 1fr;
}
} .page-content {
padding: 50px 24px;
}
.page-content article {
max-width: 720px;
margin: 0 auto;
}
.page-content h3 {
font-family: Georgia, "Times New Roman", serif;
margin: 1.5em 0 0.5em;
}
.page-content ul {
padding-left: 1.2em;
}
.page-content li {
margin-bottom: 0.5em;
}
.lead-center {
text-align: center;
font-weight: bold;
font-size: 1.1rem;
margin: 2em 0;
}
.content-photo {
margin: 2.5em 0;
text-align: center;
}
.content-photo img {
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.content-photo figcaption {
margin-top: 8px;
font-size: 0.85rem;
color: #555;
font-style: italic;
}
.editing-note {
text-align: center;
font-style: italic;
color: #555;
}
.doc-links {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
margin: 24px 0 3em;
}
.doc-links a {
text-decoration: underline;
font-weight: bold;
}
.founder {
display: flex;
gap: 28px;
align-items: flex-start;
margin-bottom: 3em;
}
.founder img {
width: 293px;
height: 293px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
}
.founder h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6rem;
margin: 0 0 0.4em;
}
@media (max-width: 640px) {
.founder {
flex-direction: column;
}
.founder img {
width: 100%;
height: auto;
max-height: 320px;
}
} .contact-grid {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 32px;
align-items: start;
margin-bottom: 3em;
}
.contact-map {
width: 100%;
height: 320px;
border: 0;
border-radius: 4px;
}
.contact-info h2 {
font-size: 1.3rem;
}
.contact-info a {
font-weight: bold;
text-decoration: underline;
}
.contact-form-wrap {
max-width: 520px;
margin: 0 auto;
padding-top: 2em;
border-top: 1px solid var(--rule);
}
.contact-form-wrap h2 {
text-align: center;
}
.wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.wpcf7-form p {
margin: 0;
font-weight: bold;
font-size: 0.9rem;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
font: inherit;
width: 100%;
padding: 10px 12px;
border: 1px solid var(--rule);
border-radius: 4px;
font-weight: normal;
resize: vertical;
margin-top: 6px;
}
.wpcf7-form input[type="submit"] {
display: block;
margin: 0 auto;
padding: 12px 32px;
border: 1px solid var(--text);
background: var(--text);
color: var(--bg);
border-radius: 4px;
font: inherit;
font-weight: bold;
cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover {
opacity: 0.85;
}
.wpcf7-response-output {
text-align: center;
font-weight: bold;
border-radius: 4px;
}
@media (max-width: 640px) {
.contact-grid {
grid-template-columns: 1fr;
}
} .gazette {
padding: 60px 24px;
text-align: center;
}
.gazette-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 32px;
}
.gazette-item {
text-decoration: none;
color: var(--text);
display: block;
}
.gazette-item img {
width: 100%;
border: 1px solid var(--rule);
box-shadow: 0 2px 10px rgba(0,0,0,0.15);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gazette-item:hover img {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.gazette-item span {
display: block;
margin-top: 12px;
font-weight: bold;
}
@media (max-width: 640px) {
.gazette-grid {
grid-template-columns: 1fr;
}
} .site-footer {
border-top: 1px solid var(--rule);
padding: 24px;
text-align: center;
font-size: 0.85rem;
color: #555;
}