/*
===================
Leggero CSS Styles
===================

Name: Leggero v2
Author: NoWhereMan, Drudo, Marc Thibeault and Fraenkiman
Version: 1.0
Module: style.css
*/

/* imports common style ruleset */
@import url('common.css');
@import url('globals.css');

/* imports column (where widgets usually go) rules */
@import url('column.css');

#comments li.comment-admin {
	padding: 1em
}

#widget-searchbox form {
	text-align: center
}

/* Last Comments-Widget */
.comment-quote {
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px
}

@media (min-width: 720px) {
	.comment-quote { width: auto }
}

/* Calendar-Widget */
.calendar {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

@media (min-width: 720px) {
	.calendar { font-size: small !IMPORTANT }
}


/* SV Altencelle Triathlon – red and gold club palette */
:root { color-scheme: light; }
html { background-color: #fff7da; text-shadow: none; }
html::before { background-image: none; background-color: #fff7da; }
body { color: #3b2119; }
a:link, a:visited { color: #a93218; }
a:hover { color: #7e210f; }
#body-container { background-color: #9f2a16; }
#head { padding: 18px 24px; margin: 5px; background: #b73218; border: 3px solid #f4bd19; border-radius: 12px; }
#head a { color: #fff1b2; }
#head .subtitle { color: #fff1b2; }
.club-brand { display: flex; align-items: center; gap: 20px; text-align: left; }
.club-logo-link { display: block; flex: 0 0 auto; line-height: 0; }
.club-logo { display: block; width: 108px; height: 108px; object-fit: contain; border-radius: 50%; border: 3px solid #f4bd19; background: #fff; }
.club-brand-text h1 { margin: 0; font-size: clamp(1.45rem, 4vw, 2.2rem); letter-spacing: 1px; }
.club-brand-text .subtitle { margin-top: .5em; }
#main { color: #34251e; background-color: #fffdf7; }
#main h2, #main h3, #main h4 { color: #9f2a16; }
#main .entry { border-bottom-color: #e9c958; }
#column { color: #fff1b2; }
#column h4 { color: #ffd84a; }
#column a:link, #column a:visited { color: #ffe38a; }
#footer { color: #fff1b2; }
#footer a { color: #ffd84a; }
input:hover, input:focus, textarea:hover, textarea:focus { border-color: #b73218; }
* { text-shadow: none !important; }
@media (max-width: 719px) { #head { padding: 13px; } .club-brand { gap: 12px; } .club-logo { width: 76px; height: 76px; } .club-brand-text h1 { font-size: 1.35rem; letter-spacing: .2px; } }