/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 1, ../sass/local.scss */
body {
  font-family: helvetica,verdana,arial;
  margin: 0 auto;
  text-align: center;
}

/* line 6, ../sass/local.scss */
hr {
  border: 1px solid #ccc;
  margin: 2em;
}

/* line 11, ../sass/local.scss */
#purestrike-logo {
  padding-left: 2em;
  padding-right: 2em;
  border: 0px;
}

/* line 16, ../sass/local.scss */
.small-button {
  text-align: center;
  border: 0px;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  padding: .6em;
  text-decoration: none;
  margin: .5em;
  font-size: 1em;
  font-weight: 100;
  letter-spacing: 0em;
}
/* line 28, ../sass/local.scss */
.small-button.orange {
  background-color: #f70;
}
/* line 31, ../sass/local.scss */
.small-button.blue {
  background-color: #119;
}

/* line 36, ../sass/local.scss */
input[type=submit],
.social-login,
.button {
  clear: both;
  text-align: center;
  border: 0px;
  display: inline-block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  padding: 1em;
  text-decoration: none;
  margin: .5em;
  font-size: 1em;
  font-weight: 100;
  letter-spacing: 0em;
}
/* line 53, ../sass/local.scss */
input[type=submit].square,
.social-login.square,
.button.square {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 56, ../sass/local.scss */
input[type=submit].blue,
.social-login.blue,
.button.blue {
  background-color: #119;
}
/* line 59, ../sass/local.scss */
input[type=submit].black,
.social-login.black,
.button.black {
  background-color: #000;
}
/* line 62, ../sass/local.scss */
input[type=submit].green,
.social-login.green,
.button.green {
  background-color: #191;
}
/* line 65, ../sass/local.scss */
input[type=submit].orange,
.social-login.orange,
.button.orange {
  background-color: #f70;
}
/* line 68, ../sass/local.scss */
input[type=submit].purple,
.social-login.purple,
.button.purple {
  background-color: #909;
}
/* line 71, ../sass/local.scss */
input[type=submit].brown,
.social-login.brown,
.button.brown {
  background-color: #940;
}
/* line 74, ../sass/local.scss */
input[type=submit].red,
.social-login.red,
.button.red {
  background-color: #900;
}

/* line 78, ../sass/local.scss */
.social-login {
  padding: .2em;
  padding-bottom: .8em;
}

/* line 83, ../sass/local.scss */
#login-container {
  position: relative;
  top: -30px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-size: .9em;
}
@media all and (min-width: 601px) {
  /* line 83, ../sass/local.scss */
  #login-container {
    padding: 1em;
  }
}
/* line 94, ../sass/local.scss */
#login-container .button {
  width: 13em;
}
/* line 97, ../sass/local.scss */
#login-container img {
  vertical-align: middle;
  height: 9em;
  margin-bottom: 2em;
}
/* line 102, ../sass/local.scss */
#login-container h1 {
  color: #fff;
  padding: 10px;
  font-size: 1.8em;
  text-align: center;
  font-weight: 300;
  display: inline-block;
  padding: .5em;
  padding-left: 1em;
  padding-right: 1em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #e73039;
  margin: 1em;
}
/* line 116, ../sass/local.scss */
#login-container p {
  margin: 1em;
}
@media all and (min-width: 601px) {
  /* line 116, ../sass/local.scss */
  #login-container p {
    margin: 2em;
  }
}
/* line 123, ../sass/local.scss */
#login-container .social-login {
  width: 8em;
}
/* line 126, ../sass/local.scss */
#login-container .social-login i {
  font-size: 2em;
  position: relative;
  top: .15em;
  margin-right: .2em;
}
/* line 134, ../sass/local.scss */
#login-container .linkedin {
  background-color: #007bb6;
}
/* line 139, ../sass/local.scss */
#login-container .facebook {
  background-color: #3b5998;
}
/* line 144, ../sass/local.scss */
#login-container .twitter {
  background-color: #33ccff;
}
/* line 149, ../sass/local.scss */
#login-container .google {
  background-color: #c63d2d;
}
/* line 153, ../sass/local.scss */
#login-container .windows {
  background-color: #0072c6;
}
/* line 155, ../sass/local.scss */
#login-container .windows i {
  top: .05em;
}
/* line 160, ../sass/local.scss */
#login-container .yahoo {
  background-color: #7b0099;
}
/* line 162, ../sass/local.scss */
#login-container .yahoo i {
  font-style: italic;
}
/* line 167, ../sass/local.scss */
#login-container .success {
  background-color: #191;
}
/* line 171, ../sass/local.scss */
#login-container form {
  border: 1px solid #aaa;
  padding: 1em;
  border-radius: 5px;
  margin: 0 auto;
  clear: both;
  margin: 0em;
  margin-top: 3em;
  display: inline-block;
  position: relative;
}
/* line 182, ../sass/local.scss */
#login-container form.error {
  border: 3px solid #f00;
  background-color: #fcc;
}
/* line 186, ../sass/local.scss */
#login-container form.error p {
  color: #f00;
}
@media all and (min-width: 601px) {
  /* line 171, ../sass/local.scss */
  #login-container form {
    margin: 3em;
  }
}
/* line 193, ../sass/local.scss */
#login-container form input[type=text],
#login-container form input[type=password],
#login-container form select {
  padding: .5em;
  margin: .3em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 202, ../sass/local.scss */
