.sm-blue {
	background:#fff !important;
	position:absolute !important;
	width:90%;
	left:5%;
	top:33px;
	padding-top:0px;
	border-radius:0 15px 0 0;
	border-top:2px solid #d5d5d5;
  }
  

/*.sm-blue ul {*/
#categorylist ul {
    /*background: #00325a !important;*/
    /*background: #0055c9 !important;*/
    /*background: #002b66 !important;*/
    background: linear-gradient(0deg, #002b66, #074499);
    border-top:2px solid red;
    /*height:47px;
    overflow:hidden;*/
   padding-right:82px !important;
}

.sm-blue ul
{
	border-radius: 0 0 15px 15px !important;
}

.importantRule { 
	opacity: 1 !important; 
	display:block !important;
	}

.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted
{
	color:#8eb8e2 !important;
}

#categorylist ul a:hover, .sm-blue ul a:hover
{
	color:#fff !important;
	text-decoration:none !important;
}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
	font-weight:400;
	color:#000 !important;
}

.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
	/*font-weight:400 !important;*/
	color: #002e52 !important;
	text-decoration:none !important;
	
}

.bimmerpostlogoTwo a, .bimmerpostlogoTwo a:hover
	{
	color: #0059a0 !important;
	font-weight:700 !important;
	}
	


.hiddenMenuButton
{
	/*if you change this width, also change the padding right for #categorylist ul */
	position:absolute;
	top:0;
	right:0;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:10px;
	width:72px;
	height:30px;
	margin: 8px 8px 0 0;
	font-family:Roboto;
	font-size:13px;
	font-weight:400;
	color:#8eb8e2;
	cursor:pointer;
	user-select:none;
	    display: flex;
    align-items: center;
    padding-right: 0;
}

.hiddenMenuButtonMore
{
	margin:auto;
	margin-left:0;
	
}
.hamburger2 {
  /*padding: 15px 15px;*/
outline: none;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: auto;
  margin-right:0;
  overflow: visible; }
  .hamburger2:hover {
    opacity: 0.7; }

.hamburger2-box {
  width: 13px;
  height:10px;
  display: inline-block;
  position: relative; }

.hamburger2-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger2-inner, .hamburger2-inner::before, .hamburger2-inner::after {
    width: 13px;
    height: 1px;
    background-color: #8eb8e2;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger2-inner::before, .hamburger2-inner::after {
    content: "";
    display: block; }
  .hamburger2-inner::before {
    top: -10px; }
  .hamburger2-inner::after {
    bottom: -10px; }
    
.hamburger2--slider .hamburger2-inner {
  top: 3px; }
  .hamburger2--slider .hamburger2-inner::before {
    top: 4px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger2--slider .hamburger2-inner::after {
    top: 8px; }

.hamburger2--slider.is-active .hamburger2-inner {
  transform: translate3d(0,4px, 0) rotate(45deg); }
  .hamburger2--slider.is-active .hamburger2-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger2--slider.is-active .hamburger2-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-90deg); }
    	
.hiddenMenu
{
	position:absolute;
	top:95px;
	right:0;
	border-radius:0 0 4px 4px;
	border-top: 3px solid #002b66;
	background:#00204d;
	visibility: hidden;
	z-index:8000;
	opacity:0;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -o-transition: opacity 0.1s ease-in;
    -ms-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;	
    padding: 13px 0 20px;
    box-shadow: 0 6px 12px #00000091;

}

.hiddenMenu a, .hiddenMenu a:hover
{
	color: #8eb8e2 !important;
	text-transform: capitalize;
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
}

.hiddenMenu a:hover
{
	color: #fff !important;
	background:#3092c0;
}


.showit
{
	visibility: visible;
	opacity:1;
}

/**********************************************/
/***************  Mobile  *********************/
/**********************************************/

@media (max-width: 768px) {
/*Mobile*/
		.sm-blue {
			position:relative !important;
			width:100%;
			left:auto;
			top:auto;
			border-top:0;
			background:#ba0000 !important;
		  }

		#forumslist
		{
			clear:both;
		}  
		
			.hiddenMenuButton
			{
				display:none;
			}


			.sm, .sm ul, .sm li
			{
			background:#111;	
			}
			
			.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active
			{
			    background: #000;
			    color: white !important;
			}
			
			.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted
			{
				text-transform:capitalize;
			}
			
			#categorylist ul
			{
				border-top:0;
				padding-right:0 !important;
			}
   	
}


/**********************************************/
/***************  Hamburger for mobile  *********************/
/**********************************************/

.main-menu-btn {
  position: relative;
  display: inline-block;
  width: calc(100% - 20px);
  height: 60px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-size:30px;
  font-family:Coda;
  color:#727272;
  margin-bottom:-3px;
  background:#fff;
  padding-left:20px;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 15px;
  height: 2px;
  width: 16px;
  background: #0055f7;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-radius:6px;
}
.main-menu-btn-icon:before {
  content: '';
  top: -5px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 5px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 769px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}