/*
Theme Name: Beyond Bones
Theme URI:
Author:
Author URI:
Description: Customised theme for Beyond Bones based on twentytwentyfour theme
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: beyondbones
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready
*/

header {
  transition: top 0.3s;
  position: sticky;
  width: 100%;
  z-index: 1000;
  top: 0;
}

header img.custom-logo {
  transition: all 0.3s ease;
}

header.sticking :is(img.custom-logo) {
  width: 48px;
}

:is(header, footer).wp-block-template-part {
  margin-block-start: 0;
}

summary:focus {
  outline: none;
}

:where(.wp-site-blocks *:focus) {
  outline-style: dotted;
  outline-width: 1px;
}


/* Max Mega Menu */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-menu'%3E%3Cpath d='M4 12h16M4 6h16M4 18h16'/%3E%3C/svg%3E");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	width: 24px;
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-position: center;
	height: 40px;
	width: 18px;
	background-size: contain;
	background-repeat: no-repeat;
}
