/**
 * Theme Name:        NewDevelopments
 * Theme URI:         https://franrosa.com/code-project/newdevelopments-block-theme/
 * Description:       Block theme for a site with a blog. Straightforward, accessible, without images but with visual impact. 
 * Version:           2.0.4
 * Author:            Fran Rosa
 * Author URI:        https://franrosa.com
 * Tags:              blog, one-column, accessibility-ready, full-site-editing, full-width-template, block-styles
 * Text Domain:       newdevelopments
 * Tested up to:      6.9
 * Requires at least: 6.0
 * Requires PHP:      7.4
 * License:           GNU General Public License v3
 * License URI:       https://www.gnu.org/licenses/gpl-3.0.html
 * Copyright:         2022-2026 Fran Rosa
 */

:where(.wp-block-button__link) {
    border-radius: 0;
 }
:focus {
    outline-width: var(--wp--preset--spacing--half-x);
    outline-style: solid;
    outline-offset: var(--wp--preset--spacing--half-x);
}
.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}
.wp-block-pullquote.is-style-solid-color {
    background-color: var(--wp--preset--color--accent);
}
.site-header .wp-block-columns.has-accent-half-gradient-background {
    background: transparent !important;
}
.site-header .wp-block-columns .wp-block-column {
    padding: var(--wp--preset--spacing--2-x) var(--wp--preset--spacing--3-x);
    background: transparent;
}
.site-header .wp-block-columns .wp-block-column:not(:last-of-type) {
    background: var(--wp--preset--color--accent);
}
.site-header .wp-block-columns .wp-block-column p {
    margin: 0;
}
.site-header .wp-block-columns .wp-block-column p.wp-block-site-tagline {
    padding: var(--wp--preset--spacing--half-x) var(--wp--preset--spacing--1-x);
}
.wp-block-group.post-header {
    padding: var(--wp--preset--spacing--3-x);
    margin: 0;
    background: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--accent);
}
.wp-block-group.post-header h1 {
    margin: 0;
    padding: 0;
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 300;
    line-height: var(--wp--custom--line-height--xl);
}
:is(.wp-block-group.post-header, article.post) .post-meta {
    display: flex;
    margin-bottom: var(--wp--preset--spacing--2-x);
}
.wp-block-group.post-header .post-meta {
    column-gap: var(--wp--preset--spacing--4-x);
    color: var(--wp--preset--color--white);
}
.wp-block-group.site-footer {
    padding: var(--wp--preset--spacing--6-x) var(--wp--preset--spacing--3-x) var(--wp--preset--spacing--3-x);
    margin: 0;   
}
ul.wp-block-post-template {
    display: flex;
    flex-flow: column wrap;
    gap: var(--wp--preset--spacing--2-x);
}
ul.wp-block-post-template li {
    display: block;
    flex: 0 0 0;
}
ul.wp-block-post-template li article.post {
    font-size: var(--wp--preset--font-size--s);
    font-weight: 300;
    line-height: var(--wp--custom--line-height--s);
    padding: var(--wp--preset--spacing--2-x) var(--wp--preset--spacing--3-x);
}
.wp-block-post-template .sticky article.post {
    background: var(--wp--preset--color--accent);
}
ul.wp-block-post-template li article.post .post-meta {
    column-gap: var(--wp--preset--spacing--3-x);
    color: var(--wp--preset--color--black);
}
body ul.wp-block-post-template li article.post .post-title {
    margin-top: var(--wp--preset--spacing--2-x);
    margin-bottom: var(--wp--preset--spacing--1-x);
    font-size: var(--wp--preset--font-size--l);
    font-weight: inherit;
    line-height: var(--wp--custom--line-height--l);
}
ul.wp-block-post-template li article.post .post-title h2 {
    margin: 0;
    padding: 0;
    font-size: var(--wp--preset--font-size--l);
    font-weight: inherit;
    line-height: var(--wp--custom--line-height--l);
}
ul.wp-block-post-template li article.post .post-content-buttons {
    margin: 0;
    padding: var(--wp--preset--spacing--2-x) 0 0;
    column-gap: var(--wp--preset--spacing--3-x);
}
body ul.wp-block-post-template li article.post .post-content-buttons a {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}