/*
 * Primary Menu Default
 * */
/** menu for all sizes
 *
 *
 *
 */

:root{
	--height-of-thumb-menu:3em;
}


body.blockScrolling {
	position:fixed;
	top:0;
}

body.admin-bar.blockScrolling {
	position:fixed;
	top:46px;
}
body.admin-bar.blockScrolling div#wpadminbar {

	top:-46px;
}

.site-header > .wrapper {
  position: relative;
}

header.site-header.didScroll{
	   position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width:100%;
  z-index:9999;
border-bottom:solid 1px var(--neutral-300);

}
.admin-bar header.site-header.didScroll{
	top:32px;
}

.admin-bar header.site-header.nav-up ,
header.site-header.nav-up {
  top: -100px;

}

header.nav-up ~ div.search-box-wrapper[style]{
	display:none!important;
}


@media screen and (max-width: 600px){

		.admin-bar header.site-header.didScroll{
		top:0; /* admin bar scrolls away*/

		}

			.admin-bar header.site-header.nav-up ,
		header.site-header.nav-up {
		  top: -80px;

		}


}



.main-navigation #primary-menu {
  display: flex;
 /*22 position:relative; - only mega > need pos rel.. added below*/
 }

.site-header.menu-left .main-navigation >div>ul{
	justify-content:flex-start;
}
.site-header.menu-center .main-navigation >div>ul{
	justify-content:center;
}
.site-header.menu-right .main-navigation >div>ul{
	justify-content:flex-end;
}

.main-navigation #primary-menu.hasMegaMenu  > li {
	margin-right:1em;
}
.main-navigation #primary-menu.hasMegaMenu   > li:last-of-type {
	margin-right:0;
}

.hasMegaMenu .main-navigation #primary-menu li {
  /*pointer-events: none; */
  position: static;
  line-height: 1.8;
  padding: 0 .25rem;
}


.main-navigation #primary-menu.hasMegaMenu {
	position: relative; /*22 added to keep mega width within the */
}

.main-navigation ul li > a {
  display: inline;
}


/*
.menu-primary-menu-container .menu > li::before {
  content: "";
}
*/
.main-navigation #primary-menu li a,
.main-navigation #primary-menu li::after,
.main-navigation .hasRobustSub  li .sub-menu li,
.main-navigation li .sub-menu li a,
.main-navigation li .sub-menu li::after {
  pointer-events: all;
}

.main-navigation .hasRobustSub  li .sub-menu li.menu-header,
.main-navigation .hasRobustSub    li.menu-header,
.main-navigation .hasRobustSub    li.menu-header a,
.main-navigation li .sub-menu li {
	pointer-events: none;
}

/*22 sub menu pointer events based on open or closed */

.main-navigation #primary-menu li .sub-menu li a{
	pointer-events:none;
}

.main-navigation #primary-menu li.menu-open .sub-menu li a{
	pointer-events:all;
}

.main-navigation #primary-menu li::after {
  cursor: pointer;
}

.main-navigation li .sub-menu li {
  position: static;
}

/* default menu third item position*/
.main-navigation li .sub-menu  li.default-men.menu-item-has-children {
  position: relative;
}

.main-navigation .hasRobustSub  li .menuBox:not(.featured-menu) .sub-menu li:not(.menu-header):hover,
.main-navigation li .sub-menu li::after {
 cursor:pointer;
}

.main-navigation .menu-item .menuBox {
  float: left;
  position: absolute;
  top: 100%;;
  /*22 left: -999em;
  */
  
  display:none;
  visibility:hidden;
  
  z-index: 99999;
  width: auto;
  margin: auto;
  background: white;
 /* display: flex; can't have flex or holds space*/ 
  box-sizing: border-box;
  box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.10), 0 1px 1px 0 rgba(0,0,0,.12);
}

.main-navigation .menu-item .menuBox.featured-menu,
.main-navigation .menu-item .menuBox.robust-menu {
width: 100%;
}

.main-navigation .menu-item .menuBox.mega-menu {
width: 100%;
}

.main-navigation .hasMegaMenu  .menu-item.default-menu > ul.sub-menu:not(.isVisible),
.main-navigation .noMegaMenu  .menu-item > ul.sub-menu:not(.isVisible),
.main-navigation .menu-item .menuBox:not(.isVisible) {
	opacity:0;
}

