/* Add animation (Chrome, Safari, Opera) */
		@-webkit-keyframes openmenu {
			from {left:-100px;opacity: 0;}
			to {left:0px;opacity:1;}
		}
		@-webkit-keyframes closebutton {
			0% {opacity: 0;}
			100% {opacity: 1;}
		}

		/* Add animation (Standard syntax) */
		@keyframes openmenu {
			from {left:-100px;opacity: 0;}
			to {left:0px;opacity:1;}
		}
		@keyframes closebutton {
			0% {opacity: 0;}
			100% {opacity: 1;}
		}

		.mmmadminlinks {
			position: absolute;
			left: 20px;
			top: 0;
			width: 200px;
			line-height: 25px;
			text-align: left;
			display: none;
		}
		@media only screen and ( min-width: 1000px ) {
			.mmmadminlinks { display: block; }
		}


		/* Ensure the jump link is below the fixed nav */
		html {
			scroll-padding-top: 90px;
		}

		/* The mmm's background */
		.feastmobilemenu-background {
			display: none;
			position: fixed;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.4);
		}

		/* Display the mmm when targeted */
		.feastmobilemenu-background:target {
			display: table;
			position: fixed;
		}

		/* The mmm box */
		.mmm-dialog {
			display: table-cell;
			vertical-align: top;
			font-size: 20px;
		}

		/* The mmm's content */
		.mmm-dialog .mmm-content {
			margin: 0;
			padding: 10px 10px 10px 20px;
			position: fixed;
			left: 0;
			background-color: #FEFEFE;
			contain: strict;
			overflow-x: hidden;
			overflow-y: auto;
			outline: 0;
			border-right: 1px #777 solid;
			border-bottom: 1px #777 solid;
			text-align: justify;
			width: 320px;
			height: 90%;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

			/* Add animation */
			-webkit-animation-name: openmenu; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 0.6s; /* Chrome, Safari, Opera */
			animation-name: openmenu;
			animation-duration: 0.6s;
		}
		.mmm-content li {
			list-style: none;
		}
		#menu-feast-modern-mobile-menu li,
		.desktop-inline-modern-menu > ul.menu li {
			min-height: 50px;
			margin-left: 5px;
			list-style: none;
		}
		#menu-feast-modern-mobile-menu li a,
		.desktop-inline-modern-menu > ul.menu li a {
			color: inherit;
			text-decoration: inherit;
		}

		/* The button used to close the mmm */
		.closebtn {
			text-decoration: none;
			float: right;
			margin-right: 10px;
			font-size: 50px;
			font-weight: bold;
			color: #333;
			z-index:1001;
			top: 0;
			position: fixed;
			left: 270px;
			-webkit-animation-name: closebutton; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
			animation-name: closebutton;
			animation-duration: 1.5s;
		}

		.closebtn:hover,
		.closebtn:focus {
			color: #555;
			cursor: pointer;
		}
		@media (prefers-reduced-motion) { /* accessibility animation fix */
			.mmm-dialog .mmm-content, .closebtn {
			animation: none !important;
			}
		}
		.mmmheader {
			font-size: 25px;
			color: #FFF;
			height: 80px;
			display: flex;
			justify-content: space-between;
		}
		#mmmlogo {
			max-width: 200px;
			max-height: 70px;
		}
		#feast-mobile-search {
			margin-bottom: 17px;
			min-height: 50px;
			overflow: auto;
		}
		#feast-mobile-search input[type=submit] {
			display: none;
		}
		#feast-mobile-search input[type=search] {
			width: 100%;
		}

		#feast-mobile-menu-social-icons {
			margin-top: 17px;
		}

		#feast-social .simple-social-icons {
			list-style: none;
			margin: 0 !important;
		}

		.feastmobilenavbar {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 998;
			width: 100%;
			height: 80px;
			padding: 0;
			margin: 0 auto;
			box-sizing: border-box;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			background: #FFF;
			display: grid;
			grid-template-columns: repeat(7, minmax(50px, 1fr));
			text-align: center;
			contain: strict;
			overflow: hidden;
		}
		.feastmobilenavbar > div { height: 80px; }
		.admin-bar .feastmobilenavbar {
			top: 32px;
		}
		@media screen and (max-width:782px) {
			.admin-bar .feastmobilenavbar {
				top: 0;
				position: sticky;
			}
			.admin-bar .site-container, .admin-bar .body-template-content {
				margin-top: 0;
			}
		}
		.feastmobilenavbar a img {
			margin-bottom: inherit !important;
		}
		.feastmenutoggle, .feastsearchtoggle, .feastsubscribebutton {
			display: flex;
			align-items: center;
			justify-items: center;
			justify-content: center;
		}

		
		.feastsearchtoggle svg, .feastmenutoggle svg {
			width: 30px;
			height: 30px;
			padding: 10px;
			box-sizing: content-box;
			color: black;
		}
		.feastsubscribebutton {
			overflow: hidden;
		}
		.feastsubscribebutton img {
			max-width: 90px;
			padding: 15px;
			margin: 1px;
		}
		.feastsubscribebutton svg {
			color: #000;
		}
				.feastmenulogo {
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			grid-column-end: span 5;
		}

					.desktop-inline-modern-menu .sub-menu { display: none; }
			.desktop-inline-modern-menu, .modern-menu-desktop-social { display: none; }
			@media only screen and (min-width: 1200px) {
				.desktop-inline-modern-menu, .modern-menu-desktop-social { display: block; line-height: 1.2em; }
				.feastmobilenavbar .feastmenutoggle { display: none; } /* hide menu toggle */
				.feastmobilenavbar { grid-template-columns: 1fr 3fr 1fr 50px !important; } /* rearrange grid for desktop */
				.feastmenulogo { grid-column-end: span 1 !important; }
				.desktop-inline-modern-menu ul {
					display: flex;
					justify-content: center;
					gap: 40px;
					height: 70px;
					overflow: hidden;
					margin: 0 17px;
				}
				.desktop-inline-modern-menu ul li {
					display: flex;
					justify-content: center;
					align-items: center;
					min-height: 70px;
					max-width: 20%;
					margin-left: 0 !important;
				}
				.desktop-inline-modern-menu ul li:nth-child(n+6) { display: none; }
				.modern-menu-desktop-social .simple-social-icons li:nth-child(n+4), .modern-menu-desktop-social .widgettitle { display: none; }
				.modern-menu-desktop-social { display: flex !important; justify-content: center; align-items: center; }
				body .feastmobilenavbar a { color: #000; text-decoration: none; }

			} /* end desktop query */
			/* end testing */
		
		@media only screen and ( max-width: 1199px ) {
			.feastmenulogo {grid-column-end: span 5; }
			.feastsubscribebutton { grid-column-end: span 2; }
		}
		@media only screen and (max-width: 359px) { /* 320px fix */
			.feastmobilenavbar {
				grid-template-columns: repeat(6, minmax(50px, 1fr));
			}
			.feastmenulogo {grid-column-end: span 4; }		}
				header.site-header, .nav-primary  {
			display: none !important;
			visibility: hidden;
		}
		.site-container, .body-template-content {
			margin-top: 80px; /* prevents menu overlapping content */
		}
		@media only screen and ( min-width: 1200px ) {
			.feastmobilenavbar {
				width: 100%;
				left: 0;
				padding-left: calc(50% - 550px);
				padding-right: calc(50% - 550px);
			}
					}
		@media print {
			.feastmobilenavbar { position: static; }
		}