diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css index 11478104..f07439fd 100644 --- a/wp-content/themes/apus-theme/assets/css/style.css +++ b/wp-content/themes/apus-theme/assets/css/style.css @@ -861,3 +861,60 @@ img { height: auto; display: block; } + +/* === POST CONTENT === */ + +.post-content { + background: #ffffff; + padding: 2rem; + border-radius: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); +} + +.post-content h2 { + color: var(--color-navy-primary); + font-weight: 700; + margin-top: 2.5rem; + margin-bottom: 1.25rem; + padding-bottom: 0.75rem; + border-bottom: 3px solid var(--color-orange-primary); +} + +.post-content h3 { + color: var(--color-navy-light); + font-weight: 600; + margin-top: 2rem; + margin-bottom: 1rem; +} + +.post-content p { + color: var(--color-neutral-600); + line-height: 1.8; + margin-bottom: 1.25rem; +} + +.post-content ul, +.post-content ol { + margin-bottom: 1.5rem; + padding-left: 2rem; +} + +.post-content li { + margin-bottom: 0.5rem; + color: var(--color-neutral-600); +} + +.post-content strong { + color: var(--color-navy-primary); + font-weight: 600; +} + +.post-content a { + color: var(--color-orange-primary); + text-decoration: underline; + transition: color 0.3s ease; +} + +.post-content a:hover { + color: var(--color-orange-hover); +} diff --git a/wp-content/themes/apus-theme/single.php b/wp-content/themes/apus-theme/single.php index 5a1b82c6..efa7a207 100644 --- a/wp-content/themes/apus-theme/single.php +++ b/wp-content/themes/apus-theme/single.php @@ -58,7 +58,7 @@ get_header(); -
+
'
', )); ?> - +