.main-navigation  .hasMegaMenu .menu-item.default-menu > ul.sub-menu.isVisible,
.main-navigation  .noMegaMenu .menu-item > ul.sub-menu.isVisible,
.main-navigation .menu-item .menuBox.isVisible {
	opacity: 1;
	
/* 22 adding to effect tab index */
	display:block;
	visibility:visible;
	
	transition-property: opacity;
	transition-duration: 1s;
	transition-delay: 0;
}

.main-navigation .menu-item .menuBox.mega-menu.isVisible {
	
	left:0;
}

.main-navigation .menu-item .menuBox.isVisible > .sub-menu {
	display:block;
	visibility:visible;
}

#primary-menu > li > .menuBox.isVisible {
  display: flex;
}

#primary-menu > li > .isVisible {
  	display: flex;


 /*   display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
/*	display: -ms-flexbox;  /* TWEENER - IE 10 */
/*	display: -webkit-flex;
	*/
    display: flex;



  visibility: visible;
  left: 0;
}

#primary-menu > li.default-menu > .isVisible {
	display:block;
}

.main-navigation   #primary-menu.noMegaMenu > li > .isVisible {
left:0;
display:block;
opacity:100;
}


/* override parent style.css defaults */

.main-navigation li {
  float: none;
}

.main-navigation ul.hasMegaMenu .menuBox.featured-menu > ul,
.main-navigation ul.hasMegaMenu .menuBox.robust-menu > ul,
.main-navigation ul.hasMegaMenu .menuBox.mega-menu > ul {
  position: static;

  box-shadow: none;
}





/* end parent style.css default overrides */

/* for the default style menu .. no menubox container*/
.main-navigation .menu-item.menu-item-has-children.default-menu,
.main-navigation .menu-item.menu-item-has-children.default-menu .sub-menu .menu-item.menu-item-has-children{
	position:relative!important	;
	pointer-events:all;
}
.main-navigation .menu-item.menu-item-has-children > ul.sub-menu{
	background: white;
	width:200%;
	padding:1em;
}

.main-navigation .menu-item.menu-item-has-children.menu-open > ul.sub-menu{
	left:0;
	opacity:100;
}

/* position the third menu level*/
.main-navigation .menu-item.menu-item-has-children.menu-open > ul.sub-menu >li.menu-item.menu-item-has-children.menu-open > ul.sub-menu {
	left:100%;;
	display:block;
	visibility:visible;
	top:-1em;
	opacity:100;
}


#primary-menu.hasRobustSub li .sub-menu li span {
    display: block;
    font-weight: normal;
    line-height: 1.2;
    font-size: .85em;
}

.main-navigation .menu-item .menuBox .sub-menu li.has-content,
.main-navigation .menu-item .menuBox .sub-menu li.menu-item-has-children,
.main-navigation .menu-item .menuBox .sub-menu li .sub-menu li {
  position: relative!important;
}

.main-navigation .menu-item .menuBox .sub-menu > li .sub-menu > li {
  display: block;
}

/*
 * 22 don't need anymore as button took over
 * */
.main-navigation .menu-item .menuBox .sub-menu li.has-content::after,
.main-navigation .menu-item .menuBox .sub-menu li.menu-item-has-children::after {
  font-family: 'Font Awesome 5 Free';
  color: black;
  content: '\f107';
  right: 5%;
  position: relative;
  float: right;
  font-weight: 900;
}

.main-navigation .menu-item .menuBox .sub-menu li.has-content::after {
  content: '\f5d2';
}

.main-navigation .hasRobustSub .menu-item .menuBox .sub-menu li.has-content::after {
  content: ''; /*robust doesn't have rollover*/
}

.main-navigation .menu-item .menuBox .sub-menu li.menu-item-has-children::after {
  content: '\f107';
}

.main-navigation .menu-item .menuBox .sub-menu li .sub-menu { /*third level sub menu */
  display: none;
  visibility: hidden;
}

.main-navigation .menu-item .menuBox .sub-menu li .sub-menu.isVisible {
  position:absolute;
  display: block;
  visibility: visible;
  left: 100%;
  top: 0;
  background: var(--neutral-100);
}


/* 22
     add new for accessibility button
 * 
 * */


