@charset "UTF-8";
 #menu-master{
	background-image:url("https://bc.edu/content/dam/files/offices/dining/menu-app/images/bgimage_02.jpg");
	background-size: auto;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:#000;
	width:100%;
	padding-bottom:40px;
	font-family: Open Sans, Arial, sans-serif;
	display:flex;
	flex-direction:column;
}
#menu-master-container{
	width:100%;
	margin:auto;
	background-color: transparent;
}
#title-location{
	background-color: #FFF;
	width:100%;
	 color:black;
	 font-size:50px;      
	 line-height:62px;
	 text-align:center;
	font-family: utopia-std-display, georgia, serif;
	border-bottom:14px solid #708F42;
}
.pre-title{
	color:#708F42;
}
 #title-date{
	background-color: #708e41;
	width:100%;
	 color:white;
	 font-size:38px;      
	 line-height:62px;
	 text-align:center;
	 border-top:60px solid #000;
}
#menu-content-container{
	margin:auto;
	margin-top:30px;
	background-color: transparent;
	width:100%;
	position:relative;
	max-width:1038px;
}

.session-tab{
	float:left;
	background-color: #C2D500;
	font-size:24px;
	line-height:48px;
	padding-left:20px;
	padding-right:20px;
	margin-left:5px;
	margin-right:5px;
	font-weight: bold;
	cursor:pointer;
	text-transform:capitalize;
}
.session-tab.active{
	background-color: white;
	color:#708e41;
}
#menu-container{
	float:left;
	max-width:635px;
	background-color:transparent;
	width:62%;	
}
.no-data{
		width:100%;
		background-color:#FFF;
		font-size:24px;
		padding-top:30px;
		padding-bottom:30px;
		text-align:center;
		margin-top:48px;
	}
.default-text{
	background-color:#FFF;
	color:#708F42;
	height:300px;
	margin-top:48px;
	padding:40px;
	font-size:40px;
	line-height:46px;
}
#session-tab-ul{
	margin:0;
	list-style-type:none;
	padding-left:10px;
}
#menu-session-container{
	background-color:white;
	padding-left:35px;
	position:relative;
	padding-top:20px;
	padding-bottom:60px;
}
#menu-session-container ul{
	list-style-type:none;
}
#session-display-ul{
	margin:20px 0 0 0;
	padding:0;
}
.session-menu-display{
	display:none;
	padding:0;
	margin:0;
}
.session-menu-display ul{
	margin:0;
	padding:0;
}

.recipe-button{
	background-color:#FFF;
	border:none;
	text-decoration: underline dotted #666;
	font-size:22px;
	line-height:26px;
}
.session-menu-display.active{
	display:block;
}
.session-section-title{
	font-weight:600;
	font-size:24px;
	padding-top:20px;
	line-height:40px;
	padding:20px 0 0 0 ;
}
.session-section-item{   
	font-size:18px;
	padding:0;
	margin:0;
}
.nutish-button-div{
	text-align: center;
	width:100%;
	background-color:#FFF;
	padding-top:30px;
	padding-bottom:30px;
}
#menu-refresh-button{
	margin-bottom:20px;	
}

.action-button{
	color:#FFF;
	background-color:#708e41;
	border:none;
	border-radius:8px;
	font-size:22px;
	line-height:34px;
	padding-left:10px;
	padding-right:10px;
	font-weight:600;
	letter-spacing: 1px;
}
#filter-button-container{
	float:right;
	padding-right:20px;	
}

.allergen-button{
	border:2px solid #708e41;
	border-radius:10px;
	font-weight:500;
	font-size:18px;
	color:#708e41;
	background-color:transparent;
	display:inline-block;
	vertical-align:top;
	margin-top:3px;
	padding-right:30px;
	background-image:url(https://bc.edu/content/dam/files/offices/dining/menu-app/images/filter.svg);
	background-repeat: no-repeat, repeat;
	background-position: right 3px top 50%, 0 0;
	line-height:24px;
	background-size:20px 20px;
}
#filter-selected{
	height:21px;
	text-align:right;
	background-color:#FFF;
}
#filter-selected-container{
	position:relative;
	width:100%;
	height:100%;
}
.filter-selected-switch-off{
	position:absolute;
	width:16px;
	height:16px;
	border-radius: 8px;
	background-color: #708e41;
	top:2px;
	left:2px;
	display:none;
}
.filter-selected-switch-on{
	position:absolute;
	width:16px;
	height:16px;
	border-radius: 8px;
	background-color: #FFF;
	top:2px;
	left:32px;
	display:none;
}

