/* Evennia CSS styles for the game website */


/* Old site styles, left in just in case.
   Shouldn't break anything! */
@media (max-width: 570px) {
    .oneThird {
        width: 100%;
        border-left: none;
    }

    .quarter {
        width: 100%;
        border-left: none;
    }

    .headerTitle {
        text-align: right;
    }

    .headerSubTitle {
        text-align: right;
    }

    .headerLinks {
        position: static;
    }
}

/* If you for some reason need to override the default sizing model,
   for instance, if you're using a Google Maps widget, you may need
   to use the following code, see:
   http://v4-alpha.getbootstrap.com/getting-started/introduction/#box-sizing */
/*
.selector-for-some-widget {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height plus padding against main content*/
  margin-bottom: 92px;
  background-color: #333;
}

.navbar-brand-logo {
    height: 64px;
    width: 64px;
}

/* Default Colors */

.navbar {
  background-color: #445555;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #663333;
}


/* Fancy play - button */

a.playbutton {
	box-shadow: 0px 1px 10px 5px #f2947	f;
	background:linear-gradient(to bottom, #c27258 5%, #9e4e27 100%);
	background-color:#c27258;
	border-radius:12px;
	border:1px solid #96402e;
	display:inline-block;
	cursor:pointer;
	color:#eeeeee;
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size:19px;
	padding:14px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #663928;
}
a.playbutton:hover {
	background:linear-gradient(to bottom, #9e4e27 5%, #c27258 100%);
	background-color:#9e4e27;
}
a.playbutton:active {
	position:relative;
	top:1px;
}


/* "Silent Heaven" in the upper left corner. */

.media-body {
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color:#eee;
}


/* Main content. */

.card-body {
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	background-color:#222;
	color:#eee;
}

.card-header {
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	background-color:#333;
	color:#eee;
}

.list-group-item {
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	background-color:#222;
	color:#eee;
}

/* links */

a {
      font-family: Quicksand,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color:#aaa;
	font-weight: bold;
	text-decoration: none;
}

.form-control {
      color:#bbb;
      background-color:#111;
}

.form-control:focus {
      color:#bbb;
      background-color:#111;
}

.text-muted {
    color: #aaa!important;
}