tadyjp/rendezvous

@import 'modules/settings';

// .panel {
//   border: 1px solid $theme-color-main;
//   .panel-heading {
//     background-color: $theme-color-main;
//     color: #fff;
//   }
//   .panel-body {
//     .list-group-item {
//       &:hover {
//         @include transition;
//       }
//     }
//   }
// }

// .flow-wrapper {
//   margin-top: 40px;
//   h1 {
//     img {
//       height: 18px;
//       margin-right: 10px;
//       position: relative;
//       bottom: 2px;
//     }
//     font-size: 20px;
//     small {
//       color: #f6f6f6;
//     }
//   }
//   h4 {
//     color: #333!important;
//   }
//   .posted-name {
//     color: $theme-color-main;
//     font-size: 12px;
//   }

//   .numbers-wrapper {
//     height: 150px;
//     text-align: center;
//     font-family: 'Quicksand';
//     .large {
//       font-size: 3em;
//       font-weight: 300;
//       color: #ec0160;
//     }
//     label {
//       border-top: 5px solid #ec0160;
//       font-weight: 500;
//     }
//   }
// }

.numbers-wrapper {
  height: 120px;
  text-align: center;
  font-family: $text-deco-font;
  color: $theme-color-dark;

  .large {
    font-size: 3em;
    font-weight: 300;
    color: $theme-key-color;
  }

  label {
    border-top: 5px solid $theme-key-color;
    font-weight: 500;
  }
}

// .label-date {
//   background-color: #aaa;
//   padding-top: 3px;
//   font-family: 'Quicksand';
// }

// .label-tag {
//   // background-color: #e67e22;
//   padding-top: 4px;
//   // font-weight: 300;
//   background-color: transparent;
//   color: #75b3c8;
//   border: 1.5px solid #75b3c8;
//   padding: 4px 6px;
//   @include border_radius(20px);
// }

// .post-show-wrapper {
//   margin-top: 40px;
// }

// .watch-btn {
//   height: 36px;
// }

// .btn-watched {
//   background-color: $theme-color-main;
//   color: #fff;
//   border: 2px solid $theme-color-main;
// }


.panel-comment {
  .media-body {
    width: 100%;
  }
  textarea {
    // border: 1px solid #f6f6f6;
    // margin: 10px 0;
    // padding: 10px 15px;
    // line-height: 1.428571429;
    // vertical-align: middle;
    border: 1px solid #dce4ec;
    // -webkit-border-radius: 4px;
    // -moz-border-radius: 4px;
    // -o-border-radius: 4px;
    // border-radius: 4px;
    // -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    // box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    // -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    // transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    &:focus {
      border: 1px solid $theme-color-main;
      box-shadow: 0px 0px 0px $theme-color-main;
      background-color: #f8f8f8;
    }
  }
  .media {
    border-bottom: 1px dashed #ccc;
    &:last-child {
      border-bottom: none;
    }
  }
  .btn-comment {
    background-color: transparent;
    color: $theme-color-main;
    border: 1px solid $theme-color-main;
    &:hover, &:focus {
      color: #fff;
      background-color: $theme-color-main;
      @include transition;
    }
  }
}

// .panel-default {
//   .panel-heading {
//     background-color: $theme-color-main;
//     color: #fff;
//     background-image: none;
//   }
// }

// .btn {
//   background-color: transparent;
//   background-image: none;
//   color: $theme-color-main;
//   border: 1px solid $theme-color-main;
//   &:hover {
//     color: #fff;
//     background-color: $theme-color-main;
//     @include transition;
//     border: 1px solid $theme-color-main;
//   }
//   &:focus {
//     background-color: #f8f8f8;
//     @include transition;
//     box-shadow: 0px 0px 0px $theme-color-main;
//   }
// }

// .fc-event-inner {
//   padding: 5px;
//   span {
//     width: 85px;
//   }
//   &:HOVER {
//     background-color: #f8f8f8;
//     @include transition;
//   }
// }