/*
Theme Name: MRseasons
Theme URI: https://mrmauvetech.com/mrseasons-theme/
Author: MR Mauvetech
Author URI: https://mrmauvetech.com
Description: MRseasons is a simple block theme with different styles to celebrate the colors of seasons. It also includes several block patterns and some options for templates to make it easier and fun to build your next website... And when the seasons change, the proper look and feel is just one click away.
Requires at least: 6.2
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mrseasons
Tags: blog, news, photography, one-column, wide-blocks, block-patterns, block-styles, custom-background, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, template-editing
*/

/*
overwrite default padding values when group has a background color
*/
:where(.wp-block-group.has-background) {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*
justified alternative style for blocks
*/
.is-style-justified-text-block {
	text-align: justify;
    white-space: normal !important;
}

/*
separator for post navigation bar
*/
.nav-previous{
    position: relative;
    padding-right: 10px;
}

.nav-next{
    padding-left: 10px;
}

.nav-previous::after {
    position: absolute;
    content: '';
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background: var(--wp--preset--color--mrseasons-elements);
}

/*
calendar block styling
*/
.wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th {
    border-color: var(--wp--preset--color--mrseasons-decorations);
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: var(--wp--preset--color--mrseasons-decorations);
}

/*
disabled comments take no space
*/
.no-space-comment {
    margin-block-start: 0 !important;
}

/*
styles for custom home page
*/
.no-space-footer {
    margin-block-start: 0 !important;
}

/*
Manage link style for lists
*/
header ul li a:hover {
    color: var(--wp--preset--color--mrseasons-effects) !important;
}