/* CSS Document */

:root {
	
}


.headerWrapper { display: none; }

@layer reset {
	*, ::before, ::after { box-sizing: border-box; }
	*:focus-visible { outline: 0.125rem solid; outline-offset: 1px; }
	button { margin: 0; padding: 0; border-width: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; touch-action: manipulation; }
	a, button { color: var(--myBlack); }
	.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	
}
* {
	transition: all var(--transTime) var(--easeFav);
	margin: 0;
	padding: 0;
}

html { font: medium/1.5 sans-serif; }



.section_header {
	background: var(--header-background); box-shadow: var(--header-shadow); position: relative; z-index: 9999;
}
.header {
	display: flex; justify-content: space-between; align-items: center;  width: 100%;  z-index: 999; position: relative;  max-width: var(--header-max-width); margin: 0 auto;
}
.header .logo {
	padding: var(--logo-padding);
	display: inline-block;
}

.globalnav { height: 42px; display: flex; }
.globalnav a {  text-decoration: none; transition: all .1s ease-in-out; }
.globalnav a:after { 
	content: ''; display: block; width: 0%; border-bottom: 1px solid var(--chili); transition: width .2s ease; }
.globalnav a:hover { text-decoration: none; color: var(--chili); }
.globalnav a:hover:after { width: 100%; } 
.globalnav ul { overflow:scroll; list-style-type: none; font-size: 24px; }

.menu { display: none; position: fixed; inset: 0rem 0 0; flex-direction: column; gap: 1rem; padding: 0 1rem; background-color: var(--white); padding-top: 80px; }
.menu a { display: block; }

.primary_menu .menu-item { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.primary_menu .menu-item-has-children .menu-item {
	border: none;
}


.menu-item-has-children { position: relative; display: grid; grid-template-columns: auto 40px; }
.menu-item-has-children .sub-menu {
	/* top: 100%; */ min-width: 10rem; /* max-width: min-content; */
	padding: 1rem; padding-bottom: 0; padding-top: 0; font-size: 0.75em; line-height: 2.25em;
}

.submenutoggler { display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.1); }
.submenutoggler:hover { background: rgba(0,0,0,0.2); }



.menu-item-has-children:hover > a { /* text-decoration: underline; */ }




.submenutoggler[aria-expanded="true"] svg { rotate: 180deg; }

.menubtn { position: relative; z-index: 1; transform-origin: center; }
.menubtn[aria-expanded="false"] .close,
.menubtn[aria-expanded="true"] .open,
.menubtn[aria-expanded="false"] + .menu { 
	/*
	display: none;
	*/
}



.menubtn[aria-expanded="false"] .close,
.menubtn[aria-expanded="true"] .close,
.menubtn[aria-expanded="false"] + .menu { display: none; }

.menubtn[aria-expanded="true"] .open {

}




.current_page_item > a,
.current-menu-parent > a { font-weight: 700; }


.second_menu a { color: var(--white); background: var(--color1); padding: 2px 15px; transition: 250ms all var(--easeFav); }
.second_menu a:hover { color: var(--color1); background: var(--white); box-shadow: 0px 1px 10px rgba(0,0,0,0.5); }









/* hamburger menu animations */
.menubtn[aria-expanded="true"] .icon *,
.menubtn[aria-expanded="false"] .icon * { transition: all .1s ease-in-out; }
.menubtn[aria-expanded="true"] .icon .firstbar { opacity: 0; /* display: none;  transform: translateY(-10px);*/ }
.menubtn[aria-expanded="true"] .icon .secondbar {
	/* transform: translateX(2.775px) translateY(26.275px) rotate(-45deg); */
	transform: rotate(-45deg) translateY(0px);
	transform-origin: center; }
.menubtn[aria-expanded="true"] .icon .secondbar2 {
	/* transform: translateX(5.225px) translateY(14.275px) rotate(45deg); */
	transform: rotate(45deg) translateY(0px);
	transform-origin: center; }
.menubtn[aria-expanded="true"] .icon .thirdbar { opacity: 0; /* display: none; /* transform: translateX(-9px) translateY(9px) rotate(-45deg); */ }


@media (min-width: 64em) { /* 1024 and up */
	.header { padding: var(--header-padding); }
	.globalnav { height: auto; margin-right: 0rem; }
	.globalnav ul { font-size: 1rem; overflow: inherit; }

	.menubtn { display: none; }
	/*
	.menu { padding: 0; margin-right: 2rem; display: flex !important; position: static; flex-direction: row; column-gap: 20px;  }
	*/
	.primary_menu .menu-item { border: none; }
	.primary_menu .menu-item-has-children { transition: all 0.5s ease-in-out; grid-template-columns: auto 30px; }
	.primary_menu .menu-item-has-children a { margin-right: 0.5rem; }	
	.primary_menu .menu-item-has-children .sub-menu {
		top: 110%; position: absolute; padding-bottom: 1rem; background: white; box-shadow: 0px 2px 20px rgba(0,0,0,0.5); font-size: 1em; line-height: 2em;
		margin-top: 0px; padding: 1rem;		
	}
	.primary_menu .menu-item-has-children .sub-menu li { display: inline-block; }
	.primary_menu .menu-item-has-children:hover .sub-menu,
	.primary_menu .menu-item-has-children.exthover .sub-menu {
		display: block;
		margin-top: 0px;
	}
	.submenutoggler { background: none; }

}

@media (min-width: 80em) { /* 1280 and up */
	.globalnav { margin-right: 0rem; }
}



.red {
  color: red;
}
.blue {
  color: blue;
}
.green {
  color: green;
}