/*
Theme Name: NIRSA Block Theme
Theme URI: 
Author: Yoko Co
Author URI: 
Description: A modern, custom theme from the team at Yoko Co.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yoko-nirsa-main
Tags: 

/*************************************************************/

/*************************************************************/
/*************** Gutenberg and FSE quirk fixes ***************/
/*************************************************************/

/* Fixes default gaps between blocks when stacking groups or rows at the highest level */

:where(.wp-site-blocks) > * {margin-block-start: 0; margin-block-end: 0;}


/*************************************************************/
/************ Utility classes for responsive fixes ***********/
/*************************************************************/

/* Handles responsive left-right padding by default by target top level groups. Can be undone by using .esc-pad class on a top level group */

@media screen and (max-width: 1240px) {
.wp-site-blocks > .wp-block-group:not(.esc-pad), 
.wp-site-blocks > .wp-block-template-part > .wp-block-group:not(.esc-pad), 
.wp-block-template-part > .wp-block-template-part > .wp-block-group:not(.esc-pad), 
.wp-block-template-part > .wp-block-template-part > .wp-block-template-part > .wp-block-group:not(.esc-pad), .wp-site-blocks > .entry-content > .wp-block-group:not(.esc-pad) 
{
    padding-left: 20px; 
    padding-right: 20px;
}
}
 
/* utility classes for responsive layouts on medium devices */

@media screen and (max-width: 1024px) {
    body .is-layout-flex.md-reverse {flex-direction: row-reverse; justify-content: flex-end;} 
    body .is-layout-flex.md-stack {flex-direction: column;}  
    body .is-layout-flex.md-stack.md-reverse {flex-direction: column-reverse; justify-content: flex-end;} 
    body .is-layout-flex.md-stack  > :is(*, div) {display: block; width: 100%; margin-left: 0; margin-right: 0;} 
    body .wp-block-columns.is-layout-flex.md-reverse {flex-direction: column-reverse; justify-content: flex-end;}
}

/* utility classes for responsive layouts on small devices */
@media screen and (max-width: 781px) {
    body .is-layout-flex.mobile-reverse, body .is-layout-flex.sm-reverse {flex-direction: row-reverse; justify-content: flex-end;} 
    body .is-layout-flex.mobile-stack, body .is-layout-flex.sm-stack {flex-direction: column;} 
    body .is-layout-flex.mobile-stack.mobile-reverse, body .is-layout-flex.sm-stack.sm-reverse {flex-direction: column-reverse; justify-content: flex-end;} 
    body .is-layout-flex.mobile-stack  > :is(*, div), body .is-layout-flex.sm-stack  > :is(*, div) {display: block; width: 100%; margin-left: 0; margin-right: 0;} 
    body .wp-block-columns.is-layout-flex.mobile-reverse, body .wp-block-columns.is-layout-flex.sm-reverse {flex-direction: column-reverse; justify-content: flex-end;}
}


/****************************************************/
/************* Button default effects ***************/
/****************************************************/

:root :where(.wp-block-button:not(.is-style-simple-outline) .wp-block-button__link) {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background-clip: text;
	-webkit-background-clip: text;
	border-color: transparent !important;
}
:root :where(.wp-block-button:not(.is-style-simple-outline) .wp-block-button__link)::after {
	content: '';
	position: absolute;
	height: 100%;
	z-index: -1;
	transform: skewX(-12deg);
	box-sizing: border-box;
	background-color: inherit;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link, .is-style-reverse-outline .wp-block-button__link)::after {
	border-width: inherit;
	border-style: solid;
	border-color: initial;
	border-top-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-left-color: initial;
}

.wp-block-button .wp-block-button__link {
	bottom: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.wp-block-button .wp-block-button__link:hover {
	bottom: -2px;
}
.wp-block-button .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--brand);
	background-color: var(--wp--preset--color--brand);
}
.wp-block-button.is-style-alt-fill .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--core-tint);
	background-color: var(--wp--preset--color--core-tint);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-simple-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--brand);
	background-color: inherit;
	color: var(--wp--preset--color--brand);
}
.wp-block-button.is-style-reverse-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--accent);
	background-color: inherit;
	color: var(--wp--preset--color--accent);
}

/****************************************************/
/**************** Misc adjustments ******************/
/****************************************************/
 
/* Fixes default gaps when using prefixes on MFBPro */

.wp-block-mfb-meta-field-block.is-display-inline-block .prefix {
    margin-inline-end: var(--mfb--gap, 0);
}
                                              
body .seopress-user-consent {
	padding: 10px 20px;
}
body .seopress-user-consent p {
	font-size: var(--wp--preset--font-size--small);
}
body .seopress-user-consent button {
	border-radius: 0px;
	padding: 5px 10px;
	min-width: auto;
}
body .seopress-user-consent button:hover {
	box-shadow: none;
	transform: none;
}
body .seopress-user-consent button#seopress-user-consent-close {
	border-color: var(--wp--preset--color--contrast) !important;
}
body .seopress-user-consent button#seopress-user-consent-close:hover {
	border-color: var(--wp--preset--color--brand) !important;
}