* {
  margin: 0;
  padding: 0;
  outline: none;
}

@font-face {
  font-family: 'ChineseRocksRg-Regular';
  src: url('../css/fonts/ChineseRocks/ChineseRocksRg-Regular.eot') format('embedded-opentype'),
      url('../css/fonts/ChineseRocks/ChineseRocksRg-Regular.woff') format('woff'), 
      url('../css/fonts/ChineseRocks/ChineseRocksRg-Regular.ttf')  format('truetype'), 
      url('../css/fonts/ChineseRocks/ChineseRocksRg-Regular.svg#ChineseRocksRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueMedium';
  src: url('../css/fonts/HelveticaNeue/HelveticaNeueMedium.eot') format('embedded-opentype'),
      url('../css/fonts/HelveticaNeue/HelveticaNeueMedium.ttf') format('woff'), 
      url('../css/fonts/HelveticaNeue/HelveticaNeueMedium.ttf')  format('truetype'), 
      url('../css/fonts/HelveticaNeue/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueBold';
  src: url('../css/fonts/HelveticaNeue/HelveticaNeueBold.eot') format('embedded-opentype'),
      url('../css/fonts/HelveticaNeue/HelveticaNeueBold.ttf') format('woff'), 
      url('../css/fonts/HelveticaNeue/HelveticaNeueBold.ttf')  format('truetype'), 
      url('../css/fonts/HelveticaNeue/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.main-wrap {
  background: url(../images/body-bg.jpg);
  background-size: cover;
  min-height: 100vh;
  font-family: 'HelveticaNeueMedium';
  font-size: 16px;
  color: #000;
}
.font-rocks {
  font-family: 'ChineseRocksRg-Regular';
}
.mm-hero {
  font-size: 24px;
}
.heading-1 {
  font-size: 100px;
}
.heading-2 {
  font-size: 60px;
}
.heading-3 {
  font-size: 36px;
}
.normal-text {
  font-size: 24px;
}
.text-primary {
  color: #ed1944 !important;
}
.mm-section-one {
  padding: 80px 0;
}

.mm-carousel-one{
}

.with-80-auto-margin{
width: 80% !important;
margin:  auto !important;
}

.filler-table .table th{
  background: #20aa4d;
  color: #ffffff;
}

.filler-table .table td{
  background: #ffffff;
  color: #666666;

}
.list-group li
{
  border:none;
}
.messages-box{
  background-image: url(../images/head-bg.png);
  min-height: 117px;
  background-size: contain;
  background-repeat: no-repeat;
  color: white;
  padding-top: 30px;
  background-position: center;
  text-align: center;
  padding-left: 75px;
 
}

.your-meal-card,.your-number-card{
  flex: 1;
}
.your-number-card{
  background: none;
  border: none;
}

.your-number-card table{
  background: white;
  margin: 0;
}
.your-number-card th,td{
font-family: 'HelveticaNeueMedium';
}
.diet-slider img{
  width:  155px !important;
  height: auto;
    margin: auto !important;

}
.diet-slider .mm-cItem-1-icon{
  border-radius: 50%;
  width: 150px;
  height: 150px;
  padding: 15px;
}
/*.diet-slider .mm-cItem-1-icon:hover{*/
  /*background-color: #20aa4d;*/
/*}*/
/*.diet-slider .mm-cItem-1-icon.active{*/
  /*background-color: #20aa4d;*/
/*}*/
.regular-item-slider  .mm-cItem-1-icon img{
  /* border: 3px solid white; */
}

.mini-item-slider  .mm-cItem-1-icon img{
  /* border: 3px solid white; */
}
.regular-item-slider  .mm-cItem-1-icon img:hover{
  /* border: 3px solid red; */
}

.mini-item-slider  .mm-cItem-1-icon img:hover{
  /* border: 3px solid red; */
}

.regular-item-slider  .mm-cItem-1-icon img.active{
  /* border: 3px solid red; */
}

.mini-item-slider  .mm-cItem-1-icon img.active{
  /* border: 3px solid red; */
}

.plus-minus-icon {
  
  width: 25px;
  height: auto;
  margin-right: 5px;

   }

.image-opacity-filter {
  filter: opacity(50%);
}

.m-click-disable {
  pointer-events:none;
}

select {
  background: url('../images/arrow-down.png') no-repeat right #ddd;
  -webkit-appearance: none;
  margin-bottom: 15px;
  background-position-x: 95%;
}
.ingredients-card{
  background-image: url('../images/footer-image.jpg');
}

.messages-box:before{

  width: 115px;
  content: " ";
  background-image: url(../images/face.png);
  position: absolute;
  left: -30px;
  height: 153px;
}
select#allergen_selection > option {
   font-family: inherit !important;
   font-size: inherit !important;
   font-weight:inherit !important;
   /*//background-color: inherit !important;*/
}

select#allergen_selection > option:hover {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight:inherit !important;
  background-color: darkgrey !important;
  color: red !important;

  /*//background-color: inherit !important;*/
}
.learn-more-button{
  opacity: 0.5;
}
.learn-more-button:hover{
  opacity: 1;
}
/* .learn-more-button:hover:before{

    width: 212px;
    content: " ";
    background-image: url(../images/learn_more.png);
    position: absolute;
    left: 582px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -40px;

} */


@font-face {
    font-family: 'Mission-Gothic';
    src: url('/wp-content/plugins/mad-mex/public/css/fonts/Mission-Gothic-Regular.otf');
	font-weight:400;
}

.regular-item-slider .mm-cItem-1-icon img:hover, .mini-item-slider .mm-cItem-1-icon img{
	border:0px !important;
}

.main-wrap {
	background-size: contain !important;
    background-repeat-y: repeat;
	}
	
.container:before{
	display:none !important;
	}

/*#main-content .container{
	padding-top:20px !important;
}*/

.mm-main{
	padding-top:50px;
	}

.regular-item-slider,.mini-item-slider{
	width:77% !important;
	}

.mm-carousel-one.mini-item-slider{
	margin:auto;
	}

.mini-item-slider{
	margin-top: 30px;
	}

.form-control{
    height: 76px !important;
	border: 0px solid #ced4da !important;
    border-radius: 0 !important;
	margin-bottom: 33px;
	}
	
.your-meal-card{
	padding-top: 50px;
	}

.your-number-card{
	margin-top: 50px;
	}

.your-number-card{
	width:100% !important;
	}
	
.number-body{
	padding : 0px !important;
	}

h3{
	font-family: 'ChineseRocksRg-Regular';
	padding-top:8px;
	}

.card-body table{
	table-layout:fixed;
	}

.card-body{
	padding:0;
	}

.slick-track{
	margin: 0;
	}

.ingredients-card {
	padding: 20px !important;
}

/* "YOUR ROCKING" TEXT */	
	.messages-box:before{
		display:none;
		}

/* DROPDOWN */
	select > option{
		font-family: 'Mission-Gothic' !important;
		font-size:18px !important;
		background-color:#eeeeee !important;
		}

	select > option:hover {
		background: grey;
		border:none !important;
		}

	select:focus {
		outline: none;
		}
	
/* TABLE */
	td{
		font-family: 'Mission-Gothic';
	}
	
/* MEDIA QUERIES FOR DESKTOP */
	
	@media (min-width: 1024px) {
		/* LAYOUT */
		.row{
	width: 83% !important;
  margin: auto !important;
	}
.with-80-auto-margin{
	width:90% !important;
}
.col{
	padding-right:0px !important;
	padding-left:0px !important;
}
.filler-name{
	padding-left:52px !important;
	}	
			.info-but{
			  max-width: 100% !important;
    height: 70% !important;
	}
		
		/* FONTS */
		.heading-1{
			font-size: 80px !important;
		}

		.heading-2 {
			font-size: 30px;
			color:#20aa4d;
		}

		.sub-heading-text{
			font-family: 'Mission-Gothic';
			line-height:30px;
			font-size:18px !important;
		}
		
		.your-meal{
			color: #333 !important;
			font-size:55px !important;
		}
		.your-numbers{
			color: #333 !important;
			font-size:42px !important;
		}
		
		/* TABLE */
		td{
			font-family: 'Mission-Gothic';
			padding-left:12px !important;
			padding-right:0px !important;
			padding-top:6px !important;
			padding-bottom:6px !important;
		}

		/* OUR INGREDIENTS ADVERTISE */
		.add{
			border: 2px solid white;
			padding-top: 42px !important;
			background-size:cover;
		}
		
		.add-link{
			font-size: 24px;
			line-height: 61px;
			color:black !important;
		}
		
		.add-text{
			font-size: 18px;
			font-family: 'Mission-Gothic';
		}

		.add-head{
			color: #ed1944 !important;
			font-size: 46px;
		}
		
		/* SLIDER ARROWS */
		.slick-prev:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/prev.png) no-repeat !important;
			height: 40px !important;
			background-size: 100% !important;
			width: 23px !important;
			display: inline-block !important;
		}
		
		.slick-next:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/next.png) no-repeat !important;
			height: 40px !important;
			background-size: 100% !important;
			width: 23px !important;
			display: inline-block !important;
		}
		
		/* YOUR ROCKING TEXT */
		.messages-box{
			height: 142px;
			position: relative;
			padding-top: 30px;
			width: 525px;
			right: 41px;
		}
		
		.messages-box li{
			line-height: 102px;
			font-size: 27px;
			list-style: none;
		}
}

