/*
Theme Name: Metrol 2025
Author: Metrol Springs
Description: Metrol 2025
Version: 1.0
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
a:where(:not(.wp-element-button)):hover {
    text-decoration:underline !important;
}

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

/*CUSTOM HEADER*/
header {
    position:sticky;
    z-index:100000;
    top:0;
    margin-bottom:-125px;
}
main {
    margin:125px 0 0;
    padding:0;
}
/* HEADER SEARCH TEMPLATE */
.header-search + main {
    margin:0;
}
/*main.no-page-title {
    margin:-125px 0 0;
}*/

/* OVERRIDES FOR BACKEND EDITOR MAKES HEADER IMAGES INACCESSIBLE */
html.elementor-html header {
    display:none
}
html.elementor-html main {
    margin:0 !important; /* to override inline margins on custom templates */
}

/* CUSTOM STYLES */
.header-search-button-include .wp-block-search__button {
    margin-left:-90px !important;
}

@media only screen and (max-width: 1024px) {
    .nomobile {display:none !important}
    .footer-image {background:none !important}
}