.main-navigation #primary-menu .sub-menu > li.menu-item-has-children button.nav-menu-toggle,
	.main-navigation #primary-menu > li.menu-item-has-children button.nav-menu-toggle{
	 

	   font-weight: normal;
	
		background:none;
		padding:0;
		margin:0;
		color:inherit;
	
	
  		/*23  width: 1.2rem;
   		 height: 1.2rem;*/
    text-align: center;
	
	/*23	top:0;
		left:0;*/
		z-index:0;
		cursor:pointer;
	
		
	}
.main-navigation #primary-menu .sub-menu > li.menu-item-has-children button.nav-menu-toggle::after,
	.main-navigation #primary-menu > li.menu-item-has-children button.nav-menu-toggle::after{
    color: inherit;
    content: '\e313';
   font-family: 'Material Icons';
    font-weight: normal;
    margin:0;
    display:block;
    
    
   /*float:right; 22  abs pos button test*/
    
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open > button.nav-menu-toggle::after, 
.main-navigation #primary-menu > li.menu-item-has-children .sub-menu li.menu-open button.nav-menu-toggle::after {
    transform: rotate(180deg);
}

	.main-navigation button > span.visuallyhidden{
		display:none;
		visibility:hidden;
	}

/*
 * after position is absolute in mobile,but relative in desktop
 * */

.main-navigation #primary-menu > li.menu-item-has-children::afterREMOVE22,
.main-navigation #primary-menu.noMegaMenu > li.menu-item-has-children .sub-menu > li.menu-item-has-children::afterREMOVE22 {
  font-family: 'Font Awesome 5 Free';
  color: black;
  content:'\f107';
  right: 0;
	top: 1px;
  position: absolute;
  float: right;
  font-weight: 900;
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open::afterREMOVE22,
.main-navigation #primary-menu > li.menu-item-has-children.menu-open .sub-menu li.menu-open::afterREMOVE22 {
  transform: rotate(180deg);
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open .sub-menu li.menu-open::afterREMOVE22 {
  position: absolute;
  top: 0;
}





/* base structure for mega menu*/
.menuBox .sub-menu {
  flex: 1 1 60%;
}

.menuBox .inner-menu-content {
  flex: 1 1 40%;
}

/*featured Menu Type*/
/*
#menu-item-1446 .menuBox{
	opacity:1;
	left:0;
	display:block;
	visibility:visible;
}
*/


/* NEW Feature Menu */

.menuBox.featured-menu .inner-menu-content,
.main-navigation .menu-item .menuBox.featured-menu .sub-menu > li.menu-item-has-children::after {
	display:none;
	visibility:hidden;
}

.menuBox.featured-menu > .sub-menu {
	flex: 1 1 100%;
	display:flex;
	z-index:1;
	padding: 0 !important;
}

.hasMegaMenu .menuBox.featured-menu > .sub-menu > li {
	flex: 1 1 50%;
	display:flex;
	padding: 0;
}

.main-navigation .hasMegaMenu li {
  position: static;
}

.menuBox.featured-menu > .sub-menu > li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1.5rem;
}

.main-navigation ul .menuBox.featured-menu ul a{
	width:auto;
}

.hasRobustSub .menuBox.featured-menu.menu-items-3 > .sub-menu > li {
flex: 0 0  33%;
}

.hasRobustSub .menuBox.featured-menu.menu-items-4 > .sub-menu{
	flex-direction:row;
	flex-wrap:wrap;
}
.hasRobustSub .menuBox.featured-menu.menu-items-4 > .sub-menu > li {
flex: 0 0  50%;
}

.menuBox.featured-menu > .sub-menu > li > div {
	flex: 1 1 50%;
	display:block;
	background: var(--neutral-300);
	padding: 1rem;
}


.menuBox.featured-menu > .sub-menu > li > div >a:first-of-type{
font-size:1.3em;
font-weight:bold;
}

.menuBox.featured-menu > .sub-menu > li > div > a.btn-outline {
	display: inline-block;
	margin-top: 1rem;
}


.main-navigation .menu-item .menuBox.featured-menu > .sub-menu > li > .sub-menu {
	display:flex;
	float:right;
	flex: 0 0 50%;
	visibility:visible;
	flex-direction: column;
}


.menuBox .sub-menu,
.menuBox .inner-menu-content {
  padding: 1rem;
}

.menuBox {
  text-align: left;
}

