/*
Theme Name: Dog Bless Your Botanicals
Template: twentytwentyfive
Theme URI: http://dogblessyoubotanicals.ca/
Author URI: https://ojambo.com
Description: Dog Bless Your Botanicals Custom Theme
Version: 1.0.1
License: GNU General Public License v2 or later
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ojambo is based on Twenty Twenty-Five https://wordpress.org/themes/twentytwentyfive/, (C) 2025 the WordPress team.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* BOF VARIABLES */
:root {
	--main-max-width: 1340px;
   --menu-bg-color: rgba(90, 85, 54, 1);
   --menu-bg-color2: rgba(90, 85, 54, 0.8);
   --menu-bg-color2-hover: rgba(107, 101, 63, 0.9);
   --menu-bg-color-hover: rgba(17, 17, 17, 0.5);
}
/* EOF VARIABLES */
/* BOF HEADER */

/* EOF HEADER */
header figure.banner img {
   width: 100%;
}
header .header-nav1,
header .header-nav2 {
   max-width: var(--main-max-width);
   margin: 0 auto;
}
header .menu-bg {
   background: var(--menu-bg-color);
}
header [data-block-name="woocommerce/customer-account"].menu-bg,
header [data-block-name="woocommerce/mini-cart"].menu-bg {
   background: var(--menu-bg-color2);
}
header .menu-bg.menu2 ul li {
   padding: 0.8rem;
}
header .menu-bg .wp-block-navigation .wp-block-navigation-item:hover,
header .menu-bg ul li:hover {
   background-color: var(--menu-bg-color2-hover);
}
header [data-block-name="woocommerce/customer-account"].menu-bg:hover,
header [data-block-name="woocommerce/mini-cart"].menu-bg:hover {
   background-color: var(--menu-bg-color2-hover);
}
header .wp-block-heading,
header .wp-block-group.wp-block-group-is-layout-flex {
   max-width: var(--main-max-width);
   margin: 0 auto;
}
header nav.wp-block-navigation.items-justified-right {
   margin-left: auto;
   margin-right: 1.25rem;
}
header .wp-block-heading{
   margin-top: 1.5rem;
   color: #5A5735;
   clear: both;
   font-size: 1.35rem;
}
header nav button[aria-label="Open menu"] {
   margin-left: 1rem;
}

@media screen and (max-width: 1420px) {
   header .wp-block-heading{
      font-size: 1.25rem;
      width: 80%;
   }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
   header .header-nav2 ul {
      gap: 0;
   }
   header .wp-block-heading, header .wp-block-group.wp-block-group-is-layout-flex {
      gap: 0;
   }
}

@media screen and (max-width: 400px) {
   header .wp-block-heading{
      font-size: 1.00rem;
      width: 90%;
   }
}