/*
Theme Name: Newspack Redesign 2023
Theme URI: https://github.com/rtCamp/newspack-redesign
Author: rtCamp
Author URI: https://rtcamp.com/
Description: Newspack redesign theme based upon the Block Canvas theme that supports full-site editing.
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newspack
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage
*/

/* Normalize */
* {
	box-sizing: border-box;
}

/* Smooth Scrolling */
html {
	scroll-behavior: smooth;
}

/* 
Underlines are yellow in headings
*/

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	text-decoration-color: var(--wp--preset--color--accent) !important;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
	border-width: 1px;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 0.0625em !important;
	text-underline-offset: 0.15em;
}

/* Remove padding from top and bottom of the page */
.wp-site-blocks {
	padding: 0;
}

/* Remove footer extra margin */
footer.wp-block-template-part {
	margin-block-start: 0;
}

/* Hover effect for button to change background and text color */
.wp-block-button:not(.is-style-arrow-right) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--neutral-black) !important;
	color: var(--wp--preset--color--neutral-white) !important;
}

/* Add transition time for button css */
.wp-block-button__link {
	transition:
		background-color 0.1s ease,
		color 0.1s ease;
}

/**
 * Subscript styles
 */
sub {
	vertical-align: 0;
	font-size: 0.4em;
}

/**
 * Homepage posts block styles on single post
 */
.single-post .wp-block-newspack-blocks-homepage-articles .cat-links {
	color: var(--wp--preset--color--primary);
}

.is-style-less-slanted-italics em {
	font-style: normal;
	font-variation-settings: "slnt" -10;
}

.is-style-media-text-2 {
	background: var(--wp--preset--color--primary);
	padding: var(--wp--preset--spacing--40);
	display: flex;
}

.is-style-media-text-2 .wp-block-media-text__media {
	width: auto !important;
}

.is-style-media-text-2 .wp-block-media-text__media img {
	width: 150px;
}

.is-style-media-text-2 .wp-block-media-text__content {
	padding: 0 0 0 var(--wp--preset--spacing--24);
}

@media screen and (max-width: 600px) {
	.is-style-media-text-2 {
		flex-direction: column;
	}

	.is-style-media-text-2 .wp-block-media-text__media {
		margin: 0 auto;
	}

	.is-style-media-text-2 .wp-block-media-text__content {
		padding: 0;
	}

	body {
		--wp--style--root--padding-left: 24px;
		--wp--style--root--padding-right: 24px;
	}

	.homepage-tagline {
		font-size: 64px !important;
	}
}

.wp-block-image figcaption {
	font-family: var(--wp--preset--font-family--inter);
	font-size: var(--wp--preset--font-size--body-text-small);
	line-height: 1.5;
	color: var(--wp--preset--color--neutral-dark-gray);
	margin-top: 14px;
	margin-bottom: 8px;
}