/* Heading styles */
h1 {
  color: #FD7C13;
  font-size: 26px;
  font-weight: normal;
  line-height: 26px;
  padding-bottom: 10px;
}
h2 {
  color: #696969;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
}
h2 strong {
  color: #FD7C13;
  font-weight: normal;
}
h3 {
  color: #696969;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
}
h3 strong {
  color: #FD7C13;
  font-weight: normal;
}
h4 {
  color: #696969;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
}
h4 strong {
  color: #FD7C13;
  font-weight: normal;
}
/* Link styles */
a,  a:link {
  color: #FD7C13;
  text-decoration: none;
}
a:visited {
  color: #FD7C13;
  text-decoration: none;
}
a:hover {
  color: #FD7C13;
  text-decoration: underline;
}
a:focus {
  color: #FD7C13;
}
a:active {
  color: #FD7C13;
}

/* Background and font */
body {
  background-color: #E3A65D;
  background-image: url(/static/Core_Background.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

/* Heading logo */
.header {
  background-color: #ffffff;
  background-image: url("");
  background-position: center left;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 25px;
}

.heading-content{
    font-size: 0.8em;
    padding: 0 10px 5px 10px;
}

/* Logo has minimal padding at mobile size */
div.logo{
    background: white;
    margin-bottom: 10px;
    text-align:left
}
.logo img {
  padding: 15px 0;
}
/* ..and more padding at larger sizes*/
@media only screen and (min-width: 40em) {
  .logo img {
    padding: 50px 0;
  }
}


/* Navigation styling */
.navigation h1, .navigation h1 a, .navigation h1 a:link {
  color: #FD7C13;
  font-size: 15px;
  padding-bottom: 5px;
  text-transform: lowercase;
}
.navigation h1 a:hover {
  color: #FD7C13;
  text-decoration: none;
}
.navigation h2, .navigation h2 a, .navigation h2 a:link {
  color: #696969;
  font-size: 15px;
  padding-bottom: 5px;
  text-transform: lowercase;
}
.navigation h2 a:hover {
  color: #000000;
  text-decoration: none;
}

/* Bullet-list style blocks next to each link */
.navigation h2 a {
 display: block;
 border-left: 4px solid rgb(230, 230, 230);
 padding-left: 4px;
}
/* ..and highlight active link */
.navigation h1 a {
 display: block;
 border-left: 4px solid rgb(230, 150, 120);
 padding-left: 4px;
}

/* Style for main content blocks */
.navigation, .content, .sidebar{
  background: white;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 0.9em;
}


.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6
{
  color: #FD7C13;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  padding-bottom: 0px;

}


/* Collapsable menu for mobile */

@media screen and (min-width: 651px){
  /* Hide "menu" button on large displays */
  .navbar-checkbox{
    display:none;
  }
  .navbar-handle{
    display:none;
  }
}
@media screen and (max-width: 650px){
  /* On small screens, clicking menu checkbox displays navigation links */
  .menu {
      display: none;
  }
  .navbar-checkbox:checked + .menu{
      display:block;
  }
  .navbar-handle{
      display: block;
      cursor: pointer; cursor: hand;
  }
  .navbar-checkbox{
      display:none;
  }


  .navigation{
      background: none;
      padding: 5px 0 5px 0;
  }
  nav.menu{
      /*border: 10px solid white;*/
      border: 0;
      border-radius: 0 0 3px 3px;
      background: white;
      background-image: linear-gradient(to bottom, rgb(220, 220, 220) -10px, rgb(255, 255, 255) 20px);
      padding: 2px 10px;
      margin: 0 5px;
  }
}

/* Mobile navigation menu items */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.navbar-handle{
    padding: 6px;
    font-size: 17px;
    color: rgb(70, 70, 70);
    border-bottom: 1px solid rgb(220, 220, 220);
    border-top: 1px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220);
    border-left: 1px solid rgb(220, 220, 220);
    border-radius: 3px;
    padding-left: 10px;
    background: white;
}

.menu-button {
	display:block;
	right:3px;
	top:7px;
	width:30px;
    height: 100%;
	padding:0px 5px 0px 5px;
	border-left:1px solid rgb(200, 200, 200);
    margin: 2px 0 2px 0;
	border-radius:3px;
	/*background: white;*/
    background: linear-gradient(top, rgb(242,242,242) 0%, rgb(224,224,224) 59%, rgb(204,204,204) 100%);

    float: right;
}

.menu-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background: rgb(70, 70, 70);
	width:18px;
}

.menu-button div {
    display: block;
}


.navigation img, .content img, .sidebar img{
    height: auto !important;
}