/* MEDIA QUERIES FOR TABLET */

@media (min-width: 581px) and (max-width: 1024px){
.row{
	width: 95% !important;
  margin: auto !important;
	}
.with-80-auto-margin{
	width:90% !important;
}
.col{
	padding-right:0px !important;
	padding-left:0px !important;
}
	
	.diet-slider {
    height: 120px !important;
}
	
	.info-but{
			  max-width: 100% !important;
		padding-top:10px !important;
    height: 60% !important;
	}
  /* FONTS */
		.heading-1{
			font-size: 36px !important;
		}

		.heading-2 {
			font-size: 25px;
			color:#20aa4d;
		}

		.sub-heading-text{
			font-family: 'Mission-Gothic';
			line-height:30px;
			font-size:15px;
		} 

	.filler-name{
		font-size:12px !important;
	}
	
	.your-meal{
			color: #333 !important;
			font-size:35px !important;
		}
		.your-numbers{
			color: #333 !important;
			font-size:22px !important;
		}
	
		h3{
			font-size:13px;
		}

		.normal-text{
				font-size:15px;
		}
		
		/* TABLE */
		td{
			font-family: 'Mission-Gothic';
			font-size:12px;
			padding-left:25px !important;
			padding-right:0px !important;
			padding-top:0px !important;
			padding-bottom:0px !important;
		}
		
		th{
			font-size:10px;
		}

		/* OUR INGREDIENTS ADVERTISE */
		.add{
			border: 2px solid white;
			padding-top: 12px !important;
			background-size:cover;
			padding-bottom: 0px !important;
		}
		
		.add-link{
			font-size: 15px;
			line-height: 61px;
			color:black !important;
		}
		
		.add-text{
			font-size: 12px;
			font-family: 'Mission-Gothic';
		}

		.add-head{
			color: #ed1944 !important;
			font-size: 20px;
		}
		
		/* SLIDERS */
		.mm-cItem-1-icon{
			padding-right: 20px !important;
			padding-left: 20px !important;
		}
		
		.slick-list{
			padding: 0px 100px !important;
		}
		
		/* SLIDER ARROWS */
		.slick-prev:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/prev.png) no-repeat !important;
			height: 32px !important;
			background-size: 100% !important;
			width: 18px !important;
			display: inline-block !important;
		}
		
		.slick-next:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/next.png) no-repeat !important;
			height: 32px !important;
			background-size: 100% !important;
			width: 18px !important;
			display: inline-block !important;
		}
		
		/* YOUR ROCKING TEXT */
		.messages-box{
			height: 90px;
			position: relative;
			padding-top: 40px;
			width: 250px;
			right: 22px;
			min-height: 70px !important;
		}
		
		.messages-box li{
			line-height: 70px;
			font-size: 15px;
			list-style: none;
		}
}	