.menuBox.mega-align-right{
	flex-direction: row;
}
.menuBox.mega-align-left{
	flex-direction: row-reverse;
}

#primary-menu .sub-menu li.menu-header{
	text-transform:uppercase;
	flex: 1 1 100%;
	max-height:3em;
	padding-top: 0;
	padding-bottom: .5rem;
}

.hasRobustSub .inner-menu-content {
  flex: 0 1 25%;
}
.hasRobustSub .menuBox.robust-menu.isVisible .sub-menu{
	flex: 1 1 75%;
}

#primary-menu.hasRobustSub  li .robust-menu .sub-menu li span:not(.visuallyhidden){ /*22 this needs to be more specific*/
	color: var(--neutral-700);
	display:block;
	font-weight:normal;
	line-height:1.25;
	font-size:.8rem;
	padding-top: .3rem;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu{
	display:flex;
	flex-flow:row wrap;

}
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li{
	flex: 1 1 33%;
}

.main-navigation #primary-menu .sub-menu li:not(.menu-header):hover {
	background: var(--neutral-100);
}

.main-navigation #primary-menu .menuBox.featured-menu > .sub-menu li:hover {
	background: none;
}

.main-navigation #primary-menu .sub-menu li:not(.menu-header):hover a {
	color: var(--primary);
}

.main-navigation #primary-menu .sub-menu li a:not(.btn-outline):hover {
	text-decoration: underline;
}
.main-navigation #primary-menu .sub-menu li.menu-header a:hover {
	text-decoration: none;
}


.main-navigation  .menuBox.robust-menu > .sub-menu{
flex-flow:row wrap;
display:flex;
flex-direction: row;
}
.main-navigation  .menuBox.robust-menu > .sub-menu >li{
 flex: 1 1 33%;
}

/*
 *   Do we want grid as part of our menu system? or make that part of the child theme
 *

.hasRobustSub .menuBox.robust-menu > .sub-menu{
	display:-ms-grid;
	display:grid;
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	-ms-grid-columns:1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	z-index:8;
}

.main-navigation .menu-item .menuBox.featured-menu > .sub-menu > li > .sub-menu {
	display:-ms-grid;
	display:grid;
	-ms-grid-rows: 3em 1fr 1fr; /* 3em is for .menu-header in IE
	grid-template-rows: max-content 1fr 1fr;
	-ms-grid-columns:1fr;
	grid-template-columns: 1fr;
}

#primary-menu.hasRobustSub .menuBox.robust-menu > .sub-menu .menu-header{
	-ms-grid-column:1;
	-ms-grid-column-span:3;
	grid-column: 1 / span 3;
	height:2em;
	cursor: auto;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:first-child,
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(2),
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(3) {
	-ms-grid-row: 1;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(4),
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(5) {
	-ms-grid-row: 2;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:first-child,
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(4) {
	-ms-grid-column: 1;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(2),
.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(5) {
	-ms-grid-column: 2;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu > li:nth-child(3) {
	-ms-grid-column: 3;
}

 */

/* fixed footer menu*/

#chicagoFixedFooterMenu {
  display: none;
  visibility: hidden;
}



@media screen and (min-width: 769px) {

  .main-navigation button.menu-toggle {
    display: none;
  }

  /* centered */

  .menu-center {
  	text-align: center;
  }
  .main-navigation ul.nav-menu > li,
.menu-right ul.nav-menu > li,
.menu-left ul.nav-menu > li,
  .menu-center ul.nav-menu > li {
  	display:flex; /*22 can we use flex  */
   	align-items:center;
  /*	position: relative;   if mega menu then position relative can't be here*/
  	gap: 0.5rem;
  }

.main-navigation ul.nav-menu > li.default-menu{
position: relative; /*  only default menu li's should be pos relative*/
}

  /* left */

  .menu-primary-menu-container .menu >li:before {
  	/*content: '|';*/
  	display: inline-block;
  	margin-right: .1em;
  }

  /* Menu Interactions*/
  /* based on jq hovers, and class name*/
  .main-navigation  #primary-menu > li.menu-item-has-children::after {
    position: relative;
    margin-left: .75em;
  }


/*
 * 22 don't need the li:after anymore... indicatore is the <button:after
 * 
 * */
 .main-navigation  #primary-menu.noMegaMenu > li.menu-item-has-children.default-menu .sub-menu > li.menu-item-has-children::after {
    position: relative;
    margin-left: .75em;
  }

