/*
Theme Name: SLA
Theme URI:
Author: Flavia Bernárdez Rodríguez
Author URI:
Description: Un tema para la web de Spanish Academy Lessons
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sla
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Scroll Smooth
 */
html,
.entry-content {
	scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6,
.has-medium-font-size {
	font-feature-settings: 'salt' on;
	font-variant-alternates: stylistic(salt);
}

@media only screen and (max-width: 460px) {
	h1,h2,h3,h4,h5,h6 {
		font-weight: 700;
	}
}

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

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

div#mct-bottom-share {
	text-align: right;
}

/* Cosas que no puedo ajustar desde el theme.json */
.wp-block-button__link.has-base-1-color:hover { background-color: #ffffff33; }
.has-border-color a {
	text-decoration: none;
}
.sla-hover > .wp-block-group.has-background:hover,
.sla-hover > li.wp-block-post:hover {
	box-shadow: 0 10px 20px 0 var(--wp--preset--color--contrast-3);
	transition: all 300ms ease-in-out;
}
.sla-hover > .wp-block-group.has-background,
.sla-hover > li.wp-block-post {
	transition: all 100ms ease-in-out;
}

.z-index {
	z-index: 10;
}

.wp-block-stackable-columns.alignfull.stk-block-columns.stk-block,
.stk-row.stk-inner-blocks.stk-block-content.stk-content-align.alignfull,
.stk-block-content.stk-inner-blocks {
	height: 100%;
}

/* Forms */
.ff-default .ff-el-form-control {
	border: 1px solid var(--wp--preset--color--accent-1);
}
.ff-default .ff-el-form-control:focus {
	border-color: #661515 !important;
}
.ff-default .ff-el-form-control,
form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
	--fluentform-border-radius : 8px;
	border-radius: var(--fluentform-border-radius) !important;
}
form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
	border: 0;
	font-weight: 800;
}
form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover {
	background-color: #661515 !important;
	color: var(--wp--preset--color--contrast-1) !important;
	border: 0;
}
.ff-default .ff_btn_style {
	transition: unset;
}
.fluentform .ff-el-group.no-margin {
	margin: 0 !important;
}
.fluentform .ff-el-group a {
	text-decoration: underline;
}
.ff-el-group.ff-custom_html {
	font-size: 0.75rem;
}

/* Barra cookies */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
	height: 100vh;
	min-height: unset;
	max-height: unset;
	background-color: rgba(0,0,0,0.5) !important;
	border-top: 0 !important;
	box-shadow: 0;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	margin: 20px;
	border-radius: 8px;
	background-color: inherit;
}