/*
Theme Name: DHWP Block 2025
Theme URI: 
Author: Digital Hill Multimedia, Inc
Author URI: 
Description: Digital Hill Base block theme for 2025. First activate this theme, then activate the DHWP Block 2025 Child theme, or create your own child sibling theme with WordPress Create Block Theme Plugin.
Requires at least: 6.2
Tested up to: 6.7.1
Requires PHP: 7.4
Version: 0.1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dhwp-block-2025
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
*/

/* body {
	background-color: none;
} */

/* CSS Classes to add backdrop-filter blur to blocks */
.blur-1{backdrop-filter:blur(1px)}.blur-2{backdrop-filter:blur(2px)}.blur-3{backdrop-filter:blur(3px)}.blur-4{backdrop-filter:blur(4px)}.blur-5{backdrop-filter:blur(5px)}.blur-6{backdrop-filter:blur(6px)}.blur-7{backdrop-filter:blur(7px)}.blur-8{backdrop-filter:blur(8px)}.blur-9{backdrop-filter:blur(9px)}.blur-10{backdrop-filter:blur(10px)}.blur-11{backdrop-filter:blur(11px)}.blur-12{backdrop-filter:blur(12px)}.blur-13{backdrop-filter:blur(13px)}.blur-14{backdrop-filter:blur(14px)}.blur-15{backdrop-filter:blur(15px)}.blur-16{backdrop-filter:blur(16px)}.blur-17{backdrop-filter:blur(17px)}.blur-18{backdrop-filter:blur(18px)}.blur-19{backdrop-filter:blur(19px)}.blur-20{backdrop-filter:blur(20px)}.blur-21{backdrop-filter:blur(21px)}.blur-22{backdrop-filter:blur(22px)}.blur-23{backdrop-filter:blur(23px)}.blur-24{backdrop-filter:blur(24px)}.blur-25{backdrop-filter:blur(25px)}.blur-26{backdrop-filter:blur(26px)}.blur-27{backdrop-filter:blur(27px)}.blur-28{backdrop-filter:blur(28px)}.blur-29{backdrop-filter:blur(29px)}.blur-30{backdrop-filter:blur(30px)}
/* Z-Index Utility Classes */
.z-auto{z-index:auto}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-6{z-index:6}.z-7{z-index:7}.z-8{z-index:8}.z-9{z-index:9}.z-10{z-index:10}.z-11{z-index:11}.z-12{z-index:12}.z-13{z-index:13}.z-14{z-index:14}.z-15{z-index:15}.z-16{z-index:16}.z-17{z-index:17}.z-18{z-index:18}.z-19{z-index:19}.z-20{z-index:20}.z-21{z-index:21}.z-22{z-index:22}.z-23{z-index:23}.z-24{z-index:24}.z-25{z-index:25}.z-26{z-index:26}.z-27{z-index:27}.z-28{z-index:28}.z-29{z-index:29}.z-30{z-index:30}.z-31{z-index:31}.z-32{z-index:32}.z-33{z-index:33}.z-34{z-index:34}.z-35{z-index:35}.z-36{z-index:36}.z-37{z-index:37}.z-38{z-index:38}.z-39{z-index:39}.z-40{z-index:40}.z-41{z-index:41}.z-42{z-index:42}.z-43{z-index:43}.z-44{z-index:44}.z-45{z-index:45}.z-46{z-index:46}.z-47{z-index:47}.z-48{z-index:48}.z-49{z-index:49}.z-50{z-index:50}.z-51{z-index:51}.z-52{z-index:52}.z-53{z-index:53}.z-54{z-index:54}.z-55{z-index:55}.z-56{z-index:56}.z-57{z-index:57}.z-58{z-index:58}.z-59{z-index:59}.z-60{z-index:60}.z-61{z-index:61}.z-62{z-index:62}.z-63{z-index:63}.z-64{z-index:64}.z-65{z-index:65}.z-66{z-index:66}.z-67{z-index:67}.z-68{z-index:68}.z-69{z-index:69}.z-70{z-index:70}.z-71{z-index:71}.z-72{z-index:72}.z-73{z-index:73}.z-74{z-index:74}.z-75{z-index:75}.z-76{z-index:76}.z-77{z-index:77}.z-78{z-index:78}.z-79{z-index:79}.z-80{z-index:80}.z-81{z-index:81}.z-82{z-index:82}.z-83{z-index:83}.z-84{z-index:84}.z-85{z-index:85}.z-86{z-index:86}.z-87{z-index:87}.z-88{z-index:88}.z-89{z-index:89}.z-90{z-index:90}.z-91{z-index:91}.z-92{z-index:92}.z-93{z-index:93}.z-94{z-index:94}.z-95{z-index:95}.z-96{z-index:96}.z-97{z-index:97}.z-98{z-index:98}.z-99{z-index:99}.z-999{z-index:999}.z-9999{z-index:9999}.z-99999{z-index:99999}.z-999999{z-index:999999}.z-9999999{z-index:9999999}.z-99999999{z-index:99999999}


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

