/*
Theme Name: Hola
Theme URI: https://themeshaper.com/hola/
Author: Automattic
Author URI: https://automattic.com
Description: Hola is a text-only blog design, a new interpretation of the theme ‘Hey’ with diverse style variations.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hola
Tags: blog, one-column, two-columns, block-patterns, block-styles, buddypress, custom-colors, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-site-editing, full-width-template, microformats, post-formats, rtl-language-support, style-variations, template-editing, theme-options, threaded-comments, translation-ready

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */

/*
 * 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):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: .0625em !important;
	text-underline-offset: .15em;
}

/* === FORM CONTAINER === */
.nf-form-fields-required {
	display: none;
}

/* === ALL FIELDS === */
.nf-field-container {
    margin-bottom: 20px;
}

/* === SPECIFIC FIELD (Best way) === */
.ninja-forms-field {
    /* Change 456 to the actual field ID */
    border: 1px solid #ccc;
    padding: 12px 15px;
    border-radius: 6px;
}

/* === LABELS === */
.nf-field-label label {
    font-weight: 400;
    margin-bottom: 6px;
}

/* === SUBMIT BUTTON === */
.nf-form-content button[type="submit"],
.nf-form-content input[type="submit"] {
    background-color: #2b6eee;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nf-form-content button[type="submit"]:hover {
    background-color: #0052a3;
    transform: translateY(-1px);
}

/* === FOCUS STATE (Accessibility + Polish) === */
.ninja-forms-field:focus {
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15);
    outline: none;
}

.attachment-post-thumbnail {
	object-position: top !important;
}

.headerheader {
	position: relative;
}
.mobilemenu {
	position: absolute;
	right: 0;
}

.wp-block-navigation__responsive-container-open {
    fill: #fff;
}

.wp-block-navigation__responsive-container-close{
    color: #000;
    display: block;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 40px;
}