#login-container form p {
  font-weight: 800;
}

/* line 209, ../sass/local.scss */
#register-with-purestrike p {
  font-weight: 800;
  padding: 1em;
  margin-bottom: 0em;
}
@media all and (min-width: 601px) {
  /* line 209, ../sass/local.scss */
  #register-with-purestrike p {
    padding: 3em;
  }
}
/* line 217, ../sass/local.scss */
#register-with-purestrike a {
  border: 0px;
  display: inline-block;
  font-weight: 100;
  text-decoration: none;
  border-radius: 100px;
  background-color: #191;
  color: #fff;
  padding: 1em;
  margin: 1em;
  margin-top: 1em;
  letter-spacing: 0em;
}

/* line 232, ../sass/local.scss */
#purestrike-register-options {
  margin: 3em;
  margin-top: 0em;
}

/* line 236, ../sass/local.scss */
header {
  max-width: 1100px;
  margin: 0 auto;
}

@media all and (max-width: 600px) {
  /* line 241, ../sass/local.scss */
  header {
    text-align: center;
  }
}
/* line 247, ../sass/local.scss */
.my-courses,
.pending-user {
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #ddd;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  margin: 1em;
  padding: 1em;
}
/* line 256, ../sass/local.scss */
.my-courses .member-name,
.pending-user .member-name {
  font-weight: 800;
  font-size: 1.1em;
}
/* line 260, ../sass/local.scss */
.my-courses.hide,
.pending-user.hide {
  opacity: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}

/* line 267, ../sass/local.scss */
button:focus {
  outline: none;
}

/* line 271, ../sass/local.scss */
.form-label {
  display: inline-block;
  width: 15em;
  text-align: center;
  padding: 1em;
}
@media all and (min-width: 601px) {
  /* line 271, ../sass/local.scss */
  .form-label {
    text-align: right;
  }
}

/* line 283, ../sass/local.scss */
#register-form.hide {
  opacity: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 288, ../sass/local.scss */
#register-form input[type=text] {
  width: 16em;
}
/* line 291, ../sass/local.scss */
#register-form select {
  width: 17em;
}

/* line 297, ../sass/local.scss */
#login-form .button {
  width: 10em;
}
/* line 300, ../sass/local.scss */
#login-form input {
  min-width: 8em;
}
/* line 303, ../sass/local.scss */
#login-form .form-label {
  width: 6em;
}
@media all and (min-width: 601px) {
  /* line 303, ../sass/local.scss */
  #login-form .form-label {
    text-align: right;
  }
}

/* line 310, ../sass/local.scss */
.form-object {
  padding: 1em;
  font-size: 1.2em;
}
/* line 313, ../sass/local.scss */
.form-object.hide {
  display: none;
}

/* line 317, ../sass/local.scss */
input,
select {
  padding: 1em;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 325, ../sass/local.scss */
h2 {
  margin: 1em;
  font-size: 1.5em;
  font-weight: 800;
}

/* line 330, ../sass/local.scss */
.black-link {
  color: #000;
  text-decoration: none;
}

/* line 336, ../sass/local.scss */
#add-courses select,
#request-game select {
  width: 14em;
  height: 3em;
}

/* line 344, ../sass/local.scss */
#member-search-results .hide {
  display: none;
}
/* line 348, ../sass/local.scss */
#member-search-results .input-area {
  position: absolute;
  z-index: 2;
  width: 0%;
  overflow: hidden;
  margin-top: .5em;
}
@media all and (min-width: 601px) {
  /* line 348, ../sass/local.scss */
  #member-search-results .input-area {
    margin-left: -1em;
    margin-top: -.6em;
  }
}
/* line 359, ../sass/local.scss */
#member-search-results .input-area input {
  padding: 2em;
  height: 2em;
  font-size: 1.2em;
  width: 15em;
}
@media all and (min-width: 601px) {
  /* line 359, ../sass/local.scss */
  #member-search-results .input-area input {
    margin-left: 1em;
    width: 20em;
  }
}
/* line 370, ../sass/local.scss */
#member-search-results .input-area.show {
  width: 90%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
@media all and (min-width: 601px) {
  /* line 370, ../sass/local.scss */
  #member-search-results .input-area.show {
    width: 65%;
  }
}
/* line 380, ../sass/local.scss */
#member-search-results .orange {
  margin-top: 7em;
}
@media all and (min-width: 601px) {
  /* line 380, ../sass/local.scss */
  #member-search-results .orange {
    margin-top: .6em;
    margin-left: 1em;
  }
}
/* line 387, ../sass/local.scss */
#member-search-results .player-name {
  min-height: 2em;
  margin: .2em;
  background: #ddd;
  padding: .2em;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 388, ../sass/local.scss */