/* Header Scroll Logo Transition */
body header.wp-block-template-part .wp-block-site-logo.is-default-size img {
	width: 180px;
	height: auto;
	transition: all .3s ease;
}
body header.wp-block-template-part.is-scrolled .wp-block-site-logo.is-default-size img {
	width: 140px;
	height: auto;
}

/* Header Scroll Other Header Transitions */
body header.wp-block-template-part > .wp-block-group > .topbar > .wp-block-group {
	transition: all .3s ease;
}
body header.wp-block-template-part.is-scrolled > .wp-block-group > .topbar > .wp-block-group {
	margin-top: 0;
	padding-top: 0;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	/* outline-width: 2px;
	outline-style: solid; */
}
:root :where(.is-layout-flow) > * {
	margin-block-start: 0;
}

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

/* Theme Overrides */
/* Full screen height the main wrapper */
body {
	max-width: 100%;
	overflow-x: hidden;
}
/* Grid children are Header, Content, and Footer */
/* Makes the content fill available height when window is bigger than page. */
body .wp-site-blocks:has(> .wp-block-group) {
	display: grid;
	grid-template-columns: minmax(0,1fr);
	grid-template-rows: auto 1fr auto;
	/* min-height: 100vh; */
	/* Must subtract the bottom padding of the footer or the page will have a small amount of scroll */
	min-height: calc(100vh - 34px);
	gap: 0;
	max-width: 100%;
	overflow: hidden;
}
body .wp-site-blocks > .wp-block-group {
	max-width: 100%;
	overflow: hidden;
	grid-column: 1 / span 1;
}

/* Fallback content area padding */
body:not(.home) .wp-site-blocks > .wp-block-group {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* No space between top level child blocks unless we put it there, WordPress */
body :where(.wp-site-blocks) > * { 
	margin-block-start: 0;
}

/* Sticky applied to header by JS */
.sticky-wrapper, .wp-site-blocks > header.wp-block-template-part {
	z-index: 10;
	width: 100vw;
}
/* Header topbar */
/* Background on Header WHEN SCROLLED */
.wp-site-blocks header.wp-block-template-part.is-scrolled .topbar {
	/* background-color: rgba(255,255,255,0.05) !important; */
	backdrop-filter: blur(10px);
}
/* Background on Header WHEN HOVERED */
.wp-site-blocks header.wp-block-template-part:hover .topbar {
	/* background-color: rgba(255,255,255,0.05) !important; */
	/* backdrop-filter: blur(10px); */
}

/* Header sub_topbar */
.sub_topbar {
	overflow: hidden;
	/* background: rgba(0,0,0,0.1); */
	background: rgba(255,255,255,0.05);
	transition: all .3s ease;
	max-height: 1000px; /* Must be set for transition off top of page. Set to larger than the element will ever be. */
	top: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	
}
.sticky-wrapper > header.wp-block-template-part.is-scrolled .sub_topbar {
	top: -100px; /* Probably has to be set to larger than the max height of the actual element, depends on content. */
	max-height: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Footer */
footer a {
	text-decoration: none;
}

/* Social Navigation */
body .wp-block-social-links {
	display: flex;
	flex-wrap: nowrap;
	/* background: rgba(0,0,0,0.1); */
	padding-top: 4px;
	padding-bottom: 4px;
}
/* Social Button Icon Colors */
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, 
body .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
	/* fill: white; */
	fill: rgba(0,0,0,0.8);
	transition: all .3s ease;
}
/* Social Button Background, Border, Border Radius */
body :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
	/* background-color: rgba(255,255,255,0.1); */
	background-color: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
	transition: all .3s ease;
}
/* Social Buttons Hover */
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor svg, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:active, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:hover, 
body .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor:visited {
	/* fill: white; */
	/* fill: rgba(0,0,0,0.8); */
	fill: rgba(0,0,0,0.9);
}
body :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link:hover {
	transform: scale(1.3);
	/* background-color: var(--wp--preset--color--luminous-vivid-orange);
	border-color: var(--wp--preset--color--luminous-vivid-orange); */
	background-color: rgba(0,0,0,0.1);
}

