/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://example.com/twentytwentyone-child
Description:  Child theme for the Twenty Twenty-One WordPress theme. Safe place for custom styles, template overrides and functions that survive parent theme updates.
Author:       Your Name
Author URI:   https://example.com
Template:     twentytwentyone
Version:      1.0.0
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 7.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyone-child
Tags:         one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
*/

/* ==========================================================================
   IMPORTANT
   Do NOT use @import to load the parent stylesheet. It is enqueued properly
   in functions.php. This file loads AFTER the parent, so anything here wins
   at equal specificity.
   ========================================================================== */


/* ==========================================================================
   1. Custom properties
   Twenty Twenty-One is built almost entirely on CSS custom properties.
   Overriding them here re-skins the whole theme without fighting selectors.
   Uncomment and edit what you need.
   ========================================================================== */

:root {

	/* --- Colour --- */
	/* --global--color-background: #d1e4dd; */
	/* --global--color-primary: #28303d;    */ /* Headings, body text          */
	/* --global--color-secondary: #39414d;  */ /* Meta, captions, borders      */
	/* --global--color-primary-hover: #28303d; */
	/* --global--color-border: #28303d;     */

	/* --- Buttons --- */
	/* --button--color-text: #fff;              */
	/* --button--color-text-hover: #28303d;     */
	/* --button--color-background: #28303d;     */
	/* --button--color-background-active: #fff; */
	/* --button--border-radius: 4px;            */

	/* --- Typography --- */
	/* --global--font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* --global--font-secondary: Georgia, serif; */
	/* --global--font-size-base: 1.25rem;   */ /* Body copy                    */
	/* --global--font-size-xl: 2.25rem;     */
	/* --global--font-size-xxl: 3rem;       */
	/* --global--line-height-body: 1.7;     */
	/* --global--line-height-heading: 1.3;  */

	/* --- Layout --- */
	/* --global--spacing-unit: 20px;              */
	/* --responsive--aligndefault-width: 610px;   */
	/* --responsive--alignwide-width: 1240px;     */

	/* --- Header / Footer --- */
	/* --branding--color-text: #28303d;   */
	/* --branding--color-link: #28303d;   */
	/* --footer--color-text: #28303d;     */
	/* --footer--color-link: #28303d;     */
}


/* ==========================================================================
   2. Custom styles
   Add your own rules below this line.
   ========================================================================== */

/* Example: tighten the site title
.site-title {
	letter-spacing: -0.02em;
}
*/

/* Example: full-width featured image on single posts
.single .post-thumbnail img {
	width: 100%;
	object-fit: cover;
	max-height: 480px;
}
*/


/* ==========================================================================
   3. Responsive
   Twenty Twenty-One's main breakpoint is 652px, with larger shifts at 822px.
   ========================================================================== */

@media only screen and (min-width: 652px) {
	/* Tablet and up */
}

@media only screen and (min-width: 822px) {
	/* Desktop and up */
}


/* ==========================================================================
   4. Print
   ========================================================================== */

@media print {
	/* Print-only overrides */
}