.mobile-menu 
{
    
    width:100%;
    background: #7280c4/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;
    line-height: 1.6em;
    font-weight: 400;
    text-align:center;
    position: fixed;
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
  list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background: #7280c4;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
	display:inline-block;
        border-bottom: 5px solid #d6e7e3;  
}

/*Style for menu links*/
.mobile-menu li a {
	display:block;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform:uppercase;
	background: #50b53d;
	text-decoration: none;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
}
.mobile-menu li a .mmsign	{
    display: block;
    color: #006f54;
    float: right;
    margin: 0 5vh;
    font-weight: bold;
    font-size: 1.2em;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
	color: #006f54;
  background-color:#8ecf80;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
        border-bottom: 5px solid #d6e7e3;  
}

/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
	color: #4db3ff;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.mobile-menu ul li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
	width: 100%;
	-webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
	text-decoration: none;
	color: #fff;
	background: #006f54;
	text-align: center;
	padding: 10px 15px;
	display: none;
  cursor: pointer;
  text-transform: uppercase;
  
}

.mobile-menu .show-menu span{
   padding-left: 15px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ .scrollcnt #mbl-menu{
	display: block;  
}
.scrollcnt
{
	max-height: 90vh;
	position: fixed;
	overflow-y: scroll;
}
.mobile-menu img
{
	z-index: 10;
	position: relative;
}

/*Responsive Styles*/


.mobile-menu {
	display:block;
	-webkit-box-shadow: -1px 9px 21px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 9px 21px 2px rgba(0,0,0,0.75);
	box-shadow: -1px 9px 21px 2px rgba(0,0,0,0.75);
  	z-index: 300;
}
  .mobile-menu .lines {
    border-bottom: 30px double #f8f8f8;
    border-top: 10px solid #f8f8f8;
    content: "";
    height: 9px; 
    width:50px;
    padding-right:5px;
    float: right;
    margin: 20px;
}
	/*Make dropdown links appear inline*/
	.mobile-menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.mobile-menu li 
	{
		font-size: 2em;
	}
	/*Make all menu links full width*/
	.mobile-menu ul li, .mobile-menu li a {
		width: 100%;
		float: left;
		text-align: left;
                font-size: 1.2em;
                font-weight: bold;
                background: #50b53d;
	}
	.mobile-menu li a {padding:2vh;}
	/*Display 'show menu' link*/
	.mobile-menu .show-menu 
	{
            display: flex;
            justify-content: space-between;
            height: 100px;
	}


@media screen and (orientation: portrait)
{	.mobile-menu .show-menu 	{   height: 100px; }
        #mm-searchButton img {margin: 2vw;}
    
}
@media screen and (orientation: landscape)
{   
    .mobile-menu .show-menu 	{   height: 50px; }
    .mobile-menu img            {   height: 80px; }
    .mobile-menu .lines {
        border-bottom: 20px double #f8f8f8;
        border-top: 6px solid #f8f8f8;
        height: 6px;
        width: 50px;
        margin: 10px;
    }
    .mobile-menu li a {        padding: 1vh;    }
    .mobile-menu ul li, .mobile-menu li a {    font-size: 1em;}
    #mm-searchButton img {
        margin: 1vw;
        width:30px;height:30px;
    }
}
    
}


input{font-family:bebas-neue-bold, bebas-neue;font-size:18px;border:1px solid #c8c8c8;}
.mm-search-panel{display:flex;justify-content:flex-end;width:70%;}
#mm-search-form {padding:0;overflow:hidden; background:#2B2F2E;}
#mm-search-form ::-webkit-input-placeholder{padding-left:10px;}
#mm-search-form ::-moz-placeholder{padding-left:10px;}
#mm-search-form :-ms-input-placeholder{padding-left:10px;}
#mm-search-form input:-moz-placeholder{padding-left:10px;}
#mm-search-form input[type=text]{box-sizing:border-box;background:transparent;padding:0px 30px 0 15px;margin:1vw;color:#A9A9A9;font-size:6vw;line-height:90px;border:0;height:90px;outline:0;display:none;}
#mm-searchButton{float:right;position:relative;cursor:pointer;}
#mm-searchButton img {-webkit-filter: brightness(100);  filter: brightness(100);}