/*
Theme Name: NASCIO 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-nascio-core
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) {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 ***************/
/****************************************************/

.wp-block-button:not(.is-style-simple) .wp-block-button__link {
	position: relative;
	bottom: 0px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.wp-block-button:not(.is-style-simple) .wp-block-button__link:hover {
	bottom: -3px;
	background-color: var(--wp--preset--color--contrast-tint);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-alt-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--core-tint);
}

/****************************************************/
/************** Card default effects ****************/
/****************************************************/

.wp-block-group.is-style-card,
.wp-block-group.is-style-card .is-style-card-title,
.wp-block-group.is-style-card .is-style-card-title a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.wp-block-group.is-style-card.is-linked:hover .is-style-card-title a,
.wp-block-group.content-list-item.is-linked:hover > p {
	text-decoration: underline;
}
.wp-block-group.is-style-card.is-linked:hover .is-style-card-title a {
	color: var(--wp--preset--color--brand);
}

/****************************************************/
/**************** 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);
}

.wp-block-post-terms p {
	display: inline;
	margin: 0px;
}

/****************************************************/
/****************** Shortcode MAP *******************/
/****************************************************/

body #legacy-directory .main_color select {
	border-radius: 40px !important;
	border: 1px solid var(--wp--preset--color--core-border) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.21967 8.21967C5.51256 7.92678 5.98744 7.92678 6.28033 8.21967L10 11.9393L13.7197 8.21967C14.0126 7.92678 14.4874 7.92678 14.7803 8.21967C15.0732 8.51256 15.0732 8.98744 14.7803 9.28033L10.5303 13.5303C10.3897 13.671 10.1989 13.75 10 13.75C9.80109 13.75 9.61032 13.671 9.46967 13.5303L5.21967 9.28033C4.92678 8.98744 4.92678 8.51256 5.21967 8.21967Z' fill='%232C556D'/%3E%3C/svg%3E") !important;
	background-position: center right 11px !important;
	background-color: var(--wp--preset--color--core) !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) inset;
	padding: 11px 40px 11px 16px;
	font-size: var(--wp--preset--font-size--body-small);
	width: 100%;
}
body #legacy-directory .lg-profile-list .lg-single-profile a {
	color: var(--wp--preset--color--core-text);
}
body #legacy-directory .lg-profile-list .lg-single-profile a:hover {
	color: var(--wp--preset--color--brand);
}

/****************************************************/
/***************** CARD / HOVER IMG *****************/
/****************************************************/

.is-hover-card .is-card-img {
	position: relative;
}
.is-hover-card .is-hover-img {
	opacity: 0;
	width: 100%;
}
.is-hover-card .is-hover-img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--wp--preset--color--core);
}

.is-hover-card .is-hover-img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.is-hover-card:hover .is-hover-img {
	opacity: 1;
}

/****************************************************/
/*********************** SSO ************************/
/****************************************************/

/* HIDE BLOCK / CURRENT USER RESTRICTED */
body.current-user-is-restricted .hide-restricted {
	display: none !important;
}
/****/

.page-template .entry-content:has(> .restricted-content-notice-background) {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}
@media screen and (max-width: 992px) {
	.page-template .entry-content:has(> .restricted-content-notice-background) {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/****************************************************/
/***************** iFRAME STYLES ********************/
/****************************************************/

.isfwp-block-instance .ais-Stats {
	color: var(--wp--preset--color--core-heading) !important;
}