.filter-selected-switch-text-off{
	color:#708e41;
	position:absolute;
	left:19px;
	font-size:16px;
	top:-2px;
	display:none;
}
.filter-selected-switch-text-on{
	color:#FFF;
	position:absolute;
	left:6px;
	font-size:16px;
	top:-2px;
	display:none;
}
.allergen-form{
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}
#menu-select-form{
	background-color:white;
	float:left;
	max-width:323px;
	width:32%;
	margin-left:20px;
	padding:20px 30px 30px 30px;
	margin-top:47px;
}
.menu-select-form-title{
	font-size:24px;
	font-weight:600;
	line-height:34px;
}
.hide-menu-check{
	display:none;
}
.menu-select{
	display:block;
	font-size:20px;
	font-weight:500px;
	border:2px #708e41 solid;
	border-radius:10px;
	padding:5px 40px 5px 10px;
	margin-bottom:12px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(https://bc.edu/content/dam/files/offices/dining/menu-app/images/arrow.png);
	background-repeat: no-repeat, repeat;
	background-position: right 0 top 50%, 0 0;
}
.menu-select-legend{
	border-bottom:4px #708E41 solid;
}
#menu-refresh-button{
	font-size:20px;
	margin-top:10px;
}
.dietary-legend{
	list-style-type:none;
	padding:0;
	margin:20px 0 0 0;
}
.legend-item{
	font-size:20px;
}

/* ALLERGEN POPUP */
#allergen-pop-up{
	display:none;
	position:absolute;
	top:300px;
	z-index:200;
	font-family: Open Sans, Arial, sans-serif;
	width:100%
}
#allergen-pop-up-content{
	width:786px;
	background-color:#FFF;
	margin:auto;
	border-radius: 15px;
}
.allergen-title{
	width:100%;
	background-color:#708E41;
	color:#FFF;
	text-align:center;
	font-size:42px;
	line-height:84px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#diet-modifiers fieldset{
	border:none;
	display:block;
	padding-left:30px;
	padding-right:30px;
}
#diet-modifiers legend{
	font-size:34px;
	font-weight:600;
	display:block;
	border:none;
}
#dietary-pop-up-fieldset{
	margin-top:20px;
}
.dietary-radio{
	font-size:24px;
	font-weight:600;
}
.dietary-radio label{
	margin-right:20px;	

	
}
.allergens-checkbox-div{
	display:inline-block;
	margin-right:10px;
	font-size:22px;
	padding-right:25px;
	padding-top:4px;
	padding-bottom:4px;	
}
.allergen-buttons{
	text-align:center;
}
.diet-modifiers-button{
	display:inline-block;
	margin:30px 20px;
}
/* END ALLERGEN POPUP */

/* NUTRITIONAL POPUP */
#nutritional-pop-up{
	display:none;
	position:fixed;
	font-family:Futura PT Cond Medium, Open Sans, Arial,Verdana,sans-serif;
	width:100%;
	top:0;
	bottom:0;
	z-index:200;
}
#nutritional-pop-upContent{
	padding:20px;
	background-color:#FFF;
	max-width:973px;
	margin: 20px auto;
}
.nutrition-close-button{
	float:right;
	background-color:#708e41;
	border:none;
	color:#c2d500;
	font-size:30px;
	margin-right:5px;
	margin-top:5px;
}
.nutrition-print-button{
	margin-top:20px;
}
.nutrition-label-recipe{
	font-size:35px;
	text-align: center;
	font-weight:bold;
	background-color:#708E41;
	color:#FFF;
	font-family:Open Sans, Arial,Verdana,sans-serif;
	line-height: 80px;
}
#nutrition-table-container{
	background-color:#FFF;		
	display:flex;
	max-width:821px;
	width:100%;
}
.allergen-list{
	float:right;
	padding-left:35px;
	color:#555;
	font-family: Helvetica,Arial, sans-serif;
}
.labelallergenscaption{
	font-weight:500;
	font-size:32px;
}
.labelallergensvalue{
	font-weight:500;
	font-size:24px;
}
#nutrition-master-container{
	overflow-y:scroll;
	max-width:925px;
	width:100%;
	padding-left:30px;
	margin-right:30px;
	margin-top:55px;
	scrollbar-color: #708e41 #c2d500;
}
#nutrition-master-container::-webkit-scrollbar-track-piece  {
    background-color: #c2d500;
}

