html {
  background-attachment: fixed;
  background-position: center; }

#return-home {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  background: url(../img/Karate_logo_for_white_bg_new.svg) no-repeat center;
  background-size: 90%;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  height: 116px; }
  #return-home a {
    display: block; }

.post a,
.post a:hover {
  color: inherit; }

#return-home:hover {
  height: 116px; }

.square {
  width: 20px;
  height: 20px; }

.square-md {
  width: 35px;
  height: 35px; }

.square-lg {
  width: 50px;
  height: 50px; }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.crop-container {
  width: 100%;
  height: 400px; }

.b-gray {
  border-color: #bbb; }

.bg-smooth {
  background: #e7ecef; }

.m-r-half {
  margin-right: 20%; }

.m-l-half {
  margin-left: 20%; }

/* Border colors for ninjas */
.b-ninja {
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }

.arrow.right.arrow-primary-lter:after {
  border-left-color: #2ca5f1; }

#messages .panel-body {
  max-height: 600px; }

.list-group.no-padding .list-group-item {
  padding-top: 0;
  padding-bottom: 5px; }

.buttons {
  float: left;
  padding-left: 15px;
  padding-top: 8px; }

#post-popup {
  min-height: 600px; }

#post-form {
  height: 330px; }
  #post-form .upload {
    position: relative; }
    #post-form .upload .icon {
      font-size: 80px; }
    #post-form .upload span {
      font-size: 20px;
      text-transform: uppercase; }
    #post-form .upload #preview {
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      z-index: 4;
      background: #fafafa; }
      #post-form .upload #preview .image {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      #post-form .upload #preview .close {
        z-index: 5;
        color: #fff;
        width: 27px;
        height: 27px;
        background: #809195;
        right: 15px;
        text-align: center;
        top: 15px; }
    #post-form .upload input {
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      cursor: pointer;
      z-index: 3;
      min-width: 100%;
      min-height: 100%;
      display: block; }
  #post-form .content h2 {
    color: #02242b;
    font-weight: 600;
    outline: none;
    margin-bottom: 15px; }
  #post-form .content .placeholder {
    color: rgba(2, 36, 43, 0.5); }
  #post-form .content p {
    min-height: 177px;
    max-height: 177px;
    border: 1px dashed #ccc;
    font-size: 22px;
    padding: 10px;
    font-weight: 300;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: pre-wrap; }

/* Calendar */
#calendar {
  text-align: center; }
  #calendar table {
    width: 100%; }
    #calendar table thead tr td {
      color: #fff;
      background: #4fb649;
      padding: 8px 0;
      font-size: 24px;
      font-weight: 300; }
    #calendar table tbody tr td {
      height: 45px;
      border: 1px solid #ccc;
      font-size: 18px;
      color: #000; }
    #calendar table tbody tr td.adjacent-month {
      background: #ececec;
      color: #ddd; }
    #calendar table tbody tr td.event {
      position: relative; }
    #calendar table tbody tr td.event:not(.adjacent-month) div {
      background: #6ec169;
      color: #fff;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      margin: -1px;
      line-height: 44px; }
    #calendar table tbody tr:first-of-type td {
      border-top: 0; }
  #calendar .clndr-controls {
    background: #6ec169;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    height: 40px;
    line-height: 40px; }
    #calendar .clndr-controls .clndr-control-button {
      position: absolute;
      top: 0;
      font-size: 30px;
      cursor: pointer;
      left: 10px;
      height: 40px; }
      #calendar .clndr-controls .clndr-control-button span {
        line-height: 36px;
        height: 40px;
        display: block; }
      #calendar .clndr-controls .clndr-control-button .inactive {
        opacity: .5;
        cursor: default; }
    #calendar .clndr-controls .clndr-control-button.rightalign {
      right: 10px;
      left: auto; }

input.comment-vote ~ .comment-up,
input.comment-vote ~ .comment-down,
input.comment-vote:checked ~ .comment-o-down,
input.comment-vote:checked ~ .comment-o-up {
  display: none; }

input.comment-vote:checked ~ .comment-up,
input.comment-vote:checked ~ .comment-down,
input.comment-vote ~ .comment-o-up,
input.comment-vote ~ .comment-o-down {
  display: block; }

#popup {
  position: relative; }
  #popup .mfp-close {
    position: absolute;
    right: 15px;
    font-size: 20px;
    top: 0;
    width: 24px;
    height: 24px;
    background: 0;
    border: 0; }

#load-comments {
  padding-top: 12px; }

.row-xs {
  margin-left: -5px;
  margin-right: -5px; }

#messager-sidebar .list-group-item {
  border-radius: 0;
  cursor: pointer;
  -webkit-transition-duration: .2s;
  transition-duration: .2s; }
#messager-sidebar .list-group-item:hover {
  background: #ddd; }
#messager-sidebar .current, #messager-sidebar .current:hover {
  background: #f1f1f1;
  border-right: 3px solid #2ca5f1; }
#messager-sidebar .trash {
  position: absolute;
  top: 12px;
  right: 12px; }

.group-icon {
  padding-bottom: 100%;
  border-radius: 50%;
  width: 100%;
  position: relative; }
  .group-icon span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    bottom: 0;
    line-height: 40px;
    color: #fff; }

.no-animate {
  -webkit-transition-duration: 0;
  transition-duration: 0; }

.item .video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.rating-radios {
  float: left; }
  .rating-radios label {
    float: right;
    margin-left: 2px; }
  .rating-radios input:checked ~ label, .rating-radios:not(:checked) > label:hover, .rating-radios:not(:checked) > label:hover ~ label {
    color: #f6c252; }

.banner {
  overflow: hidden;
  display: block;
  font-size: 0; }

.classified-map-canvas {
  height: 250px; }

.in-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0; }

.in-right-top {
  position: absolute;
  right: 0;
  top: 0; }

#posts .post-wrapper {
  padding-bottom: 45px; }

.coach-img {
  display: block;
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.avatar .avatar-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  color: #fff; }
  .avatar .avatar-overlay.avatar-hover {
    opacity: 0; }
    .avatar .avatar-overlay.avatar-hover:hover {
      opacity: 1; }

ul.player-tabs a {
  padding: 8px; }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

.news-single .wrapper p.text-md {
  max-width: 650px; }

@media (max-width: 1200px) {
  .invite-friends .col-md-5, .invite-friends .col-md-2 {
    width: 100%; } }
@media (min-width: 767px) {
  .search-collapse {
    display: none !important; } }
/* RESPONSIVE */
@media (max-width: 991px) {
  #post-form .col {
    display: block;
    height: auto;
    width: 100%; }
    #post-form .col.upload {
      padding: 15px 0; }

  #posts .post .col {
    display: block;
    height: auto;
    width: 100%; }

  #post-popup {
    min-height: 0; }

  .min-300 {
    min-height: 300px; }

  .min-200 {
    min-height: 200px; }

  .no-padder-sm {
    padding: 0; } }
@media (max-width: 767px) {
  #return-home {
    height: 56px; } }

/*# sourceMappingURL=app.css.map */