/* fixed footer menu*/

#chicagoFixedFooterMenu {
  display: none;
  visibility: hidden;
}



:root{
	--height-of-thumb-menu:3.75rem;
	--mobile-menu-top-padding:3.75rem; /* add padding to allow close berger*/
}

/* header.site-header.didScroll{
	   position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width:100%;
  z-index:9999;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
background:#fff;
} */

/* .site-header{
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
background:#fff;
} */

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); */
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
background:#fff;
}

header.site-header.didScroll > .wp-container-core-group-is-layout-bc384794 {
  display: none;
	}

@media screen and (min-width: 600px) {
	.admin-bar header.site-header.didScroll{
		top:32px;
	}
}
.admin-bar header.site-header.nav-up ,
header.site-header.nav-up {
  top: -200px;

}


@media screen and (min-width: 769px) {

  .main-navigation:not(.also-hasberger) button.menu-toggle {
    display: none;
  }

  
  
  
  
  
} /* end of min 769*/


/* Tablet and lower */

@media screen and (min-width: 600px) { /* admin menu is no longer fixed at < 600*/

	.admin-bar .ma-has-thumbmenu  .wp-block-navigation__responsive-container.is-menu-open.has-modal-open{

		top:46px;
		height: calc(100dvh - var(--height-of-thumb-menu) - 46px);
	}
	
	
		.admin-bar.noThumbMenu  .site-header nav.wp-block-naviagation.ma-has-thumbmenu   .wp-block-navigation__responsive-container.is-menu-open.has-modal-open{
top:46px;
			bottom: 0;
		height: calc(100dvh  - 46px);
	}
	
		.admin-bar .ma-has-thumbmenu  .wp-block-navigation__responsive-container.is-menu-open.has-modal-open{

		height: calc(100dvh - var(--height-of-thumb-menu) -46px);
		
	}
	
	}

@media screen and (max-width: 768px) {


	.ma-has-thumbmenu .wp-block-navigation__responsive-container.is-menu-open.has-modal-open{
	
	height: calc(100vh - var(--height-of-thumb-menu) );
	width:100vw;
	}
	
	
	
	.admin-bar .ma-has-thumbmenu  .wp-block-navigation__responsive-container.is-menu-open.has-modal-open{
		
		bottom: var(--height-of-thumb-menu);
		height: calc(100dvh - var(--height-of-thumb-menu));
		
	}
	
	









  .menu-primary-menu-container {
    display: none;
    visibility: hidden;
  }

  .site-header nav.wp-block-naviagation.ma-has-thumbmenu.toggled .menu-primary-menu-container {
    display: block;
    visibility: visible;
	/*23	padding: 5rem 1.5rem 0; -maybe dvh don't ned container padding*/ /* Top padding is mainly for the iPhone browser chrome overlap */
  }

  .site-header nav.wp-block-naviagation.ma-has-thumbmenu .close-mega-menu{ /* hide mega close icon for mobile,*/
    display: none;
    visibility: hidden;
  }
	
	
	
	
	
	
	
	
	
	
#chicagoFixedFooterMenu {
	background: var(--neutral-100);
	z-index: 9999;
}

#chicagoFixedFooterMenu > ul > li:nth-child(n+2) {
	border-left: 1px solid var(--neutral-300);
}



 #chicagoFixedFooterMenu {
    position: fixed;
    display: block;
    visibility: visible;
    bottom: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: var(--height-of-thumb-menu);
    max-height: var(--height-of-thumb-menu);
    width: 100%;
		border: 1px solid var(--neutral-500);
		    background: #fff;
        box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);

  }

  #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: #00278C;
  }

  #chicagoFixedFooterMenu ul li {
    flex: 1 1 25%;
    padding: .5rem;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
		align-items: center;
  }
    #chicagoFixedFooterMenu ul li:not(:last-child) {
   border-right: 1px solid #CDD6D8;
  }


	#chicagoFixedFooterMenu > ul > li:nth-child(n+2) {
    border-left: 1px solid var(--neutral-500);
	}

  #chicagoFixedFooterMenu li button {
    background: none;
    border: none;
    margin: 0;
    padding:0;
    cursor:pointer;
	color: #00278C;
   /* 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);
  }



}