#nutrition-master-container::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #708e41;
}

#nutrition-table{
	width:100%;
	min-width:340px;
	max-width:528px;
	border:5px solid #000;
}
.nutrition-table-content{
	min-width:300px;
}
.nutrition-table-content table{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border: 0px;
	border-collapse: collapse;
}
.nutrition-table-content td{
	padding:0;
	margin:0;
	border-bottom:2px solid #000;
}
.nutrition-table-content-label{
	width:70%;
}
.nutrition-table-content-data{
	width:30%;
	padding-right:20px;
}
.nutrition-pad{
	padding-left:20px;
}
.serving-box{
	border-bottom:10px solid #000 !important;
}
.nutrition-name{
	width:50%;
}
.nutrition-qty{
	width:30%;
}
.nutrition-pct{
	width:20%;
}
#nutrition-Serving-Size{
	display:inline-block;
	float:right;
	padding-right:30px;
}
#nutrition-Servings_Per_Container{
	display:inline-block;
	float:right;
	padding-right:30px;
}
.daily-value{
	display:inline-block;
	float:right;
}
.bottom-row{
	border-top:20px solid #000;
	border-bottom:none !important;
	font-size:3px;
}
.nutrition-1{
	font-size:20px;
	margin-top:-27px;
	padding-right:35px;
	line-height:22px;
}
.nutrition-2{
	font-size:32px;
	line-height:34px;
	padding-left:40px;
	font-weight:300;
}
.nutrition-3{
	font-size:20px;
}
.nutrition-4{
	font-size:32px;
	line-height:38px;
	font-weight:600;
	padding-left:20px;
}
.nutrition-5{
	font-size:37px;
	font-weight:600;
	line-height:43px;
}
.nutrition-6{
	font-size:33px;
	font-weight:600;
	line-height:38px;
}
.nutrition-7{
	font-size:47px;
	border-bottom:20px solid #000;
	width:100%;
	font-weight: 700;
	line-height:48px;
}
.nutrition-8{
	font-size:24px;
	line-height:28px;
	font-weight:300;
}
.indent{
	padding-left:70px;
}
.sugar-left{
	padding-left:5px !important;
}

.ingredients-container{
	max-width:775px;
	width:100%;
	margin-top:20px;
	font-family: Helvetica,Arial, sans-serif;
	font-size:24px;
	line-height:28px;
	color:#555;
}
.labelingredientscaption{
	font-weight:600;
}
.labelingredientsvalue{
	font-weight: normal;
	font-size:24px;
}
.sub-ingredients{
	font-size:18px;
}
.labelfooter{
	color:#708e41;
	margin-top:20px;
}
/* END NUTRITIONAL POPUP */
.clear-both{
	clear: both;
}
/* MENU FOOTER */
#menu-footer{
	width:100%;
	margin-top:155px;
	background-color:#FFF;
	padding-top:20px;		
}
.menu-footer-container{
	width:100%;
	max-width:1084px;
	margin:auto;
}
.menu-footer-address{
	float:left;
	padding-bottom:20px;
}
.menu-footer-social{
	float:right;
	padding-bottom:20px;
}
.menu-footer-social a{
	display:inline-block;
	padding-left:20px;
}
/* END MENU FOOTER */
.menu-scrim{
	opacity:0.7;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:100;
	display:none;
}