.main-navigation #primary-menu.noMegaMenu > li.menu-item-has-children.default-menu.menu-open .sub-menu > li.menu-item-has-children.menu-open::after {
  position: absolute;
 /* height:1em;
  line-height:1em;*/
  top: .3em;
}

  .main-navigation .close-mega-menu { /* hide mega close icon for desktop  */
  	display: none;
    visibility: hidden;
    z-index:10999999;
  }

  /* put mega closer in position on visible*/
  .main-navigation .isVisible .close-mega-menu {
    position: absolute;
    display: block;
    visibility: visible;
    right: 0;
    top: 0;
		color: black;
		font-size: .8rem;
		cursor: pointer;
  margin: 0;
  padding:1em;
  background:none;
  
  }

	.main-navigation .isVisible .close-mega-menu::after {

		font-family:"Material Icons";
		font-weight:normal;
		color: inherit;
    content: '\e5cd';
    font-weight: normal;
    margin: 0;
    display: block;
 
		
	}
	
} /* end of min 769*/


/* Tablet and lower */

@media screen and (max-width: 768px) {

  .main-navigation {
    width: auto;
  }

.main-navigation.hide-toggle.at-footer{
	position:fixed;
	bottom:5em;
}
.main-navigation.hide-toggle button.menu-toggle{
	display:none;
	visibility: hidden;
}

.main-navigation.toggled.isFixed.tallerThanScreen .menu-primary-menu-container{
	overflow-y:scroll;
	height:calc(100vh - var(--height-of-thumb-menu));

}
.admin-bar .main-navigation.toggled.isFixed.tallerThanScreen .menu-primary-menu-container{
	height:calc(100vh - var(--height-of-thumb-menu) - 46px);
}


.noThumbMenu .main-navigation.toggled.isFixed.tallerThanScreen .menu-primary-menu-container{
	height:100vh;
}
.admin-bar.noThumbMenu .main-navigation.toggled.isFixed.tallerThanScreen .menu-primary-menu-container{
	height:calc(100vh - 46px);
}

.admin-bar .main-navigation #primary-menu > li.menu-item-has-children::after {
  /*margin-right:2em;*/
}

/*23 need default flex for mobile*/
.main-navigation.toggled #primary-menu > li > a {
    flex: 1;
}


#primary-menu li .isVisible {
	top: 0;
	box-shadow: none;
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open {
	background: transparent;
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open::afterRENMOVE,
.main-navigation #primary-menu > li.menu-item-has-children::afterREMOVE {
	padding: 0 .3rem;
}

.main-navigation #primary-menu > li.menu-item-has-children::afterREMOVE {
	top: auto;
}

.main-navigation #primary-menu > li.menu-item-has-children.menu-open::afterREMOVE {
	background: white;
	color: var(--neutral-700);
}

.blockScrolling #chicagoFixedFooterMenu li button:not(.is-showing-now) {
	opacity: .35;
}

#primary-menu.hasRobustSub .menuBox.isVisible > .sub-menu {
	font-size: 1rem;
	visibility:visible;
}

#primary-menu.hasMegaMenu li.default-menu  .sub-menu,
#primary-menu.hasRobustSub li.default-menu  .sub-menu{
	width:100%;
}

.menuBox.featured-menu > .sub-menu{
	flex-direction:column;

}

.menuBox.featured-menu > .sub-menu > li .sub-menu{
	flex: 1 1 100%;

}

.menuBox.featured-menu > .sub-menu > li > div{
		flex: 1 1 100%;
}
.hasRobustSub .menuBox.featured-menu.menu-items-3 > .sub-menu > li,
.hasRobustSub .menuBox.featured-menu.menu-items-4 > .sub-menu > li,
.hasRobustSub .menuBox.featured-menu > .sub-menu > li{
	flex-direction:column;

}

.hasRobustSub .menuBox.featured-menu > .sub-menu > li {
	flex-direction: column-reverse;
	cursor:auto;
}

.main-navigation #primary-menu > li {
	border-bottom: 1px solid var(--neutral-300);
	font-size: 1.5rem;
	justify-content:space-between;
	flex-flow:row wrap;
}

