/*
 * Primary Menu Default
 * */
/** menu for all sizes
 * 	
 * 
 * 
 */
.main-navigation  #primary-menu  li {
	pointer-events:none;
	position: static;
}
.chicago-menu{
	position:relative;
}

.main-navigation  #primary-menu  li a,
.main-navigation  #primary-menu  li::after{
	pointer-events:all;
}
.main-navigation  #primary-menu  li::after{
cursor:pointer;
}

.main-navigation    li .sub-menu li {
	pointer-events:none;
	position: static;
}
.main-navigation   li  .sub-menu li  a,
.main-navigation    li  .sub-menu li::after{
	pointer-events:all;
}
.main-navigation    li .sub-menu li ::after{
cursor:pointer;
}


.main-navigation .menu-item .menuBox {
	float: left;
	position: absolute;
	top: 100%;;
	left: -999em;
	z-index: 99999;
	width: 100%;
	margin: auto;
	background: rgba(243, 243, 243, .9);
	background: linear-gradient(0deg, rgba(243, 243, 243,.95) 15%, rgba(243, 243, 243,1) 100%);
	display: flex;
	box-sizing: border-box;
}

ul#primary-menu > li > .isVisible {
	display: flex;
	visibility: visible;
	left: 0;
}

.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;	
}

.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: #000000;
		content:'\f067';
		
		right:5%;
		position: relative;
		float:right;
		font-weight: 900
}
.main-navigation .menu-item .menuBox .sub-menu li.has-content::after{
	content:'\f5d2';
}

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

.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:#fff;
	box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.25);
}

/*
 * after position is absolute in mobile,but relative in desktop
 * */
	.main-navigation  #primary-menu > li.menu-item-has-children::after {
		font-family: 'Font Awesome 5 Free';
		color: #000000;
		content:'\f067';
		
		right:5%;
		position: absolute;
		float:right;
		font-weight: 900;
	}

	.main-navigation #primary-menu > li.menu-item-has-children.menu-open::after {

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

		transform: rotate(45deg);
		position:absolute;
		top:0;
	}

/* base structure for mega menu*/
.menuBox .sub-menu{
	flex: 1 1 30%;
	
}
.menuBox .inner-menu-content{
	flex: 1 1 70%;
	
}

.menuBox{
	text-align:left;
}



@media screen and (min-width: 769px){
.menu-toggle {
    display: none;
}

.menu-primary-menu-container{
	margin:auto;
}

/* centered */
.menu-center{
	text-align:center;
}
.menu-center ul.nav-menu > li {
	display:inline-block;
	position:relative;
}
/* left */





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

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


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

/* put mega closer in position on visible*/
.main-navigation .isVisible .close-mega-menu{
	position:absolute;
	display:block;
	visibility:visible;
	right:0;
	
}


} /* end of min 769*/



@media screen and (max-width: 768px){
/* mobile*/
	/* 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:#efefef;
	}
	
	.main-navigation.toggled.isFixed{
		position:fixed;
		bottom:5em;
		height:calc(100vh - 5em);
	}
	
	.admin-bar	.main-navigation.toggled.isFixed{
		position:fixed;
		bottom:5em;
		height:calc(100vh - 5em - 46px);
	}
	
.menu-primary-menu-container{
	display:none;
	visibility:hidden;
}
.main-navigation.toggled .menu-primary-menu-container{
	display:block;
	visibility:visible;
	
}	
	
	.main-navigation  #primary-menu > li.menu-item-has-children::after {
	position:absolute;	
	}


.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%;
}

/* Custom nav hamburger icon for mobile */
	#nav-icon {
		width: 25px;
	  height: 25px;
	  position: relative;
		-webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-icon span {
		display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #181612;
	  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: 2px;
		width: 80%;
	}

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

	#nav-icon span:nth-child(4) {
	  top: 18px;
		width: 80%;
	}

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




}

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

.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 40%;
}

/* fixed footer menu*/

/*       fixed footer       */

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

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

#chicagoFixedFooterMenu {
	position:fixed;
	display:block;
	visibility:visible;
	bottom:0;
	    background: var(--coral);;
    
    text-align: center;
    margin: 0;
    padding: .5em;
    height:4em;
    max-height:4em;
    width:100%;

box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.25);
}

#chicagoFixedFooterMenu ul {
	padding:0;margin:0;list-style:none;
	display:flex;
	flex-flow:row no-wrap;
	color: white;
}
#chicagoFixedFooterMenu ul li{
	flex: 1 1 25%;
	padding:0;margin:0;list-style:none;
}
#chicagoFixedFooterMenu li button{
background:none;
border:none;
color:#fff;
margin:0;
}
#chicagoFixedFooterMenu li button::before{
	content: "\f059";

	margin-bottom:.5em;
	display:block;
	font-family: 'Font Awesome 5 Free';
	    font-size: inherit;
    text-rendering: auto;
    font-weight:600;
    -webkit-font-smoothing: antialiased;
    	font-size:1.5em;

}
#chicagoFixedFooterMenu li button.search::before{
	content: "\f002";

}

#chicagoFixedFooterMenu li button.mainmenu::before{
	content: "\f0c9";

}


#chicagoFixedFooterMenu li button.is-showing-now::before{
	transform: rotate(45deg);
content: '\f067'!important;
}

.footer-menu-item-box{
	position: fixed;
    bottom: 5em;
    background: #f5f5f5;
    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 - 5em);
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transition: opacity .10s ease-in, height 0s ease-in;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

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