/* CSS template for MightyWCMS */
body
{
	margin:25px 0 0 0;
	padding:0;
	background-color:#45bdf6;
	font-size: 14px
}

/* Header */
.mw-header
{
	height:100px;
	border-bottom:#fff 3px solid;
	margin:0;
	background:url(MightyWCMS.jpg) no-repeat
}
.mw-header #branding{float:left; height:100px}
.mw-header ul
{
	float:right;
	margin-top: 60px
}
.mw-header li{display:inline; padding:12px}

/* Global */
.mw-body-wrapper, .mw-footer{width:80%; margin:auto; overflow:hidden}
ul{margin:0; padding:0}

/* Main-col */ 
#mw-content-wrapper
{
  float:left;
  width:65%;
  white-space: pre-wrap;
  margin: 14px 0 0 0;
}
#mw-sidebar
{
  float:right;
  width:30%;
  margin: 14px 0 0 0;
}
.mw-footer{padding:20px 0 20px 0; margin-top:20px; text-align: center}

/* Text */
body, a{color:#de3247; text-shadow: 0 0 2px #fff, 0 1px 1px #000}
#mw-content-wrapper a, .highlight{text-shadow: 1px 1px 2px #fff}

/* Anchor */
a{text-decoration:none}
a:hover{color:#fff}

/* Style the active class */
.active{color: #000}

/* Media Queries */
@media(max-width: 768px)
{
  .mw-header #branding, .mw-header ul, #mw-content-wrapper, #mw-sidebar
  {float:none; text-align:center; width:100%}
  .mw-header ul{margin-top: 0}
  .mw-header{height:100%}
  .mw-body-wrapper, .mw-footer{width:95%}
}

/* .mw-header, #mw-content-wrapper, #mw-sidebar, .mw-footer{background-color:#00141A} */