#primary-menu.hasRobustSub .menuBox.isVisible .inner-menu-content,
#primary-menu.hasRobustSub li .sub-menu li span {
	display: none;
}

#chicagoFixedFooterMenu {
	background: var(--neutral-100);
	z-index: 9999;
}

#chicagoFixedFooterMenu > ul > li:nth-child(n+2) {
	border-left: 1px solid var(--neutral-300);
}


.main-navigation{
	/*display:flex;
	flex-direction:column;
	justify-content:flex-end;*/
}

  .main-navigation button.menu-toggle {
    display: none;
  }

  .menu,
  #primary-menu > li > .isVisible {
    flex-direction: column;
  }
  .hasRobustSub .menuBox.robust-menu.isVisible .sub-menu,
	.hasRobustSub .menuBox.robust-menu.isVisible .inner-menu-content{

   flex: 1 1 100%;
   max-width:100%;

  }

  .main-navigation #primary-menu li {
    padding: .5rem;
    display:flex; /*22 can we use flex  */
   	align-items:center;
  }

	/* centered */

	.menu-center {
		text-align: center;
	}

	.menu-center ul.nav-menu > li {
		display: block;
	}

	.menu-center .menu-toggle {
		margin: 0;
		width: 100%;
	}

	.menu-center .menu-toggle #nav-icon {
		float:left;
	}

	/* left */

	.main-navigation.toggled {
    width:100%;
    background:var(--neutral-100);
	}

	.main-navigation.toggled.isFixed {
		position: fixed;
		bottom: var(--height-of-thumb-menu);
		left:0;
		height: calc(100vh - var(--height-of-thumb-menu));
		z-index:1000;
		/* padding: 1rem; */
	}

.noThumbMenu .main-navigation.toggled.isFixed {
	height:100vh;
	bottom:0;
}

.hasRobustSub .menuBox.robust-menu.isVisible > .sub-menu,
.main-navigation .menu-item .menuBox.featured-menu > .sub-menu > li > .sub-menu{
	display:-ms-grid;
	display:grid;
	/*grid-template-rows: auto 1fr auto 1fr auto;*/
	-ms-grid-columns:1fr;
	grid-template-columns: 1fr;

}

#primary-menu.hasRobustSub .menuBox:not(.featured-menu) > .sub-menu .menu-header{
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-column: 1 / span 2;
}


	.admin-bar .main-navigation.toggled.isFixed {
		position: fixed;
				bottom: var(--height-of-thumb-menu);
		height: calc(100vh - var(--height-of-thumb-menu) - 46px);
	}
	.admin-bar.noThumbMenu .main-navigation.toggled.isFixed {

			bottom: 0;
		height: calc(100vh  - 46px);
	}


  .menu-primary-menu-container {
    display: none;
    visibility: hidden;
  }

  .main-navigation.toggled .menu-primary-menu-container {
    display: block;
    visibility: visible;
		padding: 5rem 1.5rem 0; /* Top padding is mainly for the iPhone browser chrome overlap */
  }

  .main-navigation .close-mega-menu{ /* hide mega close icon for mobile,*/
    display: none;
    visibility: hidden;
  }

  ul#primary-menu li .isVisible {
    right: 0;
    position: relative;
    left: 0;
    top: 100%;
    width:100%;
		padding: .5rem 0;
  }

ul#primary-menu li.default-menu .isVisible {
	top:0;
}

