@import url("https://use.typekit.net/lbk5xop.css");

* {
font-family: open-sans, sans-serif !important;
}

html{
		overflow-x: hidden !important;

}

h1 {
font-family: alfarn-2, sans-serif !important;
}

h2 {
font-family: alfarn-2, sans-serif !important;
}
h3 {
font-family: alfarn-2, sans-serif !important;
}
h4 {
font-family: alfarn-2, sans-serif !important;
}
h5 {
font-family: alfarn-2, sans-serif !important;
}
h6 {
font-family: alfarn-2, sans-serif !important;
}
.wp-element-caption {
font-family: alfarn-2, sans-serif !important;
}
.wp-block-group-is-layout-flex{
	gap: 10px !important;
}

@media only screen and (max-width: 600px) {
    .LocationsDropdown{
        width: 90vw !important;
    }
    .LocationsDropdown>ul{
            display: none !important;
    }
    .EventsDropdown{
        width: 90vw !important;
    }
    .EventsDropdown>ul{
            display: none !important;
    }
    .AboutDropdown{
        width: 90vw !important;
    }
    .AboutDropdown>ul{
            display: none !important;
    }
    .OrderDropdown{
        width: 90vw !important;
    }
    .OrderDropdown>ul{
            display: none !important;
    }

}


@media screen and (max-width: 600px) {
	
	.wp-block-group-is-layout-flex{
    font-size: 26px; 
  }
	
		.CareersTitleTopNav {
				display: none;
    }
	
	.CareersIconTopNav {
				display: none;			
    }
		.CareersBottomNav{
				display: block !important;
		}
	
	.OrderNav{
		display: none !important;
	}
	
	.OrderTopNav{
	display: block !important;
}
	
	.CallUsTitleTopNav{
				display: none;
    }
		.GetOurAppTopNav{
				display: none;
    }
	
	 .wp-block-navigation__responsive-container-open svg{
		font-size: 26px !important;
		color: #A91E25 !important;
		width: 30px;
		height: 30px;
	} 
	.wp-block-site-logo {
		display: inline-block; 
	/* 	box-sizing: content-box !important; */
		flex-basis:25%;
		width: 150px;	
	}

}

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

	.CareersBottomNav{
					display: none !important;
			}

	 .OrderTopNav{
		display: none !important;
	} 
	
	.wp-block-site-logo{
		display: inline-block; 
		flex-basis:25%;
		width: 150px;
	}
}

@media screen and (min-width: 768px) {
	
	.HeaderArea {
		position: -webkit-sticky; 
		position: sticky;
		content: static !important;
		top: 0;
		max-width: 100% !important;
		z-index: 1000 !important;
/* 		padding-right: 0px !important; */
	}  
}

@media screen and (max-width:781px){
	 .HeaderFlex {	 
  	flex-direction:row !important;  
		flex-wrap:nowrap !important;
	}
	.HeaderFlex>div:first-child{
		flex-basis:168px !important
	}
	.HeaderFlex>div:nth-child(2){
		flex-basis:70% !important
	}
}