/* BEGIN radio and checkbox styles  */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 2px solid #708e41;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #FFF;
    position: absolute;
    top: 2px;
    left: 4px;
    border-radius: 100%;
	 border: 6px solid #708e41;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 2px solid #708e41;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '\02713';
    width: 16px;
    height: 16px;
    background: #708e41;
    position: absolute;
	 color:#FFF;
    top: 2px;
    left: 4px;
	 border: 1px solid #708e41;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	line-height:15px;
	font-size:20px;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* END radio and checkbox styles*/

@media only screen and (max-width: 1065px) {
	#title-location{
		font-size:30px;
		line-height:40px;
	}
	.pre-title{	
		display:block;
	}
	.area-title{
		display:block;
	}
	#title-date{
		border-top:20px solid #000;
		font-size:20px;
		line-height:40px;
	}
	#menu-content-container{
		margin-top:10px;
		min-width:300px;
		width:90%;
	}
	#menu-container{
		width:100%;
		float:none;
		margin-top:0;
		padding-top:138px;
	}
	.default-text{
		font-size:26px;
		line-height:36px;
	}
	#date-select{
		text-align:left;
	}
	#area-select{
		text-align:left;
		padding-right:20px;
	}
	#menu-select-form{
		width:100%;
		margin-top:0;
		padding:0;
		margin-left:0;
	}
	#menu-options{
		float:none;
		width:100%;
		margin-top: 0;
		margin-left:0;
		position:absolute;
		top:0;
		left:0;
		padding:7px 5px;
		background-color:#FFF;
	}
	.dietary-legend{
		width:100%;
		padding-left:10px;
		padding-bottom:20px;
		padding-right:10px;
	}
	.menu-select-form-title{
		font-size:12px;
		line-height:16px;
	}
	.menu-select{
		font-size:12px;
		line-height:16px;
		background-size: 17px 18px;
		padding:0 17px 0 3px;
		border-radius:7px;
		margin-bottom:6px;
	}
	#menu-refresh-button{
		margin-top:0;
		font-size:12px;
		margin-bottom:0;
	}
	.action-button{
		line-height:30px;
	}
	.menu-select-legend{
		display:none;
	}
	.dietary-legend{
		margin-top:10px;
	}
	.legend-item{
		font-size:12px;
		line-height:16px;
		display:inline-block;
		margin-right:8px;
	}
	.legend-item span{
		font-size:12px;
		padding-left:2px;
		line-height:16px;
		padding-right:2px;
	}
	.hide-mobile{
		display:none;
	}
	#filter-button-container{
		top:-64px;
		z-index:50;
		right:0;
		width:64%;
		float:right
	}
	.allergen-button{
		font-size:12px;
		line-height:18px;
		background-size:16px 16px;
		padding-right:24px;
		display:block;
	}
	#filter-selected{
		height:auto;
		font-size:12px;
		padding-right:5px;
	}
	#session-tab-ul{
		padding-left:0;
	}
	.session-tab{
		font-size:14px;
		padding-left:5px;
		padding-right:5px;
		margin-left:0;
		margin-right:6px;
		line-height:24px;
	}
	#menu-session-container{
		padding-left:0;
		padding-bottom:10px;
		padding-top:10px;
	}
	#session-display-ul{
		padding-top:15px;
	}
	.session-section-title{
		font-size:14px;
		padding-left:10px;
		padding-top:10px;
		line-height:20px;
	}
	.session-section-item{
		font-size:12px;
		padding-left:2px;
	}
	.nutrition-span{
		font-size:12px;
	}
	.recipe-button{
		font-size:12px;
	}
	.diet-span{
		font-size:12px;
	}
	.diet-span::after{
		font-size:12px !important;
		margin-right:3px !important;
		padding-left:2px !important;
		padding-right:2px !important;
		line-height:14px !important;
	}
	#allergen-pop-up{
		position:fixed;
		top:10px;
		height:75%;
		overflow-y:scroll;
		width:95%;
		max-width:500px;
		min-width:290px;
		margin:auto;
	}
	#allergen-pop-up-content{
		width:inherit;
		max-width:736px;
	}
	.allergen-title{
		font-size: 20px;
		line-height:34px;
	}
	.allergen-form{
		padding-right:10px;
		padding-top:10px;
		font-size:12px;
	}
	#diet-modifiers legend{
		font-size:14px;
	}
	.dietary-radio{
		font-size:12px;
	}
	.dietary-radio label{
		margin-bottom:5px;
	}
	.allergens-checkbox-div{
		padding-right:15px;
		line-height:20px;
	}
	.allergens-checkbox-div label{
		font-size:12px;
	}
	.allergens-checkbox-div::after{
		font-size:12px !important;
		line-height:16px !important;
		padding-left:3px!important;
		padding-right:3px!important;
	}
	/* radio and checkbox */
	[type="radio"]:checked + label,
	[type="radio"]:not(:checked) + label
	{
		 padding-left: 20px;
		 line-height: 14px;
	}
	[type="radio"]:checked + label:before,
	[type="radio"]:not(:checked) + label:before {
		 width: 10px;
		 height: 10px;
		 border: 2px solid #708e41;
	}
	[type="radio"]:checked + label:after,
	[type="radio"]:not(:checked) + label:after {
		 width: 5px;
		 height: 5px;
		 left: 0px;
		 border: 5px solid #708e41;
	}
	[type="checkbox"]:checked + label,
	[type="checkbox"]:not(:checked) + label
	{	
		 padding-left: 15px;
		 line-height: 14px;
	}
	[type="checkbox"]:checked + label:before,
	[type="checkbox"]:not(:checked) + label:before {
		 width: 8px;
		 height: 8px;
	}
	[type="checkbox"]:checked + label:after,
	[type="checkbox"]:not(:checked) + label:after { 
		 width: 8px;
		 height: 8px;
		 left: 0px;
		line-height:10px;
		font-size:15px;
	}
	.allergen-buttons{
		margin:20px auto;
		padding-bottom:20px;
		font-size:20px;
	}
	.diet-modifiers-button{
		margin:0 4px;
		padding-left:5px;
		padding-right:5px;
	}
	/* BEGIN nutrition popup */
	#nutritional-pop-upContent{
		padding:15px;
	}
	.nutrition-close-button{
		position:absolute;
		top:35px;
		right:17px;
		font-size:20px;
	}
	.nutrition-label-recipe{
		font-size:20px;
		line-height:30px;
		padding-top:20px;
		padding-bottom:10px
	}
	#nutrition-master-container{	
		padding-left:0;
		margin-right:10px;
		margin-top:20px;
	}
	.nutrition-table-content{
		min-width:258px;
	}
	#nutrition-table{
		border:3px solid #000;
		min-width:255px;
	}
	
	.bottom-row{
		border-top:15px solid #000;
		font-size:1px;
	}
	.nutrition-pad{
		padding-left:10px;
	}
	.nutrition-name{
		width:39%;
	}
	.nutrition-qty{
		width:21%;
	}
	.nutrition-1{
		margin-top:-20px;
		padding-bottom:3px;
		font-size:16px;
		padding-right:25px;
	}
	.nutrition-2{
		font-size:16px;
		line-height:20px;
		padding-left:20px;
	}
	.nutrition-3{
		
	}
	.nutrition-4{
		font-size:16px;
		line-height:20px;
		font-weight:500;
		padding-left:10px;
	}
	.nutrition-5{
		font-size:20px;
		line-height:35px;
	}
	.nutrition-6{
		font-size:18px;
		line-height:21px;
	}
	.nutrition-7{
		font-size:20px;
		border-bottom:15px solid #000;
		line-height:35px;
	}
	.nutrition-8{
		font-size:16px;
		line-height:20px;
	}
	.nutrition-9{
		
	}
	.ingredients-container{
		font-size:16px;
		line-height:22px;
		padding-right:15px;
	}
	.sub-ingredients{
		font-size:12px;
	}
	.nutrition-print-button{
		font-size:18px;
		line-height:26px;
	}

/* END nutrition popup */
}

.diet-span.GF, .GF{
    background-color: #fff !important;
}