/* MEDIA QUERIES FOR MOBILE */

	@media (min-width: 320px) and (max-width: 580px) {
			.info-but{
			  max-width: 100% !important;
		padding-top:10px !important;
    height: 60% !important;
	}
			.diet-slider {
    height: 90px !important;
}
		/* FONTS */
		.heading-1{
			font-size: 46px !important;
		}
		.heading-2 {
			font-size: 25px;
			color:#20aa4d;
		}

		.sub-heading-text{
			font-family: 'Mission-Gothic';
			line-height:30px;
			font-size:15px;
		} 

		h3{
			font-size:13px;
		}

		.normal-text{
				font-size:15px;
		}
		.your-meal{
			color: #333 !important;
			font-size:22px !important;
		}
		.your-numbers{
			color: #333 !important;
			font-size:18px !important;
		}
		/* TABLE */
		td{
			font-family: 'Mission-Gothic';
			font-size:12px;
			padding-left:25px !important;
			padding-right:0px !important;
			padding-top:0px !important;
			padding-bottom:0px !important;
		}
		
		th{
			font-size:10px;
		}

		/* OUR INGREDIENTS ADVERTISE */
		.add{
			border: 2px solid white;
			padding-top: 12px !important;
			background-size:cover;
			padding-bottom: 0px !important;
		}
		
		.add-link{
			font-size: 15px;
			line-height: 61px;
			color:black !important;
		}
		
		.add-text{
			font-size: 12px;
			font-family: 'Mission-Gothic';
		}

		.add-head{
			color: #ed1944 !important;
			font-size: 20px;
		}
		
		/* SLIDERS */
		.mm-cItem-1-icon{
			padding-right: 40px !important;
			padding-left: 40px !important;
		}
		
		.slick-list{
			padding: 0px 100px !important;
		}
		
		/* SLIDER ARROWS */
		.slick-prev:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/prev.png) no-repeat !important;
			height: 32px !important;
			background-size: 100% !important;
			width: 18px !important;
			display: inline-block !important;
		}
		
		.slick-next:before {
			content: '' !important;
			background: url(/wp-content/plugins/mad-mex/public/images/next.png) no-repeat !important;
			height: 32px !important;
			background-size: 100% !important;
			width: 18px !important;
			display: inline-block !important;
		}
		
		/* YOUR ROCKING TEXT */
		.messages-box{
			height: 90px;
			position: relative;
			padding-top: 15px;
			width: 300px;
			right: 21px;
			min-height: 70px !important;
		}
		
		.messages-box li{
			line-height: 65px;
			font-size: 15px;
			list-style: none;
		}
}

.learn-more-button:hover:before {
    width: 130px !important;
    content: " " !important;
        background-image: url("/wp-content/uploads/2018/12/learn_more.png");
    position: absolute !important;
    height: 70px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-top: -79px !important;
    margin-left: -50px !important;
	}

.list-flex {
	display: flex;
}

.clear-all-sections-div{
	text-align: center;
	padding: 10px;
	padding-bottom: 30px;
}
.clear-all-sections-btn{
	color: #ffffff!important;
	border-width: 0px!important;
	border-radius: 0px;
	font-size: 20px;
	font-family: 'Chinese Rocks',Helvetica,Arial,Lucida,sans-serif!important;
	text-transform: uppercase!important;
	background-color: #e81f43;
	padding: 5px 10px;
}

.clear-all-sections-btn:hover{
	background-color: #000000;
}