#member-search-results .player-name p {
  padding-left: 1em;
}
/* line 396, ../sass/local.scss */
#member-search-results .player-name h2 {
  margin: 0em;
}
@media all and (min-width: 601px) {
  /* line 387, ../sass/local.scss */
  #member-search-results .player-name {
    marging: 1em;
    padding: 1em;
    text-align: left;
  }
}
/* line 408, ../sass/local.scss */
#member-search-results .button {
  font-size: .8em;
  width: auto;
}
/* line 412, ../sass/local.scss */
#member-search-results p {
  margin: 0em;
  text-align: left;
  display: inline-block;
  font-size: 1em;
  padding-top: .4em;
}
@media all and (min-width: 601px) {
  /* line 412, ../sass/local.scss */
  #member-search-results p {
    font-size: 1.6em;
  }
}

/* line 423, ../sass/local.scss */
#first-letter-search {
  margin-top: 2em;
  max-width: 700px;
  margin: 0 auto;
}
/* line 427, ../sass/local.scss */
#first-letter-search .letter {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin: .1em;
  padding: .6em;
  font-size: 1.5em;
  font-weight: 800;
  background-color: #000;
  color: #3f3;
  cursor: pointer;
}
/* line 439, ../sass/local.scss */
#first-letter-search .letter.dimmed {
  cursor: auto;
  color: #383;
}

/* line 445, ../sass/local.scss */
#user-search-loading {
  margin: 2em;
}
/* line 447, ../sass/local.scss */
#user-search-loading.hide {
  display: none;
}

/* line 451, ../sass/local.scss */
#user-search-results {
  margin: 1em;
  margin-top: 2em;
}
/* line 454, ../sass/local.scss */
#user-search-results .user-record {
  background-color: #ddd;
  margin: .5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 800;
  font-size: 1.2em;
  padding: 1em;
  display: block;
  cursor: pointer;
}

/* line 466, ../sass/local.scss */
#user-edit-form.hide {
  display: none;
}

/* line 470, ../sass/local.scss */
.loading {
  background-color: #fff;
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  background-image: url("/img/loading_spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  letter-spacing: -10em;
}

/* line 1, ../sass/logo.scss */
.logo {
  margin-top: 1em;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 3.1em;
  font-family: "trebuchet ms";
  font-weight: 800;
  line-height: .8em;
  position: relative;
  text-decoration: none;
  z-index: 1000;
}
@media all and (min-width: 601px) {
  /* line 1, ../sass/logo.scss */
  .logo {
    color: #000;
  }
}

/* line 10, ../sass/_logo.scss */
/* line 18, ../sass/logo.scss */
.logo.white {
  color: #fff;
}

/* line 13, ../sass/_logo.scss */
/* line 22, ../sass/logo.scss */
.logo .logo-digital {
  position: relative;
}

/* line 17, ../sass/_logo.scss */
/* line 26, ../sass/logo.scss */
.logo .strap-line {
  font-family: "Lucida Console",monospace,monospace,courier;
  font-size: .43em;
  padding-top: .1em;
}

/* line 23, ../sass/_logo.scss */
/* line 32, ../sass/logo.scss */
.logo .colon {
  position: absolute;
  display: block;
  vertical-align: top;
  font-size: .4em;
  left: 5.7em;
  top: 8.1em;
  color: #b0b;
  height: 0px;
  overflow: visible;
  font-family: arial;
}

/* line 34, ../sass/_logo.scss */
/* line 45, ../sass/logo.scss */
.logo .colon .top {
  position: absolute;
  left: .1em;
}

/* line 38, ../sass/_logo.scss */
/* line 50, ../sass/logo.scss */
.logo .colon .bottom {
  position: absolute;
  left: .1em;
  top: .8em;
}

/* line 56, ../sass/logo.scss */
#login-container h1.logo-201 {
  font-size: .6em;
}

/* line 59, ../sass/logo.scss */
#logo {
  clear: both;
  display: block;
  margin: 0 auto;
  font-size: .8em;
  background-color: #000;
  position: relative;
  top: 3.1em;
}
@media all and (min-width: 601px) {
  /* line 59, ../sass/logo.scss */
  #logo {
    background-color: #ddd;
  }
}

/* line 72, ../sass/logo.scss */
h1.logo-201 {
  color: #fff;
  margin-bottom: 3em;
  margin-top: 3em;
  padding: 10px;
  text-align: center;
  font-weight: 300;
  display: inline-block;
  padding: .5em;
  padding-left: 1em;
  padding-right: 1em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em;
  background-color: #e73039;
  font-size: .4em;
  margin-bottom: 2.5em;
}
@media all and (min-width: 601px) {
  /* line 72, ../sass/logo.scss */
  h1.logo-201 {
    color: #000;
  }
}

/* line 91, ../sass/logo.scss */
p.footer-text {
  margin: 3em;
  color: #fff;
}
@media all and (min-width: 601px) {
  /* line 91, ../sass/logo.scss */
  p.footer-text {
    color: #000;
  }
}

/* line 99, ../sass/logo.scss */
a.footer-link {
  color: #fff;
}
@media all and (min-width: 601px) {
  /* line 99, ../sass/logo.scss */
  a.footer-link {
    color: #000;
  }
}