/* Copyright color */
.wp-block-digital-hill-dhwp-copyright-block {
	color: inherit !important;
	font-size: inherit !important;
}

/* DHWP NAVIGATION BLOCK OVERRIDES **********************************************/

/* Top Level */
/* UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container {
    /* background: rgba(0,0,0,0.1); */
	/* font-size: 18px; */
}
/* UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item {
    /* background: rgba(0,0,0,0.1); */
}
/* UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    /* background: rgba(0,0,0,0.1); */
}

/* 2nd Level */
/* UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1);
	margin-bottom: 2px; */
}
/* UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* 3rd Level */
/* UL LI UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item  > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* 4th Level */
/* UL LI UL LI UL LI UL */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI UL LI */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item  > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	/* background-color: rgba(0,0,0,0.1); */
}
/* UL LI UL LI UL LI UL LI A */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
	/* background-color: rgba(0,0,0,0.1); */
}

/* ALL Submenus */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
	/* background: rgba(0,0,0,0.1); */
}
/* All Submenu LIs */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item {
	/* background: rgba(0,0,0,0.1); */
}
/* All Submenu LI As */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a.wp-block-navigation-item__content {
	/* background: rgba(0,0,0,0.1); */
}

/* Horizontal Only use "nav.wp-block-navigation.is-horizontal" Examples: */
/* Align the drop downs to the right side on horizontal navs */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container > li.wp-block-navigation-item.active > ul.wp-block-navigation__submenu-container {
    right: 0;
}
/* Add current menu item marker to horizontal navs, its off by default */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.current-menu-item > a {
	/* padding-left: 30px; */
}
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.current-menu-item > a:before {
    /* content: "\f139";
    font-family:"dashicons";
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 0px;
    width: 34px;
    height: 100%;
    display: grid;
    align-self: center;
    align-content: center;
    justify-self: center;
    justify-content: center; */
}

/* Vertical Only use "nav.wp-block-navigation.is-vertical" Examples: */
/* Add background to 2nd level submenut, but only on vertical navs. */
.dhwp-navigation nav.wp-block-navigation.is-vertical > ul.wp-block-navigation__container > li.wp-block-navigation-item > ul.wp-block-navigation__submenu-container {
	/* background: rgba(0,0,0,0.1); */
}

/* Caret */
/* All Caret Background */
.dhwp-navigation nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item.has-child::after {
	background-color: rgba(0,0,0,0) !important;
}
/* Top Caret Background */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::after {
	/* background-color: rgba(0,0,0,0) !important; */
}
/* Caret Icon */
/* Uses Dashicons by Default, change caret to a different Dashicon */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::before {
	/* font-family: "dashicons";
	content: "\f140" !important;
	font-size: 26px; */
}
/* Use Material Icons, change caret to a different Material Icon for top level items. */
.dhwp-navigation nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item.has-child::before {
	/* font-family: "Material Symbols Outlined" !important;
    content: '\e313' !important;
	font-size: 26px; */
}
/* Use Material Icons, change caret to a different Material Icon for all items. */
.dhwp-navigation nav.wp-block-navigation.is-horizontal ul.wp-block-navigation__container li.wp-block-navigation-item.has-child::before {
	/* font-family: "Material Symbols Outlined" !important;
    content: '\e7cd' !important;
	font-size: 26px; */
}

/* Responsive */