.search-in-menu.search-box-wrapper{
	position:relative;
}


  /* Custom nav hamburger icon for mobile */

	#nav-icon {
		width: 18px;
	  height: 20px;
	  position: relative;
		-webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  transition: .5s ease-in-out;
	  cursor: pointer;
    margin-right: .5rem;
    float: left;
	}

	#nav-icon span {
		display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: black;
	  border-radius: 1px;
	  opacity: 1;
	  left: 0;
		-webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
		top: 0;
	}

	#nav-icon span:nth-child(2),
	#nav-icon span:nth-child(3) {
	  top: 8px;
	}

	#nav-icon span:nth-child(4) {
	  top: 16px;
	}

	/* Menu span elements transform to X */
	.toggled #nav-icon span:nth-child(1) {
	  top: 10px;
	  width: 0%;
	  left: 50%;
	}

	.toggled #nav-icon span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.toggled #nav-icon span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	.toggled #nav-icon span:nth-child(4) {
	  top: 10px;
	  width: 0%;
	  left: 50%;
	}

  #chicagoFixedFooterMenu {
    position: fixed;
    display: block;
    visibility: visible;
    bottom: 0;
    text-align: center;
    margin: 0;
    padding: .2rem;
    height: var(--height-of-thumb-menu);
    max-height: var(--height-of-thumb-menu);
    width: 100%;
		border: 1px solid var(--neutral-500);
  }

  #chicagoFixedFooterMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    -webkit-justify-content: space-around;
    flex-flow: row no-wrap;
    color: white;
  }

  #chicagoFixedFooterMenu ul li {
    flex: 1 1 25%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
		align-items: center;
  }

	#chicagoFixedFooterMenu > ul > li:nth-child(n+2) {
    border-left: 1px solid var(--neutral-700);
	}

  #chicagoFixedFooterMenu li button {
    background: none;
    border: none;
    margin: 0;
    padding:0;
   /* color: black;
    
    font-size: .7rem;
    line-height: 1;
    padding: 0 .2rem;
  */
  }

/* 22 1.1.6 accessibility transition
 
 *   removing the double action of the<a and <button
 * */

#chicagoFixedFooterMenu li > a::before,
  #chicagoFixedFooterMenu li > button::before {
    content: "\f059";
    display: block;
    /*font-family: 'Font Awesome 5 Free';
		font-weight: 600; */
		font-family: 'Material Icons';
		font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
		margin: .25rem auto 0;
		height: 1rem;
  }
  
  #chicagoFixedFooterMenu li > a{
  	text-decoration:none;
  }
  
#chicagoFixedFooterMenu li a.eval::before,
 #chicagoFixedFooterMenu li button.eval::before {
		content: "\f46c";
	}
 #chicagoFixedFooterMenu li a.home::before,
 #chicagoFixedFooterMenu li button.home::before {
    /*content: "\f015"; FA code */
		content: '\e88a';
  }
  #chicagoFixedFooterMenu li a.search::before,
  #chicagoFixedFooterMenu li button.search::before {
    /*content: "\f002";  FA code*/
		content: '\e8b6'; /* Material Icon code for search */
  }

#chicagoFixedFooterMenu li a.mainmenu::before,
  #chicagoFixedFooterMenu li button.mainmenu::before {
    /*content: "\f0c9"; FA code */
		content: '\e5d2';
  }


  #chicagoFixedFooterMenu li button.is-showing-now::before {
    /*content: '\f00d'!important; */
		content: '\e5cd';
  }
  

	#chicagoFixedFooterMenu li a.location::before ,
	#chicagoFixedFooterMenu li button.location::before {
 		content: '\e0c8';
   }
   
	#chicagoFixedFooterMenu li a.treatment::before,
	#chicagoFixedFooterMenu li button.treatment::before {
  		content: '\e548';
			/*content: '\eb4c';*/
    }

  .footer-menu-item-box {
    position: fixed;
    bottom: 5em;
    background: var(--neutral-100);
    width: 100%;
    left: 0;
    height: 0;
    opacity: 0;
    transition: opacity 0s ease-out, height 0s .15s ease-out;
    z-index: -1;
    visibility: hidden;
    padding: 0 1em;
    box-sizing: border-box;
  }

  .footer-menu-item-box.isVisibile {
    height: calc(100vh - 2em);
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transition: opacity .10s ease-in, height 0s ease-in;


  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    -webkit-justify-content: center;
    -webkit-align-content:center;
    flex-flow: row no-wrap;


    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }

  .admin-bar .footer-menu-item-box.isVisibile {
    height: calc(100vh - 4em);
  }

	.main-navigation {
    justify-self: end;
  }

} /* end of max 768*/

/* secondary menu location */

.content-area.after-loop-second-menu.second-menu-container > .site-main,
.content-area.before-loop-second-menu.second-menu-container > .site-main {
  display: flex;
  flex-direction: row;
  flex-flow: no-wrap;
}

.content-area.after-loop-second-menu.second-menu-container > .site-main > article,
.content-area.before-loop-second-menu.second-menu-container > .site-main > article {
	flex: 1 1 75%;
}

.content-area.after-loop-second-menu.second-menu-container > .site-main > aside,
.content-area.before-loop-second-menu.second-menu-container > .site-main > aside {
	flex: 1 1 25%;
}