#header { 
  background: #8b0000; 
  min-height: 75px;
}

.site-title, .site-subtitle, #topactions a { 
   color: #fff;
   text-shadow: none;
} 
.site-title a { 
   color: #fff;
   text-shadow: none;
} 
#topsearch, #topactions { -webkit-box-shadow: 0px; -moz-box-shadow: 0px; box-shadow: 0px; }

#menu-toggle-label { background-image: url(../skins/amber/img/menu-white.svg); }
#actions-toggle-label { background-image: url(../skins/amber/img/wrench-white.svg); }
#search-toggle-label { background-image: url(../skins/amber/img/search-white.svg); } 

@media screen and (min-width: 75em) {body {font-size:1.2em;}} 
#content img,  #content span > img, #content a > img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

@media screen and (min-width:40em) {
	#page { 
		max-width: 100%;
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
		}
	#header  { 
  		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  }

  .site-title { font-size: 2em; }
  .site-title a { font-size: 1.1em; }
  .site-subtitle { font-size: 1.2em; }
  .page-title { font-size: 1.8em; }
  
  #content { padding: 3px 1em; }
  
  .mobile, .desktop { display:none; }
  .tablet { display:block; } 
}

#actions-toggle:checked + label { 
	transform: translate3d(0, 0, 0) rotate(180deg);
	}
	
#sidebar { background-color: #138fb1; height: 100%; margin: 0px; border-radius: 0px 0px 20px 0px; padding-top: 2em; } 
#sidebar p { line-height: 1.25em;  }	
#sidebar a { font-size: 100%; color: #ddd;}
#sidebar a:hover { text-decoration:none; color: #fff;}

#leftmenu {background-color: white; border: 0px; height: 100vh; }

/*#content {width: 85vw;}*/

.bd { border-radius: 10px; border: 2px solid #CBE6FF; padding: 10px;}

@media screen and (min-width:55em) {
	#main { background-color: #138fb1; }
	#content { border-radius: 20px 0px 0px 0px; background-color: white; }
	#leftmenu {width: 15%; }
}