/* FILE: main/plugins/__jetpack-food-menu.scss */

//
// Food Menu styles
//





.items {

	.entry-summary {
		@extend %font_size_smaller;
		@extend %font_weight_300;

		.is-singular & {
			@extend %font_weight_300;
		}

	}

	.menu-items {
		@extend .clearfix;

		@include responsive( map_get( $breakpoint, 'l' ) ) {
			clear: both;
			width: 62%;
			padding-bottom: 1em;
			margin-#{$left}: 38%; // {{RTL}}
			margin-bottom: 3.62em;
			border-bottom-width: 2px;
			border-bottom-style: solid;

			&:last-child {
				margin-bottom: 0;
				border-width: 0;

				.page-template-_menu.fl-builder & {
					margin-bottom: 5em;
				}

			}

		}

	}

	.entry {
		margin: 0 0 2%;

		@include responsive( map_get( $breakpoint, 'm' ) ) {
			float: $left; // {{RTL}}
			width: 46%;
			margin: 0 6% 2%;
			margin-#{$left}: 0; // {{RTL}}

			&:nth-child(2n+1) {
				margin-#{$right}: 0; // {{RTL}}
			}

		}



		&-meta {
			@extend %screen_reader_hiding;
		}



		&-media {
			margin-bottom: 1rem;

			.home & {
				display: none;
			}

		}

	}

}



.menu-group {

	&-header {
		padding-top: 12rem;
		margin-top: -12rem;
		margin-bottom: 2.62em;

		@include responsive( map_get( $breakpoint, 'm' ) ) {
			width: 62%;
			margin-#{$left}: 0; // {{RTL}}
		}

		@include responsive( map_get( $breakpoint, 'l' ) ) {
			float: $left; // {{RTL}}
			width: 50%;
			margin-#{$left}: -61.29%; // {{RTL}}
		}

		&:focus {
			outline: 0;
		}

	}



	&-title {
		@extend %font_weight_700;
	}



	&-nav {
		list-style: none;
		padding: 3.62rem 0;
		margin: 0;
		text-align: center;
		outline: 0;

		@include responsive( map_get( $breakpoint, 'xl' ) ) {

			.sticky-menu-group-nav & {
				position: fixed;
				width: 100%;
				#{$left}: 0; // {{RTL}}
				top: 3.62rem;
				padding: .62rem;
				margin: -1px;
				box-shadow: inset 0 0 0 100px;
				z-index: 99;

				a {
					box-shadow: 0 0 .62em rgba( #000, .2 );
				}

				&-link {
					opacity: 0;
				}

			}

			.admin-bar.sticky-menu-group-nav & {
				margin-top: 31px;
			}

		}



		&-container {
			margin-top: -3.62rem;

			@include responsive( map_get( $breakpoint, 'xl' ), 'max-width' ) {
				height: auto !important;
			}

		}



		&-link {
			@extend %font_size_small;
			display: inline-block;
			padding: .62em 1em;
			margin-top: 1rem;
			text-transform: uppercase;
			border-width: 2px;
			border-style: solid;
			opacity: 1;
			transition: opacity .4s;

			@include responsive( map_get( $breakpoint, 'l' ) ) {
				position: absolute;
			}

		}



		li {
			display: inline-block;
			margin: .38em .62em;
		}

		a {
			display: inline-block;
			padding: .38em 1em;
		}

	}

}



.food-menu-item {

	&-header {
		margin-bottom: .38em;
		overflow: hidden;

		h3 {
			font-size: nth( map_get( $h_tags_setup, 'h4, .h4' ), 1 ) + em;
			line-height: 1.19;
		}

		.entry-title {
			margin: 0;
			overflow: hidden;
		}

		.entry-title {

			&,
			& > a {
				display: flex;
				justify-content: space-between;
				width: 100%;
			}

		}

	}

	&-title {
		letter-spacing: 0;
	}

	&-price {
		margin-#{$left}: 1em;
		letter-spacing: 0;
	}

}



.single-nova_menu_item {

	.food-menu-item-header {
		margin: 0;
		overflow: hidden;

		.entry-title {
			margin-bottom: 6%;
		}

	}

}



.type-nova_menu_item {

	.posts &::before {
		@extend %genericon;
		font-family: 'nova-font';
		content: '\e603';
		display: inline-block;
		width: 2rem;
		height: 2rem;
		margin-bottom: 1rem;
		line-height: 2rem;
		text-align: center;
		font-size: 1.38rem;
		border-width: 1px;
		border-style: solid;
		border-radius: 50%;
	}

}



.tax-nova_menu.no-tax-children .page-header {
	@extend %screen_reader_hiding;
}