.dimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 6000001; }

.modal-block {
  background: #FFF;
  width: 320px;
  top: 20px;
  position: fixed;
  left: calc(50% - 160px);
  z-index: 50000001;
  -webkit-box-shadow: 0 0 10px #bbb;
          box-shadow: 0 0 10px #bbb;
  border-radius: 5px; }
  @media (min-width: 640px) {
    .modal-block {
      left: calc(50% - 185px);
      top: 100px;
      width: 400px; } }
  @media (min-width: 900px) {
    .modal-block {
      width: 600px;
      left: calc(50% - 300px);
      top: calc(30% - 100px); } }
  @media (min-width: 1130px) {
    .modal-block {
      width: 800px;
      left: calc(45% - 300px);
      top: calc(30% - 100px); } }
  .modal-block .close-button {
    color: #999;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px; }
    .modal-block .close-button:hover {
      cursor: pointer; }
  .modal-block input {
    width: 100%; }

.action-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  font-family: 'proxima-nova', Arial, sans-serif;
  cursor: pointer; }
  .action-button:disabled {
    cursor: not-allowed;
    opacity: .8; }
  .action-button:hover {
    opacity: .8; }

.confirm-modal {
  border-radius: 5px;
  padding: 30px; }
  .confirm-modal h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    border-bottom: solid 1px #DDD; }
  .confirm-modal .confirm-modal-input {
    height: 45px;
    padding: 0 10px;
    font-size: 14px;
    margin-bottom: 15px;
    outline: none; }
  .confirm-modal .confirm-buttons {
    text-align: right; }
    .confirm-modal .confirm-buttons .action-button {
      padding: 10px 15px;
      font-size: 16px;
      background-color: #7E929F;
      color: #FFF;
      text-transform: uppercase;
      border-radius: 3px; }
    .confirm-modal .confirm-buttons .action-button:last-of-type {
      margin-left: 15px; }

.layout.dark-mode {
  background-color: #171616; }
  .layout.dark-mode ~ .main-site-footer {
    background-color: #171616;
    border-top: solid 1px #3F4042; }
  .layout.dark-mode ~ .post-block {
    background-color: #171616; }
    .layout.dark-mode ~ .post-block .post-block-header {
      background-color: #171616;
      border-bottom: 0; }
      @media (min-width: 900px) {
        .layout.dark-mode ~ .post-block .post-block-header {
          background-color: #2C2929; } }
      .layout.dark-mode ~ .post-block .post-block-header h1 {
        color: #FFF; }
    .layout.dark-mode ~ .post-block .wrapper {
      background-color: #171616; }
      .layout.dark-mode ~ .post-block .wrapper .counter-block {
        border-bottom: solid 1px #3F4042; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .wrapper .counter-block {
            border-bottom: 0; } }
        .layout.dark-mode ~ .post-block .wrapper .counter-block::before {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .wrapper .counter-block input {
          background-color: #171616;
          color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .counter-block input::-webkit-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .counter-block input::-moz-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .counter-block input:-ms-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .counter-block input::-ms-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .counter-block input::placeholder {
            color: #FFF; }
          @media (min-width: 900px) {
            .layout.dark-mode ~ .post-block .wrapper .counter-block input {
              border: solid 1px #3F4042; } }
      .layout.dark-mode ~ .post-block .wrapper .toolbar {
        background-color: #2C2929;
        border: solid 1px #3F4042; }
        .layout.dark-mode ~ .post-block .wrapper .toolbar button {
          color: #999; }
          .layout.dark-mode ~ .post-block .wrapper .toolbar button.active {
            color: #FFF; }
        .layout.dark-mode ~ .post-block .wrapper .toolbar .seperator {
          border-left: solid 1px #3F4042; }
      .layout.dark-mode ~ .post-block .wrapper .textarea {
        background-color: #171616;
        color: #FFF; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .wrapper .textarea {
            border: solid 1px #3F4042; } }
        .layout.dark-mode ~ .post-block .wrapper .textarea p, .layout.dark-mode ~ .post-block .wrapper .textarea span, .layout.dark-mode ~ .post-block .wrapper .textarea li, .layout.dark-mode ~ .post-block .wrapper .textarea .mention {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .wrapper .textarea u {
          color: #FFF;
          -webkit-text-decoration-color: #FFF;
                  text-decoration-color: #FFF; }
      .layout.dark-mode ~ .post-block .wrapper .user-quote {
        background-color: #2C2929; }
      .layout.dark-mode ~ .post-block .wrapper .post-button-block button {
        background-color: #171616; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .wrapper .post-button-block button {
            background-color: transparent; } }
      .layout.dark-mode ~ .post-block .wrapper .options-block {
        border-top: solid 1px #3F4042; }
        .layout.dark-mode ~ .post-block .wrapper .options-block .addons > button.selected {
          background-color: #3F4042; }
        .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal {
          background-color: #171616; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal header {
            background-color: #171616;
            border-bottom: solid 1px #3F4042; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .type-list {
            background-color: #201D1D; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .type-list button {
              color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .pagination-list {
            background-color: #2C2929; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .pagination-list button {
              color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input {
            background-color: #171616;
            border: solid 1px #3F4042;
            color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input::-webkit-input-placeholder {
              color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input::-moz-placeholder {
              color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input:-ms-input-placeholder {
              color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input::-ms-input-placeholder {
              color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .giphy-header input::placeholder {
              color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .upload-block {
            background-color: #2C2929; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .upload-block span {
              color: #FFF; }
            .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .upload-block input[type="text"] {
              background-color: #171616;
              border: solid 1px #3F4042;
              color: #FFF; }
          .layout.dark-mode ~ .post-block .wrapper .options-block .post-form-modal .load-more button {
            color: #FFF; }
      .layout.dark-mode ~ .post-block .wrapper .channels {
        background-color: #171616;
        border: solid 1px #3F4042; }
        .layout.dark-mode ~ .post-block .wrapper .channels > span {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .wrapper .channels .tag-wrapper {
          color: #FFF;
          background-color: #3F4042; }
        .layout.dark-mode ~ .post-block .wrapper .channels .ReactTags__tagInputField {
          color: #FFF;
          background-color: #171616; }
    .layout.dark-mode ~ .post-block .poll-modal {
      background-color: #171616;
      border: solid 1px #3F4042; }
      @media (min-width: 900px) {
        .layout.dark-mode ~ .post-block .poll-modal .poll-header {
          background-color: #2C2929;
          border-bottom: solid 1px #3F4042; } }
      .layout.dark-mode ~ .post-block .poll-modal h3, .layout.dark-mode ~ .post-block .poll-modal h4, .layout.dark-mode ~ .post-block .poll-modal span,
      .layout.dark-mode ~ .post-block .poll-modal h4::before,
      .layout.dark-mode ~ .post-block .poll-modal h4::after,
      .layout.dark-mode ~ .post-block .poll-modal .add-option,
      .layout.dark-mode ~ .post-block .poll-modal .datepicker .react-datepicker__input-container > input {
        color: #DDD; }
      .layout.dark-mode ~ .post-block .poll-modal .counter-block {
        border-bottom: solid 1px #3F4042; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .poll-modal .counter-block {
            border-bottom: 0; } }
        .layout.dark-mode ~ .post-block .poll-modal .counter-block::before {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .poll-modal .counter-block input {
          background-color: #171616;
          color: #FFF; }
          .layout.dark-mode ~ .post-block .poll-modal .counter-block input::-webkit-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .poll-modal .counter-block input::-moz-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .poll-modal .counter-block input:-ms-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .poll-modal .counter-block input::-ms-input-placeholder {
            color: #FFF; }
          .layout.dark-mode ~ .post-block .poll-modal .counter-block input::placeholder {
            color: #FFF; }
          @media (min-width: 900px) {
            .layout.dark-mode ~ .post-block .poll-modal .counter-block input {
              border: solid 1px #3F4042; } }
      .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input {
        background-color: #171616;
        color: #DDD; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input {
            border: solid 1px #3F4042; } }
        .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input::-webkit-input-placeholder {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input::-moz-placeholder {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input:-ms-input-placeholder {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input::-ms-input-placeholder {
          color: #FFF; }
        .layout.dark-mode ~ .post-block .poll-modal .poll-options-list input::placeholder {
          color: #FFF; }
      .layout.dark-mode ~ .post-block .poll-modal .save-poll-button {
        background-color: #171616; }
        @media (min-width: 900px) {
          .layout.dark-mode ~ .post-block .poll-modal .save-poll-button {
            background-color: transparent; } }
  .layout.dark-mode .board-header.lobby h1 {
    color: #FFF; }
  .layout.dark-mode .boards-list {
    background-color: #171616; }
    .layout.dark-mode .boards-list .board-item {
      background-color: #201D1D;
      padding-left: 15px; }
      .layout.dark-mode .boards-list .board-item .board-name {
        color: #FFF; }
  .layout.dark-mode .board-legend {
    background-color: #201D1D; }
    .layout.dark-mode .board-legend .def {
      color: #FFF; }
  .layout.dark-mode .card {
    background-color: #201D1D; }
    .layout.dark-mode .card .text h2, .layout.dark-mode .card .title {
      color: #FFF; }
  .layout.dark-mode .content-wpr strong {
    color: #FFF; }
    .layout.dark-mode .content-wpr strong span, .layout.dark-mode .content-wpr strong em {
      color: #FFF; }
  .layout.dark-mode .content-wpr span, .layout.dark-mode .content-wpr em, .layout.dark-mode .content-wpr i {
    color: #FFF; }
  .layout.dark-mode .content-wpr .board-post {
    color: #FFF; }
    .layout.dark-mode .content-wpr .board-post p, .layout.dark-mode .content-wpr .board-post b, .layout.dark-mode .content-wpr .board-post u, .layout.dark-mode .content-wpr .board-post li, .layout.dark-mode .content-wpr .board-post div {
      color: #FFF; }
      .layout.dark-mode .content-wpr .board-post p em, .layout.dark-mode .content-wpr .board-post b em, .layout.dark-mode .content-wpr .board-post u em, .layout.dark-mode .content-wpr .board-post li em, .layout.dark-mode .content-wpr .board-post div em {
        color: #FFF; }
  .layout.dark-mode .content-wpr blockquote {
    color: #FFF;
    background-color: #3F4042;
    border: 0; }
    .layout.dark-mode .content-wpr blockquote:not(.twitter-tweet) p, .layout.dark-mode .content-wpr blockquote:not(.twitter-tweet) span {
      color: #FFF; }
  .layout.dark-mode .error-msg {
    background-color: #2C2929; }
    .layout.dark-mode .error-msg .message b {
      color: #FFF; }
      .layout.dark-mode .error-msg .message b:last-of-type {
        background-color: #2C2929; }
    .layout.dark-mode .error-msg p {
      color: #FFF; }
  .layout.dark-mode .post-votes-header h1, .layout.dark-mode .post-votes-header a {
    color: #FFF; }
  .layout.dark-mode .post-vote header, .layout.dark-mode .post-vote h1, .layout.dark-mode .post-vote a {
    color: #FFF; }
  .layout.dark-mode .quick-reply {
    background-color: #201D1D; }
    .layout.dark-mode .quick-reply textarea {
      background-color: #171616;
      color: #FFF; }
  .layout.dark-mode .replies-list {
    background-color: #171616;
    border-top: solid 1px #3F4042;
    border-bottom: solid 1px #3F4042; }
    .layout.dark-mode .replies-list .discussion-divide {
      background-color: #171616;
      padding-bottom: 0; }
    .layout.dark-mode .replies-list .replies-item {
      background-color: #2C2929; }
      .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr h1, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr h2, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr h3, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr p, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr b, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr li, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr td, .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr strong {
        color: #FFF; }
      .layout.dark-mode .replies-list .replies-item.headline-content .content-wpr blockquote {
        background-color: #3F4042;
        color: #FFF; }
      .layout.dark-mode .replies-list .replies-item.topic-post {
        border-bottom: solid 1px #3F4042; }
  .layout.dark-mode .sidebar {
    background-color: #171616; }
    .layout.dark-mode .sidebar header {
      border-bottom: solid 1px #3F4042; }
      .layout.dark-mode .sidebar header h1 {
        color: #FFF; }
  .layout.dark-mode .story-card {
    background-color: #3F4042; }
    .layout.dark-mode .story-card p {
      color: #FFF; }
  .layout.dark-mode .thread {
    background-color: #171616; }
  .layout.dark-mode .tool-bar {
    background-color: #201D1D; }
    .layout.dark-mode .tool-bar .boards {
      background-color: #201D1D;
      border-top: solid 1px #3F4042;
      border-bottom: solid 1px #3F4042; }
      @media (min-width: 640px) {
        .layout.dark-mode .tool-bar .boards {
          border: 0; } }
      .layout.dark-mode .tool-bar .boards .back {
        border: solid 1px #3F4042; }
        @media (min-width: 640px) {
          .layout.dark-mode .tool-bar .boards .back:hover {
            background-color: #2C2929; } }
      .layout.dark-mode .tool-bar .boards .gear {
        background-color: #2C2929; }
    .layout.dark-mode .tool-bar .pagination {
      background-color: #201D1D;
      border: solid 1px #3F4042; }
      .layout.dark-mode .tool-bar .pagination form {
        border-left: solid 1px #3F4042; }
        .layout.dark-mode .tool-bar .pagination form input[type="text"] {
          background-color: #201D1D; }
    .layout.dark-mode .tool-bar .board-pagination li a,
    .layout.dark-mode .tool-bar .board-pagination li span {
      color: #FFF; }
  .layout.dark-mode .topic-list {
    background-color: #171616; }
    @media (min-width: 1130px) {
      .layout.dark-mode .topic-list .heading {
        color: #FFF; } }
  .layout.dark-mode .topic-item {
    background-color: #2C2929; }
    .layout.dark-mode .topic-item.pinned {
      border-top: 2px solid #3F4042 !important;
      border-bottom: 2px solid #3F4042 !important; }
    .layout.dark-mode .topic-item .title-block .title {
      color: #FFF; }
  .layout.dark-mode .user-stats .user-date, .layout.dark-mode .user-stats .user-stat-label {
    color: #FFF; }
  .layout.dark-mode .vip-gate-block {
    background-color: #3F4042; }
    .layout.dark-mode .vip-gate-block b, .layout.dark-mode .vip-gate-block p {
      color: #FFF; }
    .layout.dark-mode .vip-gate-block .login-link {
      background-color: #201D1D;
      color: #FFF; }
      .layout.dark-mode .vip-gate-block .login-link:hover {
        background-color: #2C2929; }
    .layout.dark-mode .vip-gate-block .free-trial:hover {
      background-color: #2C2929; }

.board-popover.dark-mode {
  background-color: #201D1D;
  border: solid 1px #3F4042; }
  .board-popover.dark-mode h3 {
    color: #FFF; }
  .board-popover.dark-mode p, .board-popover.dark-mode li {
    color: #DDD; }

.topic-popover.dark-mode {
  background-color: #201D1D;
  border: solid 1px #3F4042; }
  .topic-popover.dark-mode h3 {
    color: #FFF; }
  .topic-popover.dark-mode h4 {
    color: #999; }
  .topic-popover.dark-mode li {
    color: #DDD; }
  .topic-popover.dark-mode a {
    color: #F7F7F7; }
  @media (min-width: 900px) {
    .topic-popover.dark-mode div:first-of-type {
      border-right: solid 1px #3F4042; } }

.settings-popover.dark-mode {
  background-color: #201D1D;
  border: solid 1px #3F4042; }
  .settings-popover.dark-mode p, .settings-popover.dark-mode li, .settings-popover.dark-mode b {
    color: #FFF; }

.user-pg.dark-mode {
  background-color: #171616; }
  .user-pg.dark-mode ~ .main-site-footer {
    background-color: #171616;
    border-top: solid 1px #3F4042; }
  .user-pg.dark-mode ~ .new-avatar {
    background-color: #171616; }
    .user-pg.dark-mode ~ .new-avatar header {
      background-color: #171616;
      border-bottom: solid 1px #3F4042; }
    .user-pg.dark-mode ~ .new-avatar .avatar-heading {
      color: #FFF; }
    .user-pg.dark-mode ~ .new-avatar .upload-block {
      background-color: #2C2929; }
      .user-pg.dark-mode ~ .new-avatar .upload-block span {
        color: #FFF; }
      .user-pg.dark-mode ~ .new-avatar .upload-block input[type="text"] {
        background-color: #171616;
        border: solid 1px #3F4042;
        color: #FFF; }
    .user-pg.dark-mode ~ .new-avatar .load-more button {
      color: #FFF; }
  .user-pg.dark-mode .user-tabs-list {
    background-color: #2C2929;
    border-color: #3F4042; }
    @media (min-width: 1130px) {
      .user-pg.dark-mode .user-tabs-list {
        background-color: #171616; } }
    .user-pg.dark-mode .user-tabs-list li {
      border-color: #3F4042; }
    .user-pg.dark-mode .user-tabs-list li a:hover,
    .user-pg.dark-mode .user-tabs-list li a.active {
      background-color: #201D1D;
      color: #FFF; }
      @media (min-width: 1130px) {
        .user-pg.dark-mode .user-tabs-list li a:hover,
        .user-pg.dark-mode .user-tabs-list li a.active {
          background-color: transparent; } }
  .user-pg.dark-mode .user-pg-header {
    background-color: #201D1D; }
    .user-pg.dark-mode .user-pg-header .admin-list {
      background-color: #2C2929; }
      .user-pg.dark-mode .user-pg-header .admin-list a {
        color: #DDD; }
    .user-pg.dark-mode .user-pg-header .user-alias,
    .user-pg.dark-mode .user-pg-header .user-info-block li,
    .user-pg.dark-mode .user-pg-header .user-info-block li b {
      color: #DDD; }
  .user-pg.dark-mode .user-body .notifications {
    background-color: #171616; }
    .user-pg.dark-mode .user-body .notifications .notification-list {
      background-color: #201D1D; }
      .user-pg.dark-mode .user-body .notifications .notification-list li {
        background-color: #2C2929;
        color: #FFF; }
        .user-pg.dark-mode .user-body .notifications .notification-list li.load-more button,
        .user-pg.dark-mode .user-body .notifications .notification-list li a, .user-pg.dark-mode .user-body .notifications .notification-list li strong, .user-pg.dark-mode .user-body .notifications .notification-list li div,
        .user-pg.dark-mode .user-body .notifications .notification-list li .timestamp {
          color: #FFF; }
        .user-pg.dark-mode .user-body .notifications .notification-list li .unread {
          color: transparent; }
  .user-pg.dark-mode .user-body .notifications-settings .notifications-header h2, .user-pg.dark-mode .user-body .notifications-settings .notifications-header a, .user-pg.dark-mode .user-body .notifications-settings .notifications-header span,
  .user-pg.dark-mode .user-body .notifications-settings .notifications-header a::after {
    color: #DDD; }
  .user-pg.dark-mode .user-body .notifications-settings .section-heading,
  .user-pg.dark-mode .user-body .notifications-settings .board-heading {
    color: #DDD; }
  .user-pg.dark-mode .user-body .notifications-settings .settings button {
    border: solid 1px #3F4042;
    color: #999; }
    .user-pg.dark-mode .user-body .notifications-settings .settings button:last-of-type {
      border-right: solid 1px #3F4042; }
    .user-pg.dark-mode .user-body .notifications-settings .settings button.active {
      border: 1px solid #FFF;
      color: #FFF; }
  .user-pg.dark-mode .user-body .settings-body h2 {
    color: #DDD; }
  .user-pg.dark-mode .user-body .settings-body .my-settings ul li:first-of-type {
    background-color: #201D1D; }
  .user-pg.dark-mode .user-body .settings-body .my-settings ul a, .user-pg.dark-mode .user-body .settings-body .my-settings ul button {
    color: #DDD; }
  .user-pg.dark-mode .user-body .settings-header h2, .user-pg.dark-mode .user-body .settings-header a, .user-pg.dark-mode .user-body .settings-header span {
    color: #FFF; }
  .user-pg.dark-mode .user-body .settings-header a::after {
    color: #FFF; }
  .user-pg.dark-mode .user-body .pg-summary {
    color: #DDD; }
  .user-pg.dark-mode .user-body .edit-alerts .team-results-list {
    background-color: #201D1D; }
    .user-pg.dark-mode .user-body .edit-alerts .team-results-list li:hover {
      background-color: #2C2929; }
    .user-pg.dark-mode .user-body .edit-alerts .team-results-list button {
      color: #DDD; }
  .user-pg.dark-mode .user-body .input-section h3, .user-pg.dark-mode .user-body .input-section .note, .user-pg.dark-mode .user-body .input-section .twitter-link, .user-pg.dark-mode .user-body .input-section .twitter-meta, .user-pg.dark-mode .user-body .input-section a {
    color: #FFF; }
  .user-pg.dark-mode .user-body .input-section .twitter-link {
    border: 1px solid #FFF; }
  .user-pg.dark-mode .user-body .input-block label {
    color: #DDD; }
  .user-pg.dark-mode .user-body .input-block input {
    background-color: #201D1D;
    border: solid 1px #3F4042;
    color: #DDD; }

.modal-block.dark-mode {
  background-color: #171616;
  color: #FFF; }
  .modal-block.dark-mode .confirm-modal {
    border-radius: 5px;
    padding: 30px; }
    .modal-block.dark-mode .confirm-modal h3 {
      color: #FFF;
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 15px;
      border-bottom: solid 1px #DDD; }
    .modal-block.dark-mode .confirm-modal input {
      outline: none; }
    .modal-block.dark-mode .confirm-modal .confirm-modal-input {
      height: 45px;
      padding: 0 10px;
      font-size: 14px;
      margin-bottom: 15px;
      background-color: #171616;
      color: #FFF; }
    .modal-block.dark-mode .confirm-modal .confirm-buttons {
      text-align: right; }
      .modal-block.dark-mode .confirm-modal .confirm-buttons .action-button {
        padding: 10px 15px;
        font-size: 16px;
        background-color: #7E929F;
        color: #FFF;
        text-transform: uppercase;
        border-radius: 3px; }
      .modal-block.dark-mode .confirm-modal .confirm-buttons .action-button:last-of-type {
        margin-left: 15px; }

.post-form-modal {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFF;
  z-index: 5; }
  @media (min-width: 900px) {
    .post-form-modal {
      height: calc(100% + 50px);
      width: 100%;
      position: absolute;
      left: 0;
      -webkit-box-shadow: 0 1px 4px 0 #666;
              box-shadow: 0 1px 4px 0 #666;
      top: -50px; }
      .post-form-modal.full .giphy-header {
        width: calc(100% - 40px); } }
  @media (min-width: 900px) {
    .post-form-modal.new-avatar {
      left: 15%;
      max-width: 70%;
      height: 60vh; }
      .post-form-modal.new-avatar header {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
  .post-form-modal.new-avatar .avatar-heading {
    color: #7E929F;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase;
    display: block; }
  .post-form-modal.new-avatar .avatar-close-button {
    display: block;
    margin-left: auto; }
  .post-form-modal header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #FFF;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 1px #DDD;
    padding: 15px;
    z-index: 3;
    top: 0;
    width: 100%; }
    .post-form-modal header button {
      height: 20px; }
  .post-form-modal .upload-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f7;
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .post-form-modal .upload-block label {
      cursor: pointer;
      width: 30px;
      height: 30px; }
      .post-form-modal .upload-block label .upload {
        width: 0; }
    .post-form-modal .upload-block .img-link {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 36px;
      padding: 0 5px;
      margin-right: 7px; }
    .post-form-modal .upload-block span {
      padding: 0 10px; }
    .post-form-modal .upload-block .action-button {
      width: 50px;
      height: 36px;
      background-color: #e8e8e8; }
  .post-form-modal .giphy-header {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media (min-width: 900px) {
      .post-form-modal .giphy-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 10px;
        position: relative; } }
    .post-form-modal .giphy-header img {
      margin-left: auto; }
      @media (min-width: 900px) {
        .post-form-modal .giphy-header img {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
    .post-form-modal .giphy-header form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: 100%;
      margin-top: 10px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (min-width: 900px) {
        .post-form-modal .giphy-header form {
          margin: 0 0 0 20px;
          width: 50%;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
      .post-form-modal .giphy-header form input {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 16px;
        border: solid 1px #DDD;
        border-radius: 2px; }
      .post-form-modal .giphy-header form button {
        position: absolute;
        right: 15px;
        display: block; }
  .post-form-modal .my-images-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 10px; }
    @media (min-width: 900px) {
      .post-form-modal .my-images-list {
        margin-top: 15px; } }
    @media (min-width: 900px) {
      .post-form-modal .my-images-list.giphy {
        margin-top: 15px; } }
    .post-form-modal .my-images-list li {
      margin: 10px auto 20px; }
      .post-form-modal .my-images-list li img {
        max-width: 400px; }
        .post-form-modal .my-images-list li img.giphy {
          max-height: 80px; }
      .post-form-modal .my-images-list li.load-more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: solid 1px #DDD;
        padding: 30px; }
        .post-form-modal .my-images-list li.load-more button {
          color: #13161a;
          font-size: 12px;
          font-weight: 700; }
  .post-form-modal .type-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f7f7f7;
    padding: 15px; }
    @media (min-width: 900px) {
      .post-form-modal .type-list {
        margin: 0; } }
    .post-form-modal .type-list button {
      color: #81878e;
      font-size: 14px;
      font-weight: 700; }
    .post-form-modal .type-list li {
      margin-right: 15px; }
  .post-form-modal .smiley-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 10px; }
    @media (min-width: 900px) {
      .post-form-modal .smiley-list {
        margin-top: 15px; } }
    .post-form-modal .smiley-list li {
      display: block;
      margin: 0 15px;
      padding: 5px; }
      .post-form-modal .smiley-list li img {
        max-height: 25px;
        max-width: 70px; }
      @media (min-width: 900px) {
        .post-form-modal .smiley-list li {
          margin: 0 5px; } }

.error-msg {
  background: rgba(0, 86, 154, 0.08);
  border-radius: 5px;
  width: 100%;
  max-width: 1000px;
  padding: 40px 25px 50px;
  margin: 50px auto; }
  @media (min-width: 1130px) {
    .error-msg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 40px 35px 50px; } }
  .error-msg .message {
    text-align: center;
    margin-bottom: 20px;
    position: relative; }
    @media (min-width: 1130px) {
      .error-msg .message {
        margin: 0; } }
    .error-msg .message b {
      display: block;
      color: #13161a5D;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600; }
      .error-msg .message b:first-of-type {
        font-size: 66px;
        border-bottom: 1px solid #13161a5D;
        padding-bottom: 20px;
        width: 195px;
        margin: 0 auto; }
        @media (min-width: 1130px) {
          .error-msg .message b:first-of-type {
            font-size: 96px;
            width: 285px; } }
      .error-msg .message b:last-of-type {
        font-size: 30px;
        width: 100px;
        background-color: #EEF3F7;
        margin: -20px auto 0; }
        @media (min-width: 1130px) {
          .error-msg .message b:last-of-type {
            font-size: 40px;
            width: 150px;
            margin-top: -25px; } }
  .error-msg p {
    color: #575f66;
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    line-height: 40px; }
    @media (min-width: 1130px) {
      .error-msg p {
        margin-left: 50px;
        text-align: left; } }

.incontentad {
  margin: 10px 0; }
  @media (min-width: 900px) {
    .incontentad {
      display: none; } }

.thread {
  margin: 30px 0;
  background-color: #FFF;
  position: relative;
  min-height: 200px; }

.loading-spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  width: 140px;
  margin: 50px auto;
  z-index: 50000; }

.pagination-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ecedef;
  padding: 15px; }
  .pagination-list li {
    margin-right: 15px;
    padding: 0 5px; }
  .pagination-list button {
    font-size: 14px;
    font-weight: 700;
    color: #7E929F; }

.counter-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .counter-block input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .counter-block span {
    min-width: 20px;
    font-weight: 800;
    color: #999;
    margin-left: 10px; }
    .counter-block span.full {
      color: #090; }
    .counter-block span.half {
      color: #990; }
    .counter-block span.empty {
      color: #900; }

@media (min-width: 900px) {
  .new-topic ~ .poll-modal {
    min-height: 633px; } }

.poll-modal .option-div {
  position: relative; }

.poll-modal .option-txt {
  color: #7E929F;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 20px;
  text-transform: uppercase; }
  .poll-modal .option-txt::after {
    content: ' (max 10)';
    font-weight: normal; }
  @media (min-width: 900px) {
    .poll-modal .option-txt {
      color: #0B141C;
      font-weight: 800;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px;
      text-transform: none; }
      .poll-modal .option-txt::before {
        content: 'Poll '; } }

.poll-modal .add-option {
  color: #7E929F;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase; }
  .poll-modal .add-option::after {
    content: ' option';
    text-transform: uppercase; }
  @media (min-width: 900px) {
    .poll-modal .add-option {
      color: #0B141C;
      font-weight: 800;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px;
      text-transform: none; }
      .poll-modal .add-option::after {
        content: ' another option';
        text-transform: none; } }

.poll-modal .poll-header h3 {
  color: #0B141C;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 20px; }

.poll-modal .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 900px) {
    .poll-modal .flex {
      margin: 25px 0 15px;
      padding: 0 20px; } }
  .poll-modal .flex .datepicker {
    margin-left: auto; }

.poll-modal .create-block {
  padding: 10px; }

.poll-modal .datepicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 900px) {
    .poll-modal .datepicker {
      position: absolute;
      top: 190px;
      right: 59px;
      width: 340px;
      z-index: 1;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .poll-modal .datepicker svg {
    margin: 0 5px 2px 0; }
  .poll-modal .datepicker span {
    color: inherit;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    padding-right: 5px; }
    @media (min-width: 900px) {
      .poll-modal .datepicker span {
        font-size: 15px; } }
  .poll-modal .datepicker .react-datepicker__input-container > input {
    color: inherit;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    border: 0;
    font-family: 'proxima-nova', Arial, sans-serif;
    background-color: transparent;
    min-width: 250px; }
    @media (min-width: 900px) {
      .poll-modal .datepicker .react-datepicker__input-container > input {
        font-size: 15px; } }
    .poll-modal .datepicker .react-datepicker__input-container > input:hover {
      cursor: pointer; }

.poll-modal .counter-block {
  position: relative;
  border-bottom: solid 1px #DDD;
  padding-bottom: 15px;
  margin-bottom: 15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media (min-width: 900px) {
    .poll-modal .counter-block {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: 0;
      padding: 0 0 0 20px; } }
  .poll-modal .counter-block::before {
    color: #0B141C;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    content: '';
    height: 30px; }
  .poll-modal .counter-block.title::before {
    content: 'Title'; }
    @media (min-width: 900px) {
      .poll-modal .counter-block.title::before {
        content: ''; } }
  .poll-modal .counter-block.question::before {
    content: 'Poll' !important; }
    @media (min-width: 900px) {
      .poll-modal .counter-block.question::before {
        content: '' !important; } }
  .poll-modal .counter-block input {
    color: #0B141C;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    border: 0;
    width: 100%;
    padding: 0 10px;
    font-family: 'proxima-nova', Arial, sans-serif; }
    .poll-modal .counter-block input::-webkit-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .counter-block input::-moz-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .counter-block input:-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .counter-block input::-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .counter-block input::placeholder {
      color: #000;
      opacity: .3; }
    @media (min-width: 900px) {
      .poll-modal .counter-block input {
        border: solid 1px #DDD;
        border-radius: 5px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        width: 100%;
        height: 40px; } }
  .poll-modal .counter-block span {
    margin-left: 0;
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 12px; }
    @media (min-width: 900px) {
      .poll-modal .counter-block span {
        font-size: 14px;
        margin-left: 10px;
        position: initial;
        width: 50px; } }

.poll-modal .poll-options-list {
  height: 175px;
  overflow-y: auto; }
  @media (min-width: 900px) {
    .poll-modal .poll-options-list {
      height: 265px;
      padding: 2px 20px; } }
  .poll-modal .poll-options-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 1px #DDD;
    padding: 10px 0;
    margin-bottom: 10px; }
    @media (min-width: 900px) {
      .poll-modal .poll-options-list li {
        margin: 0 7px 0 0;
        padding: 0;
        border: 0; }
        .poll-modal .poll-options-list li:first-of-type, .poll-modal .poll-options-list li:nth-of-type(2) {
          margin-right: 35px; } }
  .poll-modal .poll-options-list input {
    color: #0B141C;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    border: 0;
    width: 100%; }
    .poll-modal .poll-options-list input::-webkit-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .poll-options-list input::-moz-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .poll-options-list input:-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .poll-options-list input::-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .poll-modal .poll-options-list input::placeholder {
      color: #000;
      opacity: .3; }
    @media (min-width: 900px) {
      .poll-modal .poll-options-list input {
        border: solid 1px #DDD;
        border-radius: 5px;
        height: 40px;
        margin-bottom: 15px;
        padding: 0 10px; } }
  .poll-modal .poll-options-list .close-option {
    margin: 0 20px 0 0; }
    @media (min-width: 900px) {
      .poll-modal .poll-options-list .close-option {
        margin: 0 0 15px 15px; } }

.poll-modal .save-poll-div {
  margin: 20px;
  text-align: center; }
  .poll-modal .save-poll-div .save-poll-button {
    color: #FFF;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 40px;
    display: block;
    width: 100%;
    background-color: #FFF; }
    .poll-modal .save-poll-div .save-poll-button:hover {
      opacity: 1; }
      @media (min-width: 900px) {
        .poll-modal .save-poll-div .save-poll-button:hover {
          opacity: .8; } }
    @media (min-width: 900px) {
      .poll-modal .save-poll-div .save-poll-button {
        color: #FFF !important;
        background-color: transparent;
        text-align: center; } }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0; }
  @media (min-width: 900px) {
    .react-datepicker-wrapper {
      width: 156px; } }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem; }

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px; }

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px; }

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px; }

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none; }

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer; }

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold; }

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent; }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5; }

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7"; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.post-block {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #FFF;
  z-index: 6000002; }
  @media (min-width: 900px) {
    .post-block {
      border-radius: 5px;
      max-width: 90%;
      left: 5%;
      top: 50px;
      height: auto; }
      .post-block.full {
        background-color: #F7F7F7;
        border-radius: 0;
        width: 100%;
        max-width: none;
        height: 100vh;
        top: 0;
        left: 0; } }
    @media (min-width: 900px) and (min-height: 650px) {
      .post-block.full .wrapper .textarea,
      .post-block.full .wrapper textarea {
        height: 40vh; } }
    @media (min-width: 900px) and (min-height: 768px) {
      .post-block.full .wrapper .textarea,
      .post-block.full .wrapper textarea {
        height: 50vh; } }
    @media (min-width: 900px) and (min-height: 900px) {
      .post-block.full .wrapper .textarea,
      .post-block.full .wrapper textarea {
        height: 60vh; } }
  @media (min-width: 900px) {
        .post-block.full .wrapper .textarea.condense,
        .post-block.full .wrapper textarea.condense {
          height: 250px; } }
  .post-block.reply .wrapper .post-button-block {
    bottom: 740px; }
    @media (max-height: 320px) {
      .post-block.reply .wrapper .post-button-block {
        bottom: 795px; } }
    @media (min-width: 900px) {
      .post-block.reply .wrapper .post-button-block {
        bottom: 20px; } }
  .post-block.new-topic .wrapper .textarea.android {
    height: 140px; }
    @media (max-height: 320px) {
      .post-block.new-topic .wrapper .textarea.android {
        height: 110px; } }
  @media (max-width: 899px) {
    .post-block.new-topic .wrapper .post-button-block.android {
      bottom: 750px; } }
  @media (max-height: 320px) {
    .post-block.new-topic .wrapper .post-button-block.android {
      bottom: 790px; } }
  .post-block .post-block-header {
    height: 50px;
    background-color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    @media (min-width: 900px) {
      .post-block .post-block-header {
        border-bottom: solid 1px #DDD; } }
    .post-block .post-block-header h1 {
      display: none;
      text-align: center;
      font-size: 21px;
      font-weight: 800;
      line-height: 50px; }
      @media (min-width: 900px) {
        .post-block .post-block-header h1 {
          display: block; } }
    .post-block .post-block-header button {
      position: absolute; }
      .post-block .post-block-header button:hover {
        cursor: pointer; }
      .post-block .post-block-header button.close-button {
        right: 15px;
        top: 17px; }
        @media (min-width: 900px) {
          .post-block .post-block-header button.close-button {
            right: 20px; } }
      .post-block .post-block-header button.toggle-full-screen {
        display: none; }
        @media (min-width: 900px) {
          .post-block .post-block-header button.toggle-full-screen {
            display: block;
            top: 13px;
            right: 55px; } }
    .post-block .post-block-header .vip-check {
      position: absolute;
      left: 15px;
      top: 15px; }
      @media (min-width: 900px) {
        .post-block .post-block-header .vip-check {
          left: 20px; } }
      .post-block .post-block-header .vip-check span {
        display: none; }
      .post-block .post-block-header .vip-check input {
        position: relative;
        -webkit-appearance: none;
        outline: none;
        width: 57px;
        height: 22px;
        margin: 0;
        padding: 0;
        background-color: #FFF;
        border: 2px solid #81878e;
        border-radius: 50px;
        cursor: pointer; }
      .post-block .post-block-header .vip-check input::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 3px;
        background-color: #81878e;
        width: 14px;
        height: 14px;
        border-radius: 50%; }
      .post-block .post-block-header .vip-check input::after {
        content: "VIP";
        color: #81878e;
        letter-spacing: 1.5px;
        position: absolute;
        right: 8px;
        top: 2px;
        font-weight: 700; }
      .post-block .post-block-header .vip-check input:checked {
        background-color: #78C04C;
        border-color: #78C04C; }
      .post-block .post-block-header .vip-check input:checked::before {
        background-color: #FFF;
        left: auto;
        right: 3px; }
      .post-block .post-block-header .vip-check input:checked::after {
        color: #FFF;
        left: 10px;
        right: auto; }
  .post-block .wrapper {
    background-color: #FFF;
    position: relative; }
    @media (max-width: 899px) {
      .post-block .wrapper {
        overflow-y: auto;
        padding: 0 15px;
        height: 1000px; } }
    @media (min-width: 900px) {
      .post-block .wrapper {
        background-color: #F7F7F7;
        border-radius: 5px;
        padding: 20px 20px 60px; } }
    .post-block .wrapper .post-button-block {
      position: absolute;
      bottom: 680px;
      right: 15px;
      z-index: 3; }
      @media (min-width: 900px) {
        .post-block .wrapper .post-button-block {
          bottom: 20px;
          right: 20px; } }
      .post-block .wrapper .post-button-block.disabled {
        opacity: .3; }
      @media (min-width: 900px) {
        .post-block .wrapper .post-button-block:not(.disabled):hover {
          opacity: .8; } }
      .post-block .wrapper .post-button-block button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        border: 0;
        background-color: #FFF;
        color: #FFF;
        padding: 5px 10px;
        width: 38px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer; }
        @media (min-width: 900px) {
          .post-block .wrapper .post-button-block button {
            background-color: transparent;
            width: auto; } }
        .post-block .wrapper .post-button-block button:disabled {
          cursor: default; }
        .post-block .wrapper .post-button-block button span {
          font-size: 14px;
          font-weight: 800; }
          @media (min-width: 900px) {
            .post-block .wrapper .post-button-block button span {
              color: #FFF !important; } }
        .post-block .wrapper .post-button-block button svg {
          display: none;
          width: 28px;
          height: 28px;
          margin-right: 5px; }
          @media (min-width: 900px) {
            .post-block .wrapper .post-button-block button svg {
              display: block; } }
    .post-block .wrapper .counter-block {
      position: relative;
      border-bottom: solid 1px #DDD;
      padding-bottom: 15px;
      margin-bottom: 15px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (min-width: 900px) {
        .post-block .wrapper .counter-block {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 0;
          padding: 0; } }
      .post-block .wrapper .counter-block::before {
        content: 'Title';
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        font-weight: 700; }
        @media (min-width: 900px) {
          .post-block .wrapper .counter-block::before {
            content: ''; } }
      .post-block .wrapper .counter-block.android {
        margin: 0; }
      .post-block .wrapper .counter-block input {
        border: 0;
        border-radius: 5px;
        color: #000;
        width: 100%;
        padding: 0 10px;
        line-height: 30px;
        font-size: 16px;
        font-family: 'proxima-nova', Arial, sans-serif; }
        .post-block .wrapper .counter-block input::-webkit-input-placeholder {
          color: #000;
          opacity: .3; }
        .post-block .wrapper .counter-block input::-moz-placeholder {
          color: #000;
          opacity: .3; }
        .post-block .wrapper .counter-block input:-ms-input-placeholder {
          color: #000;
          opacity: .3; }
        .post-block .wrapper .counter-block input::-ms-input-placeholder {
          color: #000;
          opacity: .3; }
        .post-block .wrapper .counter-block input::placeholder {
          color: #000;
          opacity: .3; }
        @media (min-width: 900px) {
          .post-block .wrapper .counter-block input {
            border: solid 1px #DDD; } }
      .post-block .wrapper .counter-block span {
        margin-left: 0;
        position: absolute;
        top: 25px;
        left: 0;
        font-size: 12px; }
        @media (min-width: 900px) {
          .post-block .wrapper .counter-block span {
            font-size: 14px;
            margin-left: 10px;
            position: initial; } }
    .post-block .wrapper textarea, .post-block .wrapper .textarea {
      margin: 10px 0;
      padding: 0 10px;
      border-radius: 5px;
      background: #FFF;
      width: 100%;
      height: 150px;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      font-size: 16px;
      color: #333;
      resize: none; }
      @media (min-width: 900px) {
        .post-block .wrapper textarea, .post-block .wrapper .textarea {
          margin: 0;
          padding: 10px; } }
      @media (min-width: 900px) and (min-height: 650px) {
        .post-block .wrapper textarea, .post-block .wrapper .textarea {
          height: 250px; } }
      @media (min-width: 900px) and (min-height: 768px) {
        .post-block .wrapper textarea, .post-block .wrapper .textarea {
          height: 350px; } }
    .post-block .wrapper .textarea {
      border-radius: 0 0 5px 5px; }
      @media (min-width: 900px) {
        .post-block .wrapper .textarea {
          border: solid 1px #DDD;
          border-top: 0; } }
      .post-block .wrapper .textarea.android {
        border: 0;
        height: 200px;
        font-family: 'proxima-nova', Arial, sans-serif; }
        @media (max-height: 320px) {
          .post-block .wrapper .textarea.android {
            height: 145px; } }
      .post-block .wrapper .textarea .user-quote {
        max-height: 100px;
        overflow: scroll; }
        @media (min-width: 900px) and (min-height: 650px) {
          .post-block .wrapper .textarea .user-quote {
            max-height: 150px; } }
        @media (min-width: 900px) and (min-height: 768px) {
          .post-block .wrapper .textarea .user-quote {
            max-height: 180px; } }
    .post-block .wrapper .options-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: solid 1px #DDD;
      padding-top: 10px; }
      @media (min-width: 900px) {
        .post-block .wrapper .options-block {
          border-top: 0;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; } }
      .post-block .wrapper .options-block .addons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
        @media (min-width: 900px) {
          .post-block .wrapper .options-block .addons {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
                -ms-flex-order: 1;
                    order: 1;
            width: 100%;
            margin-bottom: 10px; } }
        .post-block .wrapper .options-block .addons > button {
          border: 0;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background: none;
          cursor: pointer;
          padding: 5px;
          margin-right: 5px; }
          .post-block .wrapper .options-block .addons > button.selected {
            background-color: #FFF;
            border: solid 1px #DDD;
            border-radius: 5px; }

.dimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 6000001; }

.ugc-image {
  display: block;
  margin-bottom: 20px;
  max-width: 600px; }
  .ugc-image img {
    max-width: 100%;
    height: auto; }

.smiley {
  margin: 0 5px; }

.content-wpr {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px;
  word-break: break-word; }
  @media (max-width: 899px) {
    .content-wpr {
      overflow-y: auto; } }
  .content-wpr strong {
    color: #000;
    font-weight: 800; }
    .content-wpr strong span, .content-wpr strong em, .content-wpr strong a {
      color: #000;
      font-weight: 800; }
  .content-wpr a {
    font-weight: 800; }
    .content-wpr a span {
      color: #005695;
      font-weight: 800; }
  .content-wpr ul {
    margin: 0 0 20px 20px;
    list-style-type: disc; }
  .content-wpr ol {
    margin: 0 0 20px 20px;
    list-style-type: decimal;
    list-style-position: inside; }
  @media (max-width: 899px) {
    .content-wpr li {
      font-size: 18px;
      line-height: 25px; } }
  @media (max-width: 899px) {
    .content-wpr .board-post {
      font-size: 18px; } }
  .content-wpr .board-post.archived::before {
    display: block;
    content: 'ARCHIVED';
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 5em;
    color: #eee;
    width: 100%;
    text-align: center; }
  .content-wpr .board-post.archived p {
    z-index: 1;
    position: relative; }
  .content-wpr .board-post p, .content-wpr .board-post div {
    margin-bottom: 20px;
    line-height: 25px;
    color: #000;
    font-size: 1em; }
    @media (max-width: 899px) {
      .content-wpr .board-post p, .content-wpr .board-post div {
        font-size: 18px; } }
  .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) {
    background-color: #f0f0f0;
    border: 0;
    font-style: normal;
    padding: 10px 15px; }
    .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) p, .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) span {
      color: #7E929F;
      margin-bottom: 10px; }
      .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) p:last-of-type, .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) span:last-of-type {
        margin-bottom: 0; }
    .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) div {
      margin-bottom: 0; }
    .content-wpr .board-post blockquote:not(.twitter-tweet) .content-wpr .board-post blockquote:not(.dark-mode) button {
      font-size: 13px; }
  .content-wpr .board-post blockquote.twitter-tweet {
    display: inline-block;
    margin: 10px 5px;
    padding: 16px;
    font-family: 'Helvetica Neue', Roboto, 'Segoe UI', Calibri, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    max-width: 468px; }
    .content-wpr .board-post blockquote.twitter-tweet p {
      font-size: 16px;
      font-weight: normal;
      line-height: 20px; }
    .content-wpr .board-post blockquote.twitter-tweet a {
      color: inherit;
      font-weight: normal;
      text-decoration: none;
      outline: 0 none; }
      .content-wpr .board-post blockquote.twitter-tweet a:hover, .content-wpr .board-post blockquote.twitter-tweet a:focus {
        text-decoration: underline; }
  .content-wpr .embed-wpr {
    max-width: 100%; }
    .content-wpr .embed-wpr div {
      max-width: 100%; }
  .content-wpr iframe {
    max-width: 600px;
    width: 1px;
    min-width: 100%; }
    .content-wpr iframe[src*='youtube.com'], .content-wpr iframe[src*='cbssports.com'], .content-wpr iframe[src*='facebook.com'], .content-wpr iframe[src*='gfycat.com'], .content-wpr iframe[src*='giphy.com'] {
      min-width: 0;
      max-width: 600px;
      width: 100%; }
    .content-wpr iframe[src*='playlist.megaphone.fm'] {
      min-width: 0;
      max-width: 700px;
      width: 100%; }
    .content-wpr iframe[src*='hudl.com'] {
      min-width: 1%;
      max-width: 600px;
      width: 100%; }
      @media (max-width: 639px) {
        .content-wpr iframe[src*='hudl.com'] {
          max-height: 56vw; } }
    .content-wpr iframe[src*='footballrosterreport.com'] {
      max-height: none; }
  .content-wpr img {
    max-width: 100%;
    height: auto; }
    @media (min-width: 640px) {
      .content-wpr img {
        max-width: 600px; } }

.mention-list {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 999;
  cursor: pointer;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .mention-list .mention {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding: 4px 8px; }
    .mention-list .mention:hover {
      background: #87cefa; }
    .mention-list .mention:last-of-type {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: none;
      padding: 8px 13px;
      color: red; }

.post-block .wrapper .toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f0f0;
  line-height: 40px;
  height: 40px;
  border: solid 1px #DDD;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .post-block .wrapper .toolbar button {
    background: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    min-width: 30px;
    text-align: center;
    font-size: 16px;
    height: 40px;
    color: #999; }
    .post-block .wrapper .toolbar button.bold {
      font-weight: 800; }
    .post-block .wrapper .toolbar button.italic {
      font-style: italic; }
    .post-block .wrapper .toolbar button.underline {
      text-decoration: underline; }
    .post-block .wrapper .toolbar button.active {
      color: #000; }
    .post-block .wrapper .toolbar button.poll-button {
      padding: 0 5px;
      color: #0B141C; }
    .post-block .wrapper .toolbar button:hover {
      background-color: #e7e7e7;
      cursor: pointer; }
  .post-block .wrapper .toolbar .seperator {
    border-left: 1px solid #ddd;
    height: 30px; }

.tag-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -.5px;
  color: #254356;
  background-color: #eee;
  padding: 5px 10px;
  border-radius: 30px; }
  .tag-wrapper a {
    color: #81878e;
    padding-left: 5px; }

.ReactTags__suggestions {
  position: absolute;
  max-height: 120px;
  overflow-y: auto;
  background-color: #fff;
  padding: 10px; }

.ReactTags__activeSuggestion {
  background-color: #F7F7F7;
  cursor: pointer; }

.channels {
  background-color: #fff;
  width: 100%;
  padding: 5px 10px;
  border: solid 1px #DDD;
  border-radius: 5px;
  margin: 10px 0 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  font-size: 16px; }
  @media (min-width: 900px) {
    .channels {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin: 0 0 20px; } }
  .channels.hidden {
    display: none; }
  .channels > span {
    color: #254356;
    letter-spacing: -.5px;
    line-height: 20px; }

.ReactTags__selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.ReactTags__tagInputField {
  border: 0;
  font-size: 16px; }

.dropdown-menu {
  position: relative; }
  .dropdown-menu ul {
    position: absolute;
    z-index: 2;
    background-color: #2E3547;
    padding: 10px 15px;
    min-width: 150px;
    border-radius: 3px; }
    .dropdown-menu ul li a {
      display: block;
      font-size: 14px;
      color: #FFF;
      background: none;
      border: 0;
      text-align: left;
      width: 100%;
      padding: 5px 0; }
      .dropdown-menu ul li a:hover {
        opacity: .8; }
    .dropdown-menu ul li button {
      font-size: 14px;
      text-align: left;
      width: 100%;
      padding: 5px 0; }
    .dropdown-menu ul.right {
      right: 0; }

.default-dropdown-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  font-size: 14px;
  padding: 10px 5px;
  cursor: pointer; }
  .default-dropdown-button svg {
    margin-left: 3px; }

.pagination {
  display: grid;
  grid-template-columns: 3fr 1fr;
  border: solid 1px #DDD;
  background-color: #FFF; }
  .pagination form {
    grid-column: 2 / 3;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: solid 1px #DDD; }
    .pagination form button {
      background: none;
      padding: 0 7px;
      border: 0;
      height: 15px; }
    .pagination form input[type="text"] {
      width: calc(100% - 30px);
      margin-bottom: 0;
      border: 0;
      background-color: #FFF;
      background-image: none;
      font-size: 15px;
      color: #81878e;
      padding: 0;
      font-family: "proxima-nova", "Arial", sans-serif;
      /* TODO: need to make this global for inputs */ }
    .pagination form svg {
      width: 15px;
      height: 15px; }

.board-pagination {
  grid-column: 1 / 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 38px; }
  @media (min-width: 640px) {
    .board-pagination {
      padding: 0; } }
  .board-pagination li {
    border-radius: 2px;
    max-width: 45px; }
    .board-pagination li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .board-pagination li a, .board-pagination li span {
      position: relative;
      font-size: 14px;
      padding: 6px 10px;
      text-decoration: none;
      color: #141517;
      border-radius: 2px; }
    .board-pagination li a:hover, .board-pagination li a:focus, .board-pagination li span:hover, .board-pagination li span:focus {
      border-color: #DDD;
      cursor: pointer; }
    .board-pagination li.previous, .board-pagination li.next {
      height: 38px;
      width: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 1; }
    .board-pagination li.previous {
      -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1); }
    .board-pagination li.next {
      -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.1);
              box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.1); }
    .board-pagination li.disabled a {
      opacity: .5;
      cursor: default; }

.reply-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85px;
  height: 35px;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: right .5s;
  -o-transition: right .5s;
  transition: right .5s;
  right: -100px; }
  .reply-button:disabled {
    background-color: #999;
    cursor: not-allowed; }
  .reply-button.sticky {
    position: fixed;
    bottom: 65px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    z-index: 1; }
    .reply-button.sticky.right-align {
      right: 20px; }
    .reply-button.sticky.left-align {
      left: 20px; }
    .reply-button.sticky span {
      display: none; }
    .reply-button.sticky svg {
      margin: 0; }
  .reply-button span {
    color: #FFF; }
  .reply-button svg {
    margin-right: 5px; }

.tool-bar {
  display: grid;
  background-color: #F7F7F7;
  grid-template: 50px auto/minmax(0, -webkit-max-content) minmax(0, 1fr);
  grid-template: 50px auto/minmax(0, max-content) minmax(0, 1fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .tool-bar .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 13px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .tool-bar .buttons .new-post {
      margin: 5px 0;
      width: 50px;
      height: 35px;
      border: 0;
      border-radius: 2px; }
      .tool-bar .buttons .new-post:disabled {
        background-color: #999; }
    .tool-bar .buttons .locked,
    .tool-bar .buttons .reply-button {
      margin-left: 10px; }
  .tool-bar .boards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #DDD;
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 10px;
    background-color: #FFF; }
    @media (min-width: 640px) {
      .tool-bar .boards {
        border: 0;
        background: transparent;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        justify-self: end;
        padding: 0; } }
    .tool-bar .boards .site-boards {
      margin-right: 5px; }
    .tool-bar .boards .my-boards {
      margin-left: auto; }
      @media (min-width: 640px) {
        .tool-bar .boards .my-boards {
          margin: 0 5px 0 0; } }
    .tool-bar .boards .back {
      border: 1px solid #C5C6CA;
      border-radius: 3px;
      margin: 0 auto 0 5px;
      padding: 5px 10px;
      font-size: 14px;
      font-weight: 800; }
      @media (min-width: 640px) {
        .tool-bar .boards .back {
          margin: 0 10px 0 5px; }
          .tool-bar .boards .back:hover {
            background-color: #FFF; } }
    .tool-bar .boards .gear {
      position: absolute;
      top: 5px;
      right: 5px; }
      .tool-bar .boards .gear svg {
        margin-left: 0; }
      @media (min-width: 640px) {
        .tool-bar .boards .gear {
          position: initial;
          top: auto;
          right: auto;
          margin-right: 10px; } }
  .tool-bar .pagination {
    grid-column: 1 / 3;
    grid-row: 3 / 4; }
    @media (min-width: 640px) {
      .tool-bar .pagination {
        grid-row: 2 / 3; } }
    @media (min-width: 1320px) {
      .tool-bar .pagination {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        justify-self: start;
        width: 500px; } }

.new-message-banner {
  padding: 5px;
  color: #FFF;
  font-weight: 700;
  margin: 15px 0;
  text-align: center;
  letter-spacing: .5px; }

.circle-img-block {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #DDD;
  border-radius: 50%;
  margin-right: 5px; }

.width30 {
  width: 30px;
  height: 30px; }

.width50 {
  width: 50px;
  height: 50px; }

.width70 {
  width: 70px;
  height: 70px; }

.vip-gate-block {
  background-color: #F7F7F7;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 25px 20px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start; }
  .vip-gate-block b {
    display: block;
    font-size: 18px;
    line-height: 24px; }
    .vip-gate-block b strong {
      display: block;
      color: #78C04C;
      margin-right: 5px; }
      .vip-gate-block b strong.inline {
        display: inline-block; }
  .vip-gate-block p {
    margin: 15px 15px 15px 0;
    font-size: 14px;
    line-height: 20px; }
    .vip-gate-block p b {
      display: inline;
      margin-right: 5px;
      font-weight: 800;
      font-size: 14px;
      line-height: 20px; }
  .vip-gate-block .user-link {
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    font-size: 18px;
    cursor: pointer; }
    .vip-gate-block .user-link:hover {
      text-decoration: none; }
  .vip-gate-block img {
    display: none; }
    @media (min-width: 900px) {
      .vip-gate-block img {
        display: block;
        margin-left: auto;
        max-width: 250px;
        height: auto; } }
  .vip-gate-block .login-link {
    background-color: #eee;
    color: #7E929F;
    width: 85px; }
    .vip-gate-block .login-link:hover {
      background-color: #7E929F;
      color: #eee; }
  .vip-gate-block .free-trial {
    background-color: #78C04C;
    color: #FFF;
    width: 160px;
    margin-right: 15px; }
    .vip-gate-block .free-trial:hover {
      background-color: #FFF;
      color: #78C04C; }

.vip {
  font-size: 10px;
  letter-spacing: 1px;
  display: inline-block;
  text-align: center;
  padding: 2px 3px 1px;
  color: #78C04C;
  font-weight: 700;
  border: 1px solid #78C04C;
  border-radius: 2px; }
  .vip.header-skin {
    background-color: #78C04C;
    border: 1px solid #FFF;
    border-radius: 0;
    color: #FFF; }

.story-card {
  background-color: #F1F1F1;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 20px 0;
  max-width: 640px; }
  .story-card a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .story-card a img {
      min-width: 50px;
      margin-right: 15px;
      height: 50px;
      width: auto; }
    .story-card a p {
      font-weight: 700;
      line-height: 18px;
      padding: 5px 15px 5px 0;
      margin: 0; }
      .story-card a p span {
        display: block;
        color: #81878e;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase; }

.article-post p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px; }

.article-post .figure {
  text-align: center; }
  .article-post .figure img {
    margin-bottom: 7px;
    max-width: 100%;
    height: auto; }
  .article-post .figure.right {
    margin-left: 15px; }
  .article-post .figure.left {
    margin-right: 15px; }
  .article-post .figure.alignright, .article-post .figure.alignleft {
    width: 50%;
    height: auto;
    max-width: 240px; }
  .article-post .figure p,
  .article-post .figure figcaption {
    font-size: 11px;
    line-height: 13px;
    text-align: center; }
    .article-post .figure p .meta,
    .article-post .figure figcaption .meta {
      font-size: 10px;
      color: #999; }
    .article-post .figure p a,
    .article-post .figure figcaption a {
      font-size: 11px; }

.article-post .alignright {
  margin: 15px 0 15px 20px;
  float: right;
  text-align: right; }

.article-post .alignleft {
  margin: 15px 20px 15px 0;
  float: left;
  text-align: left; }

.article-post .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center; }

.long-form-article-link {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px; }
  @media (min-width: 900px) {
    .long-form-article-link {
      font-size: 20px; } }

.free-vip-read-banner h3 {
  color: #FFF;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 30px;
  text-align: center;
  padding: 15px 0 10px; }

.free-vip-read-banner span {
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  display: block;
  text-align: center; }
  .free-vip-read-banner span.green {
    color: #78C04C; }

.free-vip-read-banner .banner {
  display: block;
  border-radius: 10px;
  background-color: #272F3E;
  border: 4px solid #8eda5f;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 20px 25px;
  margin: 25px auto 0;
  max-width: 640px; }

.free-vip-read-banner .tfs-logo {
  display: block;
  width: 200px;
  height: auto;
  margin: 5px auto 15px; }

.free-vip-read-banner .join-link {
  color: #FFF;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: normal;
  display: block;
  border: 1px solid #78C04C;
  border-radius: 2px;
  padding: 15px;
  margin: 15px auto 0;
  width: 200px;
  text-transform: uppercase;
  text-align: center; }
  .free-vip-read-banner .join-link:hover {
    background-color: #78C04C;
    text-decoration: none; }

.free-vip-read-banner .arrow-svg {
  display: block;
  margin: 25px auto; }

.aria-text {
  color: transparent;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.votes-module .vote-result {
  display: block;
  color: #FFF;
  font-weight: 800;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 10px;
  letter-spacing: .5px; }

.votes-module div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .votes-module div svg {
    margin-right: 10px; }
  .votes-module div ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 140px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .votes-module div ul li {
      margin: 0 5px 0 0;
      color: #FFF;
      font-size: 11px;
      padding-bottom: 0; }
      .votes-module div ul li a {
        font-size: 11px;
        text-decoration: underline; }
  .votes-module div:first-of-type {
    margin-bottom: 10px; }

.action-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .action-bar > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .action-bar .voting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .action-bar .vote-controls {
    min-width: 105px; }
    .action-bar .vote-controls button {
      padding: 0 15px; }
      .action-bar .vote-controls button:first-of-type {
        padding: 0 15px 0 0; }
    .action-bar .vote-controls .count {
      display: block;
      color: #7E929F;
      font-size: 14px;
      padding: 0;
      margin: 0 10px; }
      .action-bar .vote-controls .count.upvotes {
        color: #78C04C; }
      .action-bar .vote-controls .count.downvotes {
        color: #C3283B; }
  .action-bar .quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 15px;
    font-size: 14px;
    color: #7E929F; }
    .action-bar .quote .quote-svg {
      margin-right: 5px; }
  .action-bar .vote-tooltip {
    margin: 0 !important;
    padding: 10px;
    min-width: 120px;
    position: absolute;
    left: 0 !important;
    bottom: 35px !important;
    top: auto !important; }
    .action-bar .vote-tooltip li {
      padding: 0; }
    .action-bar .vote-tooltip::after {
      margin: 0 !important;
      top: auto !important;
      left: 27px !important;
      bottom: -6px !important;
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 8px solid transparent !important;
      border-right: 8px solid transparent !important;
      border-top-color: #222 !important;
      border-top-style: solid !important;
      border-top-width: 6px !important; }
  .action-bar .post-list button {
    color: #fff; }
  .action-bar button:last-of-type {
    margin-left: auto; }

.replies-list {
  background-color: #EEE;
  padding: 1px 0; }
  .replies-list.loading {
    opacity: .5; }
  .replies-list .discussion-divide {
    background-color: #d4d6dc;
    color: #7E929F;
    font-weight: 700;
    padding: 10px;
    text-align: center; }
  .replies-list .replies-item {
    margin: 10px;
    padding: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); }
    .replies-list .replies-item.headline-content .content-wpr .embedVideo {
      width: 100%;
      max-width: 640px;
      margin: 0 auto 20px; }
    .replies-list .replies-item.headline-content .content-wpr h1 {
      font-size: 33px;
      line-height: normal;
      margin-bottom: 15px; }
    .replies-list .replies-item.headline-content .content-wpr h2 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 15px; }
    .replies-list .replies-item.headline-content .content-wpr p, .replies-list .replies-item.headline-content .content-wpr li {
      color: #000;
      font-size: 18px;
      line-height: 30px; }
      .replies-list .replies-item.headline-content .content-wpr p a, .replies-list .replies-item.headline-content .content-wpr li a {
        font-weight: normal; }
      .replies-list .replies-item.headline-content .content-wpr p b, .replies-list .replies-item.headline-content .content-wpr p strong, .replies-list .replies-item.headline-content .content-wpr li b, .replies-list .replies-item.headline-content .content-wpr li strong {
        color: #000;
        font-weight: 800; }
        .replies-list .replies-item.headline-content .content-wpr p b a, .replies-list .replies-item.headline-content .content-wpr p strong a, .replies-list .replies-item.headline-content .content-wpr li b a, .replies-list .replies-item.headline-content .content-wpr li strong a {
          font-weight: 800; }
    .replies-list .replies-item.headline-content .content-wpr blockquote {
      font-style: italic;
      padding: 5px 20px;
      border: solid 1px #DDD;
      overflow: hidden;
      background-color: #eee;
      margin-bottom: 10px; }
      .replies-list .replies-item.headline-content .content-wpr blockquote p {
        margin: 0; }
    .replies-list .replies-item.headline-content .content-wpr .story-card p {
      font-size: 15px;
      line-height: 18px; }
    .replies-list .replies-item.posted {
      border-left: 5px solid #005695; }
    .replies-list .replies-item.topic-post {
      margin: 0 1px;
      border-bottom: solid 1px #DDD; }
    .replies-list .replies-item .edit-block p {
      font-size: 12px;
      font-style: italic;
      color: #7E929F;
      padding-bottom: 15px; }
    .replies-list .replies-item .ignore-block {
      padding: 15px 0; }
      .replies-list .replies-item .ignore-block strong {
        padding-right: 5px;
        font-weight: 800; }
      .replies-list .replies-item .ignore-block button {
        font-weight: 700;
        cursor: pointer; }
        .replies-list .replies-item .ignore-block button:first-of-type::after {
          content: '|';
          padding: 0 5px; }
    .replies-list .replies-item .user-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 15px; }
      @media (min-width: 640px) {
        .replies-list .replies-item .user-info {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .replies-list .replies-item .user-info .circle-img-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50px;
            -ms-flex: 0 0 50px;
                flex: 0 0 50px; }
      .replies-list .replies-item .user-info .name-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .replies-list .replies-item .user-info .name-block .user-name {
          cursor: pointer;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 14px;
          font-weight: 800;
          margin-bottom: 5px; }
          .replies-list .replies-item .user-info .name-block .user-name .expert-svg {
            margin-left: 5px; }
          .replies-list .replies-item .user-info .name-block .user-name .badge {
            display: block;
            color: #FFF;
            font-weight: 800;
            font-size: 11px;
            text-transform: uppercase;
            margin-left: 5px;
            border-radius: 3px;
            padding: 3px 5px; }
        .replies-list .replies-item .user-info .name-block ul button {
          color: #FFF; }
      .replies-list .replies-item .user-info .stats-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        color: #7E929F; }
        .replies-list .replies-item .user-info .stats-list li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #7E929F;
          font-size: 13px;
          margin-bottom: 5px; }
          .replies-list .replies-item .user-info .stats-list li::after {
            color: #7E929F;
            content: " \2022 ";
            font-size: 12px;
            padding: 0 10px; }
          .replies-list .replies-item .user-info .stats-list li:last-of-type::after {
            content: unset; }
          .replies-list .replies-item .user-info .stats-list li .posts-svg {
            margin-right: 5px; }
          .replies-list .replies-item .user-info .stats-list li .vip {
            margin-left: 10px;
            padding: 0 3px; }

.avatar-first-mod-option {
  border-top: 1px solid #7E929F;
  padding-top: 10px; }

.quick-reply {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  background-color: #ecedef;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .quick-reply form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .quick-reply form textarea {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-size: 16px;
      font-family: 'proxima-nova', Arial, sans-serif;
      height: 35px;
      min-height: 35px;
      padding: 5px;
      margin-right: 15px;
      border: solid 1px #DDD;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
      resize: vertical; }
    .quick-reply form .action-button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: auto;
      height: 35px;
      width: 15%;
      border-radius: 3px; }
      @media (min-width: 640px) {
        .quick-reply form .action-button {
          width: 115px; } }
      .quick-reply form .action-button:disabled {
        opacity: .3; }
      .quick-reply form .action-button svg {
        display: block; }
        @media (min-width: 640px) {
          .quick-reply form .action-button svg {
            display: none; } }
      .quick-reply form .action-button span {
        display: none;
        color: #FFF;
        font-weight: 700;
        font-size: 14px; }
        @media (min-width: 640px) {
          .quick-reply form .action-button span {
            display: block; } }

.board-popover {
  background-color: #fff;
  padding: 15px;
  max-width: 345px;
  border: solid 1px #DDD;
  border-radius: 3px; }
  .board-popover p {
    color: #254356;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 15px; }
  .board-popover ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .board-popover ul li {
      margin-right: 25px;
      color: #254356;
      font-size: 19px;
      font-weight: 700; }
      .board-popover ul li h3 {
        color: #81878e;
        font-size: 14px;
        font-weight: 700; }

.topic-popover {
  display: grid;
  background-color: #fff;
  padding: 15px 0 10px;
  max-width: 645px;
  border: solid 1px #DDD;
  border-radius: 3px; }
  @media (min-width: 900px) {
    .topic-popover {
      grid-template-columns: 1fr 1fr; }
      .topic-popover div:first-of-type {
        border-right: solid 1px #DDD; } }
  .topic-popover div {
    padding: 0 15px 10px; }
    .topic-popover div h3 {
      font-size: 14px;
      font-weight: 700;
      color: #254356;
      margin-bottom: 10px; }
    .topic-popover div h4 {
      font-size: 14px;
      font-weight: 700;
      color: #81878e;
      margin-bottom: 5px; }
  .topic-popover ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 10px; }
    .topic-popover ul li {
      font-size: 14px;
      font-weight: 700;
      margin: 0 3px 5px 0; }
      .topic-popover ul li:last-of-type {
        margin: 0; }
      .topic-popover ul li a {
        font-weight: 700; }
  .topic-popover .contributing-list {
    display: block; }
    .topic-popover .contributing-list li {
      margin-bottom: 5px; }
      .topic-popover .contributing-list li:last-of-type {
        margin: 0; }

.Popover {
  z-index: 5;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  -webkit-transition-property: unset !important;
  -o-transition-property: unset !important;
  transition-property: unset !important;
  -webkit-transition-timing-function: unset !important;
       -o-transition-timing-function: unset !important;
          transition-timing-function: unset !important; }

.Popover-tip {
  margin-top: -1px;
  fill: #fff;
  transition: -webkit-transform 0ms ease-in !important; }

.Popover-tipShape {
  stroke: #DDD;
  stroke-dasharray: 0, 0, 20; }

.Popover-below {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.deleted-replies-modal {
  padding: 40px;
  max-height: 500px;
  overflow: auto; }
  .deleted-replies-modal h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 800;
    color: #2E3547;
    padding-bottom: 10px; }
  .deleted-replies-modal .heading {
    border-bottom: solid 1px #DDD;
    padding-bottom: 3px; }
    .deleted-replies-modal .heading li {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 800;
      line-height: 16px;
      letter-spacing: 1.45px;
      color: #81878e; }
      .deleted-replies-modal .heading li:not(.post-body) {
        display: none; }
        @media (min-width: 900px) {
          .deleted-replies-modal .heading li:not(.post-body) {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; } }
  @media (min-width: 900px) {
    .deleted-replies-modal ul > li > ul {
      display: grid;
      grid-template-columns: auto 100px 100px 100px;
      grid-gap: 20px; } }
  .deleted-replies-modal .post {
    padding: 10px 0; }
    .deleted-replies-modal .post:not(:last-of-type) {
      border-bottom: solid 1px #DDD; }
    .deleted-replies-modal .post li {
      font-size: 13px;
      line-height: 16px;
      color: #81878e; }
      .deleted-replies-modal .post li button {
        margin-left: 0; }
    .deleted-replies-modal .post p {
      font-size: 13px;
      line-height: 16px;
      color: #81878e; }

.board-header {
  position: relative;
  padding: 15px; }
  .board-header.lobby {
    border-bottom: 2px solid #005695;
    padding: 0 0 10px; }
    .board-header.lobby h1 {
      color: #272F3E; }
  .board-header h1 {
    display: inline;
    font-weight: 800;
    color: #FFF;
    font-size: 27px;
    line-height: 27px; }
  .board-header button {
    margin-left: 10px; }
  .board-header .vote-score {
    background: rgba(37, 35, 35, 0.9);
    display: inline-block;
    padding: 2px 8px 0 5px;
    margin-left: 10px;
    vertical-align: 1px;
    border-radius: 11px;
    border: 1px solid; }
    .board-header .vote-score span {
      font-size: 14px;
      vertical-align: 2px;
      padding-left: 3px; }
    .board-header .vote-score .up {
      color: #78C04C; }
    .board-header .vote-score .down {
      color: #C3283B; }
  .board-header .locked {
    display: inline-block;
    margin-left: 10px; }
  .board-header .vip {
    margin-left: 10px;
    vertical-align: 4px; }
  .board-header .my-boards {
    position: absolute;
    right: 0;
    top: 0; }
  .board-header .deleted-reply-button {
    color: #FFF;
    font-weight: 700;
    vertical-align: 4px;
    line-height: 27px; }
    @media (min-width: 1440px) {
      .board-header .deleted-reply-button {
        position: absolute;
        right: 15px; } }

.select-wrapper {
  position: relative;
  border: solid 1px #DDD;
  border-radius: 2px;
  margin-bottom: 20px;
  cursor: pointer; }
  .select-wrapper select {
    height: 40px;
    width: 100%;
    padding: 10px 30px 10px 10px;
    color: #7E929F;
    font-weight: normal;
    font-size: 14px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #FFF;
    border: 0;
    cursor: pointer; }
  .select-wrapper::after {
    font-family: 'icomoon';
    content: '\e618';
    position: absolute;
    color: #7E929F;
    right: 10px;
    top: 14px;
    pointer-events: none; }

.move-modal {
  padding: 30px; }
  .move-modal h2 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    border-bottom: solid 1px #DDD; }
  .move-modal h3 {
    font-size: 14px;
    padding-bottom: 20px; }
    .move-modal h3 span {
      color: #005695;
      font-weight: 700; }
  .move-modal .action-button {
    margin-left: auto;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    background-color: #DDD; }
  .move-modal .confirm-buttons {
    text-align: right;
    padding-top: 10px; }
    .move-modal .confirm-buttons button {
      margin-left: 10px; }

.dimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 6000001; }

.lightbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 5vh;
  width: 90%;
  left: 5%;
  z-index: 6000002; }
  .lightbox img {
    max-width: 100%;
    max-height: 90vh;
    height: auto; }
    @media (max-width: 899px) {
      .lightbox img {
        max-width: 90vw;
        max-height: 80vh;
        height: auto; } }
  .lightbox .close-button {
    color: #000;
    position: fixed;
    right: 10px;
    top: 10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 5px; }
    .lightbox .close-button:hover {
      cursor: pointer; }

.merge-modal {
  padding: 30px; }
  .merge-modal h1 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    border-bottom: solid 1px #DDD; }
  .merge-modal h3 {
    font-size: 14px;
    color: #7E929F;
    font-weight: 700; }
  .merge-modal .action-button {
    margin-left: auto;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    background-color: #DDD; }
  .merge-modal ul {
    padding-top: 20px; }
  .merge-modal li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0; }
    .merge-modal li button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-right: 5px;
      cursor: pointer; }
    .merge-modal li:last-of-type {
      margin-left: auto; }
  .merge-modal .selected {
    color: #999; }
  .merge-modal .confirm-buttons {
    text-align: right;
    padding-top: 10px; }
    .merge-modal .confirm-buttons button {
      margin-left: 10px; }

.not-allowed {
  color: #C3283B;
  font-weight: 800; }

.bulk-edit > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 5px 15px; }
  .bulk-edit > ul li {
    padding: 7px; }
    .bulk-edit > ul li button {
      cursor: pointer;
      font-size: 15px; }
    @media (min-width: 900px) {
      .bulk-edit > ul li:last-of-type {
        margin-left: auto; } }

.heat {
  background-color: #EEE;
  width: 20px;
  height: 2px;
  position: relative; }
  .heat span {
    display: inline-block;
    position: absolute;
    height: 2px;
    font-size: 1px;
    color: transparent; }
    .heat span.hot {
      background-color: #D33D3B;
      width: 100%; }
    .heat span.warmer {
      background-color: #FF832F;
      width: 75%; }
    .heat span.warm {
      background-color: #FBA53C;
      width: 50%; }
    .heat span.cool {
      background-color: #58AEDE;
      width: 25%; }

.topic-item {
  background-color: #FFF;
  margin-bottom: 5px;
  padding: 10px 15px;
  position: relative; }
  @media (min-width: 1130px) {
    .topic-item {
      display: grid;
      grid-template-areas: 'title  title lastpost status' 'author stats lastpost status';
      grid-template-columns: 2fr 3fr 1fr 50px; } }
  .topic-item.posted {
    border-left: 5px solid #005695; }
  .topic-item.pinned {
    border-top: 2px solid #FFF !important;
    border-bottom: 2px solid #FFF !important; }
  .topic-item span.author, .topic-item a.lastupdate {
    position: relative;
    z-index: 1; }
  .topic-item .title-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5px;
    padding-right: 25px; }
    @media (min-width: 1130px) {
      .topic-item .title-block {
        margin: 0;
        grid-area: title; } }
    .topic-item .title-block label {
      position: relative;
      z-index: 1; }
    .topic-item .title-block .notif {
      width: 30px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 30px;
          -ms-flex: 0 0 30px;
              flex: 0 0 30px;
      z-index: 1; }
      .topic-item .title-block .notif span {
        display: inline-block;
        text-align: center;
        background-color: #e23f53;
        border-radius: 50px;
        color: #FFF;
        height: 20px;
        width: 20px;
        line-height: 20px;
        position: relative; }
    .topic-item .title-block .title {
      font-size: 15px;
      font-weight: 700;
      grid-area: title;
      line-height: 20px; }
      .topic-item .title-block .title::before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        left: 0;
        top: 0; }
      .topic-item .title-block .title:visited {
        color: #7E929F; }
        .topic-item .title-block .title:visited::before {
          position: absolute;
          width: 100%;
          height: 100%;
          content: '';
          left: 0;
          top: 0;
          background-color: #DDD !important;
          z-index: -1; }
  .topic-item .author {
    display: inline-block;
    margin: 0 5px 8px 0;
    font-size: 14px;
    color: #7E929F;
    position: relative;
    z-index: 1; }
    @media (min-width: 1130px) {
      .topic-item .author {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 5px 0 0;
        grid-area: author;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    .topic-item .author a {
      color: #7E929F;
      padding: 0 5px 0 0; }
      @media (min-width: 1130px) {
        .topic-item .author a {
          padding: 0 5px; } }
    .topic-item .author .original-post {
      display: none; }
      @media (min-width: 1130px) {
        .topic-item .author .original-post {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #7E929F; } }
      .topic-item .author .original-post svg {
        margin-right: 3px; }
  .topic-item .replydate {
    display: inline-block;
    padding: 0 5px 8px 0;
    font-size: 13px;
    color: #7E929F;
    position: relative;
    z-index: 1; }
    @media (min-width: 1130px) {
      .topic-item .replydate {
        grid-area: lastpost;
        grid-row: 1 / 2; } }
    .topic-item .replydate svg {
      vertical-align: -3px;
      margin-right: 5px; }
      @media (min-width: 1130px) {
        .topic-item .replydate svg {
          display: none; } }
  .topic-item .lastupdate {
    display: inline-block;
    padding: 0 5px 8px 0;
    font-size: 13px;
    position: relative;
    z-index: 1; }
    @media (min-width: 1130px) {
      .topic-item .lastupdate {
        grid-area: lastpost;
        grid-row: 2 / 3; } }
    .topic-item .lastupdate .commenter {
      color: #7E929F; }
      .topic-item .lastupdate .commenter svg {
        vertical-align: -3px; }
        @media (min-width: 1130px) {
          .topic-item .lastupdate .commenter svg {
            display: none; } }
    .topic-item .lastupdate .op-author {
      display: none;
      color: #7E929F; }
      @media (min-width: 1130px) {
        .topic-item .lastupdate .op-author {
          display: inline-block; } }
  .topic-item .stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    font-size: 14px;
    color: #7E929F;
    position: relative;
    z-index: 1; }
    @media (min-width: 1130px) {
      .topic-item .stats {
        grid-area: stats;
        grid-row: 2 / 3; } }
    @media (min-width: 1440px) {
      .topic-item .stats {
        padding-left: 75px; } }
    .topic-item .stats li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #7E929F;
      height: 16px;
      position: relative;
      margin-bottom: 5px; }
      .topic-item .stats li::after {
        color: #7E929F;
        content: " \2022 ";
        font-size: 12px;
        padding: 0 10px; }
      .topic-item .stats li:last-of-type::after {
        content: unset; }
      @media (min-width: 1130px) {
        .topic-item .stats li {
          margin-bottom: 0; } }
      .topic-item .stats li.up {
        color: #78C04C; }
      .topic-item .stats li.down {
        color: #C3283B; }
      .topic-item .stats li.admin-item button {
        height: 16px; }
      .topic-item .stats li .arrow-svg,
      .topic-item .stats li .posts-svg,
      .topic-item .stats li .eye-svg,
      .topic-item .stats li .expert-svg {
        margin-right: 5px; }
  .topic-item .topic-status {
    position: absolute;
    top: 15px;
    right: 10px; }
    @media (min-width: 1130px) {
      .topic-item .topic-status {
        grid-area: status;
        align-self: center;
        justify-self: self-end;
        position: inherit;
        top: auto;
        right: auto; } }
    .topic-item .topic-status span {
      display: block;
      margin-bottom: 3px;
      text-align: right; }
      @media (min-width: 1130px) {
        .topic-item .topic-status span {
          display: inline-block;
          margin: 0 0 0 3px; } }
      .topic-item .topic-status span.pinned {
        width: 27px;
        height: 27px;
        border: solid 1px #DDD;
        border-radius: 50px;
        padding: 5px; }

.pulse-enter {
  opacity: 1; }

.pulse-enter-active {
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms; }

.pulse-exit {
  opacity: 0; }

.pulse-exit-active {
  opacity: 1;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms; }

.outline-enter {
  border: 1px solid #005695; }

.outline-exit {
  border: 1px solid #005695; }

.outline-exit-active {
  border: 0;
  -webkit-transition: border 5000ms;
  -o-transition: border 5000ms;
  transition: border 5000ms; }

.topic-list {
  background-color: #EEE; }
  .topic-list.loading {
    opacity: .5; }
  .topic-list .heading {
    display: none; }
    @media (min-width: 1130px) {
      .topic-list .heading {
        display: grid;
        grid-template-columns: 2fr 3fr 1fr 50px;
        padding: 8px 15px; }
        .topic-list .heading span {
          color: #7E929F;
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase; }
          .topic-list .heading span:last-of-type {
            grid-column: 3 / 4; } }
    @media (min-width: 1320px) {
      .topic-list .heading {
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } }
  .topic-list .pin-divider {
    padding: 5px;
    color: #FFF;
    font-weight: 700;
    margin: 15px 0;
    text-align: center;
    letter-spacing: .5px; }

.admin-popover .tip {
  background-color: #2E3547;
  border-radius: 3px;
  padding: 10px; }
  .admin-popover .tip li {
    padding: 3px 0; }

.admin-popover .Popover-body {
  border-radius: 3px; }

.admin-popover .Popover-tip {
  fill: #2E3547; }

.admin-popover li {
  color: #fff; }
  .admin-popover li button {
    color: #fff; }

.boards-list {
  background-color: #F1F1F1; }
  .boards-list .board-item {
    background-color: #FFF;
    margin-bottom: 5px;
    padding: 10px 0; }
    .boards-list .board-item .board-name {
      display: inline-block;
      margin-right: 5px;
      font-size: 15px;
      font-weight: 700;
      grid-area: title;
      line-height: 20px; }
    .boards-list .board-item .board-stats-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 13px;
      color: #7E929F;
      margin-top: 5px; }
      .boards-list .board-item .board-stats-list li {
        color: #7E929F; }
        .boards-list .board-item .board-stats-list li::after {
          color: #7E929F;
          content: " \2022 ";
          font-size: 12px;
          padding: 0 10px; }
        .boards-list .board-item .board-stats-list li:last-of-type::after {
          content: unset; }

.board-legend {
  background-color: #F7F7F7;
  padding: 20px;
  margin-bottom: 25px; }
  .board-legend li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px; }
    .board-legend li:last-of-type {
      margin: 0; }
    .board-legend li svg,
    .board-legend li .vip {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 30px;
          -ms-flex: 0 0 30px;
              flex: 0 0 30px; }
    .board-legend li .user-posted {
      border-left: 5px solid;
      color: transparent;
      margin: 0 13px; }
    .board-legend li .notif-circle {
      background-color: #e23f53;
      color: transparent;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      margin: 0 9px 0 6px; }
    .board-legend li .heat {
      margin: 0 6px 0 4px; }
    .board-legend li .def {
      color: #7E929F;
      display: inline-block;
      margin-left: 10px;
      font-weight: 700;
      font-size: 10px;
      text-transform: uppercase; }

.user-stats {
  margin-bottom: 30px; }
  .user-stats header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px; }
    .user-stats header .user-alias {
      display: block;
      font-size: 14px;
      font-weight: 700; }
    .user-stats header .user-date {
      color: #7E929F; }
  .user-stats li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 13px;
    margin-bottom: 10px; }
  .user-stats .user-stat-label {
    display: block;
    font-weight: 800;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 115px;
        -ms-flex: 0 0 115px;
            flex: 0 0 115px; }
  .user-stats .user-stat-data {
    color: #7E929F; }
  .user-stats .user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .user-stats .user-info svg, .user-stats .user-info span {
      margin-left: 3px; }

.sidebar {
  background-color: #FFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding: 15px;
  z-index: 9999999; }
  @media (min-width: 900px) {
    .sidebar {
      display: block;
      overflow: unset;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 300px;
          -ms-flex: 0 0 300px;
              flex: 0 0 300px;
      width: 300px;
      height: auto;
      position: static;
      padding: 25px 0 0;
      z-index: 0;
      margin-left: 50px; }
      .sidebar.sidebar-video-placeholder {
        margin-top: 225px; }
      .sidebar.sidebar-video-player-visible {
        width: 440px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 440px;
            -ms-flex: 0 0 440px;
                flex: 0 0 440px;
        margin-top: 315px; } }
  .sidebar header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 1px #DDD;
    padding-bottom: 5px; }
    .sidebar header h1 {
      font-size: 18px;
      font-weight: 800; }
  @media (min-width: 900px) {
    .sidebar.non-vip {
      display: block !important; } }
  .sidebar.non-vip .vip-gate-block {
    display: none; }
    @media (min-width: 900px) {
      .sidebar.non-vip .vip-gate-block {
        display: block; } }
  .sidebar .close-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    cursor: pointer;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%; }
  .sidebar .dfp_ad {
    min-height: 250px; }
    .sidebar .dfp_ad.sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 140px; }
      .skybox-loaded .sidebar .dfp_ad.sticky {
        top: 160px; }

.layout {
  position: relative;
  padding: 10px; }
  @media (min-width: 900px) {
    .layout {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1130px) {
    .layout {
      padding: 15px 20px; } }
  .layout .content {
    width: 100%; }
  @media (max-width: 899px) {
    .layout .sidebar {
      display: none; } }
  .layout.expanded .sidebar, .layout.expanded.mobile .sidebar {
    display: none; }
  .layout.mobile .sidebar {
    display: block; }

.open-layout {
  position: absolute;
  right: 5px; }
  @media (min-width: 900px) {
    .open-layout {
      right: 20px; } }
  .open-layout button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    background-color: #2E3547;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer; }
    .open-layout button svg {
      margin-left: 5px; }

.scroll-up-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: fixed;
  right: -100px;
  bottom: 15px;
  -webkit-transition: right .5s;
  -o-transition: right .5s;
  transition: right .5s;
  cursor: pointer;
  background-color: #254356;
  font-size: 20px;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px; }

.scroll-up-trans {
  right: 20px; }

.post-votes-header {
  margin: 25px 0 45px; }
  .post-votes-header h1 {
    font-size: 37px;
    font-weight: 800;
    margin-bottom: 5px; }
  .post-votes-header div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    font-size: 15px;
    color: #7E929F;
    margin-bottom: 10px; }
    .post-votes-header div a {
      display: inline-block;
      margin: 0 3px;
      font-weight: 800; }
  .post-votes-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .post-votes-header ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #7E929F;
      font-size: 13px; }
      .post-votes-header ul li::after {
        color: #7E929F;
        content: " \2022 ";
        font-size: 12px;
        padding: 0 10px; }
      .post-votes-header ul li:last-of-type::after {
        content: unset; }
      .post-votes-header ul li svg {
        margin-right: 5px; }

.post-vote {
  margin-bottom: 35px; }
  .post-vote header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #254356;
    font-size: 13px;
    font-weight: 700;
    border-bottom: solid 1px #DDD;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .post-vote header h1 {
      color: #81878e;
      font-weight: 700;
      font-size: 13px;
      margin-left: 5px; }
    .post-vote header svg {
      margin-right: 5px; }
  .post-vote ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .post-vote ul li {
      margin-right: 8px; }
    .post-vote ul .bold {
      font-weight: 800; }

.mod-dashboard {
  min-height: 300px;
  padding: 10px; }
  @media (min-width: 1130px) {
    .mod-dashboard {
      padding: 15px 20px; } }
  .mod-dashboard a, .mod-dashboard button {
    font-size: 13px;
    line-height: 16px;
    font-weight: 700; }
  .mod-dashboard .action-button {
    margin: 15px 15px 0 0; }
    @media (min-width: 900px) {
      .mod-dashboard .action-button {
        margin: 0 15px 0 0; } }
    @media (min-width: 900px) {
      .mod-dashboard .action-button.remove {
        margin: 10px 0 0; } }
  @media (min-width: 900px) {
    .mod-dashboard header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .mod-dashboard header span {
    font-size: 15px;
    font-weight: normal;
    color: #81878e;
    line-height: 21px; }
  .mod-dashboard header a {
    font-size: 15px;
    line-height: 21px; }
  .mod-dashboard .quick-links a:not(:last-of-type)::after {
    content: '|';
    padding: 0 3px; }
  .mod-dashboard h1 {
    margin-top: 15px;
    font-size: 37px;
    line-height: 37px;
    color: #2E3547;
    font-weight: 800; }
  .mod-dashboard h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 800;
    color: #2E3547;
    padding-bottom: 10px; }
  .mod-dashboard section {
    border: solid 1px #DDD;
    padding: 25px;
    margin-top: 20px;
    position: relative; }
    @media (min-width: 900px) {
      .mod-dashboard section .recently-flagged-posts > li > ul {
        display: grid;
        grid-template-columns: auto 140px 100px 100px 100px;
        grid-gap: 30px; } }
    @media (min-width: 900px) {
      .mod-dashboard section .users-for-approval > li > ul {
        display: grid;
        grid-template-columns: 200px 100px auto 140px 200px;
        grid-gap: 30px; } }
    @media (min-width: 900px) {
      .mod-dashboard section .deleted-replies > li > ul {
        display: grid;
        grid-template-columns: auto 140px 100px 100px;
        grid-gap: 30px; } }
    @media (min-width: 900px) {
      .mod-dashboard section .recent-bans > li > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 30px; } }
    .mod-dashboard section .heading {
      border-bottom: solid 1px #DDD;
      padding-bottom: 3px; }
      .mod-dashboard section .heading li {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 800;
        line-height: 16px;
        letter-spacing: 1.45px;
        color: #81878e; }
        .mod-dashboard section .heading li:not(.post-body) {
          display: none; }
          @media (min-width: 900px) {
            .mod-dashboard section .heading li:not(.post-body) {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; } }
    .mod-dashboard section .post {
      padding: 10px 0; }
      .mod-dashboard section .post:not(:last-of-type) {
        border-bottom: solid 1px #DDD; }
      .mod-dashboard section .post li {
        font-size: 13px;
        line-height: 16px;
        color: #81878e; }
      .mod-dashboard section .post p {
        font-size: 13px;
        line-height: 16px;
        color: #81878e; }
    .mod-dashboard section .user {
      padding: 3px 0; }
      .mod-dashboard section .user li {
        font-size: 13px;
        line-height: 16px;
        color: #81878e; }
      .mod-dashboard section .user p {
        font-size: 13px;
        line-height: 16px;
        color: #81878e; }
    .mod-dashboard section .tools button:first-of-type::after {
      content: '|';
      padding: 0 3px; }
  .mod-dashboard .show-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px; }

.notifications .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  margin-bottom: 25px; }
  @media (min-width: 900px) {
    .notifications .tab-list {
      padding: 0; } }
  .notifications .tab-list li {
    margin-right: 15px; }
    @media (min-width: 1130px) {
      .notifications .tab-list li {
        margin-right: 25px; } }
    .notifications .tab-list li:last-of-type {
      margin: 0 0 0 auto; }
    .notifications .tab-list li a {
      font-size: 14px;
      font-weight: 700; }
    .notifications .tab-list li button {
      color: #94a1a9;
      font-size: 14px;
      font-weight: 700; }

.notifications .notification-list {
  background-color: #EEE; }
  .notifications .notification-list li {
    background-color: #FFF;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 10px 15px;
    margin-bottom: 5px;
    position: relative; }
    @media (min-width: 1130px) {
      .notifications .notification-list li {
        padding: 10px 20px; } }
    .notifications .notification-list li:last-of-type {
      border: 0; }
    .notifications .notification-list li.load-more {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-top: solid 1px #DDD;
      padding: 15px 0; }
      .notifications .notification-list li.load-more button {
        font-weight: 700;
        text-transform: uppercase; }
    .notifications .notification-list li a, .notifications .notification-list li strong {
      font-weight: 700;
      line-height: 25px; }
    .notifications .notification-list li a:last-of-type::before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      left: 0;
      top: 0; }
    .notifications .notification-list li a:last-of-type:visited::before {
      background-color: #DDD; }
    .notifications .notification-list li div {
      color: #81878e; }
    .notifications .notification-list li .time-stamp {
      color: #81878e;
      width: 50px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50px;
          -ms-flex: 0 0 50px;
              flex: 0 0 50px;
      font-size: 10px;
      margin-right: 15px;
      text-align: right;
      line-height: 25px; }
      @media (min-width: 1130px) {
        .notifications .notification-list li .time-stamp {
          font-size: 13px;
          text-align: left;
          width: 105px;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 105px;
              -ms-flex: 0 0 105px;
                  flex: 0 0 105px; } }
    .notifications .notification-list li .unread {
      background-color: #e23f53;
      color: transparent;
      width: 5px;
      height: 5px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 5px;
          -ms-flex: 0 0 5px;
              flex: 0 0 5px;
      border-radius: 50%;
      margin: 10px 9px 0 6px;
      position: absolute;
      left: 15px; }
      .notifications .notification-list li .unread::before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        left: 0;
        top: 0; }
    .notifications .notification-list li .notification-type-icon {
      margin: 3px 0 0 25px; }
      @media (min-width: 1130px) {
        .notifications .notification-list li .notification-type-icon {
          margin: 3px 25px 0; } }

.settings-popover {
  background-color: #FFF;
  padding: 15px;
  max-width: 345px;
  border: solid 1px #DDD;
  border-radius: 3px; }
  .settings-popover p, .settings-popover li {
    color: #254356;
    font-size: 14px;
    line-height: 18px; }
  .settings-popover li {
    margin: 0 0 10px 15px;
    list-style: disc; }
    .settings-popover li:first-of-type {
      font-weight: 700;
      list-style: none;
      margin: 0 0 10px 0; }
    .settings-popover li:last-of-type {
      margin: 0 0 0 15px; }
  .settings-popover b {
    font-weight: 800; }
  .settings-popover .board {
    margin-bottom: 10px; }

@media (min-width: 1130px) {
  .notifications-settings {
    padding: 10px 0 25px; } }

.notifications-settings header button {
  height: 16px;
  margin-left: 5px; }

.notifications-settings .notification-sub-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .notifications-settings .notification-sub-header button {
    height: 16px;
    margin: 0 0 15px 5px; }
    @media (min-width: 900px) {
      .notifications-settings .notification-sub-header button {
        margin: 0 0 0 5px; } }

.notifications-settings .section-heading {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 15px; }
  @media (min-width: 900px) {
    .notifications-settings .section-heading {
      margin: 0; } }

.notifications-settings .settings-item {
  padding: 20px 0 25px;
  margin: 0 15px;
  border-bottom: solid 1px #DDD; }
  @media (min-width: 900px) {
    .notifications-settings .settings-item {
      margin: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px 0; } }

.notifications-settings .settings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 900px) {
    .notifications-settings .settings {
      margin-left: auto; } }
  .notifications-settings .settings button {
    border: solid 1px #DDD;
    border-right: 0;
    color: #94a1a9;
    font-size: 14px;
    font-weight: 700;
    width: 60px;
    height: 30px; }
    .notifications-settings .settings button:last-of-type {
      border-right: solid 1px #DDD; }
    .notifications-settings .settings button:hover {
      background-color: #94a1a9;
      color: #FFF; }
    .notifications-settings .settings button.active {
      border: 1px solid #005695;
      color: #005695; }
  .notifications-settings .settings .dark-mode-button {
    border: solid 1px #DDD; }
    .dark-mode .notifications-settings .settings .dark-mode-button {
      border: solid 1px #3F4042;
      color: #999; }
    .notifications-settings .settings .dark-mode-button.active {
      border: 1px solid #005695;
      color: #005695; }
      .dark-mode .notifications-settings .settings .dark-mode-button.active {
        border: 1px solid #FFF;
        color: #FFF; }

.notifications-settings .boards {
  border-bottom: solid 1px #DDD;
  padding: 20px 15px 25px; }
  @media (min-width: 900px) {
    .notifications-settings .boards {
      padding: 15px 0 0;
      display: grid;
      grid-template-columns: 1fr 2fr; } }
  @media (min-width: 900px) {
    .notifications-settings .boards header {
      grid-column: 1 / 2;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (min-width: 900px) {
    .notifications-settings .boards header button {
      margin-top: 3px; } }
  .notifications-settings .boards li {
    padding: 0 0 15px; }
    @media (min-width: 900px) {
      .notifications-settings .boards li {
        display: grid;
        grid-template-columns: 50px 1fr 1fr;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px; } }
    @media (max-width: 899px) {
      .notifications-settings .boards li {
        position: relative; } }
    .notifications-settings .boards li .unfollow-button {
      font-size: large;
      color: red;
      cursor: pointer;
      text-align: center; }
      @media (max-width: 899px) {
        .notifications-settings .boards li .unfollow-button {
          position: absolute;
          right: 0; } }
      @media (min-width: 900px) {
        .notifications-settings .boards li .unfollow-button {
          grid-column: 1 / 2; } }
  .notifications-settings .boards .board-heading {
    color: #254356;
    font-size: 14px;
    margin-bottom: 10px; }
    @media (min-width: 900px) {
      .notifications-settings .boards .board-heading {
        grid-column: 2 / 3;
        margin: 0; } }
  @media (min-width: 900px) {
    .notifications-settings .boards .settings {
      grid-column: 3 / 4; } }

.user-pg-header {
  background: #F7F7F7;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }
  @media (min-width: 900px) {
    .user-pg-header {
      max-width: 900px; } }
  @media (min-width: 1130px) {
    .user-pg-header {
      max-width: 1130px; } }
  .user-pg-header > div {
    margin: 15px 0 20px; }
  .user-pg-header .admin-list {
    padding: 3px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 25px;
    background-color: #DDD; }
    .user-pg-header .admin-list a {
      color: #7E929F;
      font-size: 14px; }
  .user-pg-header .circle-img-block {
    margin: 20px 10px 20px 20px; }
  .user-pg-header .user-alias {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 0 5px 0;
    color: #254356;
    font-size: 27px;
    font-weight: 800; }
    .user-pg-header .user-alias .expert-svg {
      margin-left: 5px; }
  .user-pg-header .user-info-block li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #94a1a9;
    font-size: 14px;
    margin-bottom: 5px; }
    .user-pg-header .user-info-block li b {
      color: #94a1a9;
      font-weight: 700;
      margin-right: 5px; }
    .user-pg-header .user-info-block li .vip {
      margin-left: 5px; }

.user-tabs-list {
  background-color: #F7F7F7;
  border-top: solid 1px #DDD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .user-tabs-list {
      max-width: 900px; } }
  @media (min-width: 1130px) {
    .user-tabs-list {
      max-width: none;
      background-color: #FFF;
      display: block;
      border: 0;
      margin: 23px 0 0; } }
  .user-tabs-list li {
    border-right: solid 1px #DDD;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media (min-width: 1130px) {
      .user-tabs-list li {
        border: 0;
        margin-bottom: 25px; } }
    .user-tabs-list li:last-of-type {
      border: 0; }
    .user-tabs-list li.flex-grow {
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
    .user-tabs-list li svg {
      margin-right: 5px; }
    .user-tabs-list li a {
      color: #94a1a9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 40px;
      font-size: 14px;
      font-weight: 700; }
      @media (min-width: 1130px) {
        .user-tabs-list li a {
          -webkit-box-pack: start;
          -webkit-justify-content: start;
              -ms-flex-pack: start;
                  justify-content: start;
          height: auto; } }
      .user-tabs-list li a:hover, .user-tabs-list li a.active {
        background-color: #DDD; }
        @media (min-width: 1130px) {
          .user-tabs-list li a:hover, .user-tabs-list li a.active {
            background-color: transparent;
            color: #254356; } }
        @media (min-width: 1130px) {
          .user-tabs-list li a:hover span:not(.unread), .user-tabs-list li a.active span:not(.unread) {
            color: #254356; } }
      @media (min-width: 1130px) {
        .user-tabs-list li a.bell::after {
          content: " Notifications"; } }
      @media (min-width: 1130px) {
        .user-tabs-list li a.settings::after {
          content: " Settings"; } }
      .user-tabs-list li a .unread {
        display: inline-block;
        text-align: center;
        background-color: #e23f53;
        border-radius: 50px;
        color: #FFF;
        height: 20px;
        min-width: 20px;
        line-height: 20px;
        font-size: 10px;
        margin-left: 5px; }
      .user-tabs-list li a span {
        display: none; }
        @media (min-width: 1130px) {
          .user-tabs-list li a span {
            display: inline-block;
            color: #94a1a9;
            font-size: 14px;
            font-weight: 700;
            margin-left: 5px; } }

.user-pg {
  background: #FFF;
  width: 100%;
  padding: 0 0 25px; }
  @media (min-width: 900px) {
    .user-pg {
      padding: 25px 0; } }
  @media (min-width: 1130px) {
    .user-pg .user-content {
      display: grid;
      grid-template: auto / 200px 1fr;
      max-width: 1130px;
      margin: 0 auto; } }
  @media (min-width: 1130px) {
    .user-pg .user-tabs-list {
      grid-column: 1 / 2; } }
  .user-pg .user-body {
    margin: 0 auto;
    padding: 25px 0;
    position: relative;
    width: 100%;
    min-height: 300px; }
    @media (min-width: 900px) {
      .user-pg .user-body {
        max-width: 900px; } }
    @media (min-width: 1130px) {
      .user-pg .user-body {
        max-width: none;
        margin: 0;
        grid-column: 2 / 3;
        grid-row: 1 / 2; } }
    .user-pg .user-body .settings-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px 0;
      margin: 0 15px;
      border-bottom: solid 1px #DDD; }
      @media (min-width: 900px) {
        .user-pg .user-body .settings-header {
          margin: 0;
          padding-top: 0; } }
      .user-pg .user-body .settings-header h2 {
        font-size: 14px;
        font-weight: 700; }
      .user-pg .user-body .settings-header a {
        font-size: 14px; }
        .user-pg .user-body .settings-header a::after {
          content: " / ";
          color: #000;
          padding-right: 3px; }
    .user-pg .user-body .submit-container {
      margin: 0 15px; }
      @media (min-width: 900px) {
        .user-pg .user-body .submit-container {
          margin: 0; } }
      @media (min-width: 1130px) {
        .user-pg .user-body .submit-container {
          margin: 0 0 0 auto;
          width: 200px; } }
      .user-pg .user-body .submit-container button {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #FFF;
        font-size: 18px; }
        .user-pg .user-body .submit-container button:disabled {
          color: #999; }

@media (min-width: 1130px) {
  .settings-body {
    display: grid;
    grid-template: auto/repeat(3, 1fr); } }

.settings-body .my-settings {
  margin: 25px 15px;
  max-width: 900px; }
  @media (min-width: 900px) {
    .settings-body .my-settings {
      margin: 25px 0; } }
  @media (min-width: 1130px) {
    .settings-body .my-settings {
      max-width: none;
      margin: 0 0 25px; } }
  .settings-body .my-settings h2 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px; }
  .settings-body .my-settings ul {
    margin-bottom: 45px; }
    @media (min-width: 1130px) {
      .settings-body .my-settings ul {
        width: 275px; } }
    .settings-body .my-settings ul li {
      margin-bottom: 15px; }
      .settings-body .my-settings ul li:first-of-type {
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
        margin-bottom: 20px; }
        .settings-body .my-settings ul li:first-of-type a {
          padding: 15px;
          font-size: 17px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .settings-body .my-settings ul li:first-of-type a svg {
            width: 40px;
            height: 40px;
            margin-right: 15px; }
      .settings-body .my-settings ul li:last-of-type {
        margin: 0; }
      .settings-body .my-settings ul li a {
        display: block;
        font-size: 14px; }
      .settings-body .my-settings ul li button {
        color: #7E929F;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0;
        line-height: normal;
        text-align: left; }

.edit-profile .input-section {
  border-bottom: solid 1px #DDD;
  margin: 25px 15px;
  padding-bottom: 25px;
  max-width: 900px; }
  @media (min-width: 900px) {
    .edit-profile .input-section {
      margin: 25px 0; } }
  @media (min-width: 1130px) {
    .edit-profile .input-section {
      max-width: none;
      margin: 0 0 25px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .edit-profile .input-section:first-of-type {
        margin-top: 25px; } }
  .edit-profile .input-section.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .edit-profile .input-section.flex h3 {
      margin-bottom: 0; }
    .edit-profile .input-section.flex .flex-left {
      margin-left: auto; }
      @media (min-width: 1130px) {
        .edit-profile .input-section.flex .flex-left {
          margin-left: 0; } }
    .edit-profile .input-section.flex .twitter-link {
      border: 1px solid #005695;
      color: #005695;
      font-size: 14px;
      font-weight: 700;
      width: 115px;
      height: 30px;
      line-height: 30px;
      text-align: center; }
      .edit-profile .input-section.flex .twitter-link:hover {
        background-color: #94a1a9;
        color: #FFF; }
      .edit-profile .input-section.flex .twitter-link.connected {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: 0;
        background-color: #6cac45;
        color: #FFF;
        width: 140px;
        height: auto;
        padding: 5px 15px;
        margin-right: 15px; }
        .edit-profile .input-section.flex .twitter-link.connected svg {
          margin-right: 5px; }
        .edit-profile .input-section.flex .twitter-link.connected::after {
          content: "Connected"; }
        .edit-profile .input-section.flex .twitter-link.connected:hover {
          background-color: #ab3a36; }
          .edit-profile .input-section.flex .twitter-link.connected:hover::after {
            content: "Disconnect?"; }
    .edit-profile .input-section.flex .twitter-meta {
      font-size: 14px;
      color: #7E929F; }
    .edit-profile .input-section.flex button {
      border: solid 1px #DDD;
      border-right: 0;
      color: #94a1a9;
      font-size: 14px;
      font-weight: 700;
      width: 60px;
      height: 30px; }
      .edit-profile .input-section.flex button:last-of-type {
        border-right: solid 1px #DDD; }
      .edit-profile .input-section.flex button:hover {
        background-color: #94a1a9;
        color: #FFF; }
      .edit-profile .input-section.flex button.active {
        border: 1px solid #005695;
        color: #005695; }
    .edit-profile .input-section.flex .dark-mode-button {
      border: solid 1px #DDD; }
      .dark-mode .edit-profile .input-section.flex .dark-mode-button {
        border: solid 1px #3F4042;
        color: #999; }
      .edit-profile .input-section.flex .dark-mode-button.active {
        border: 1px solid #005695;
        color: #005695; }
        .dark-mode .edit-profile .input-section.flex .dark-mode-button.active {
          border: 1px solid #FFF;
          color: #FFF; }
  .edit-profile .input-section h3 {
    font-size: 17px;
    color: #254356;
    font-weight: 800;
    margin-bottom: 20px; }
    @media (min-width: 1130px) {
      .edit-profile .input-section h3 {
        width: 150px;
        margin: 0; } }
  .edit-profile .input-section .avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .edit-profile .input-section .avatar .change-photo-button {
      margin-left: 10px;
      font-size: 14px; }
  .edit-profile .input-section .email-note {
    line-height: 17px;
    font-size: 12px;
    color: #000; }

@media (min-width: 1130px) {
  .edit-profile .input-block {
    width: 60%; } }

.edit-profile .input-block input[type="text"],
.edit-profile .input-block input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 16px;
  color: #254356;
  margin-bottom: 15px; }

.edit-profile .input-block input[type="text"]:last-of-type {
  margin: 0; }

.edit-profile .input-block input {
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 16px;
  color: #254356;
  margin-bottom: 15px; }

.edit-profile .input-block .note {
  line-height: 17px;
  font-size: 12px;
  color: #000; }

.edit-password label {
  color: #0B141C;
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  display: block;
  margin-bottom: 5px; }

.edit-password .input-block {
  padding: 15px; }
  @media (min-width: 900px) {
    .edit-password .input-block {
      padding: 15px 0; } }
  @media (min-width: 1130px) {
    .edit-password .input-block {
      width: 60%; } }
  .edit-password .input-block input[type="password"] {
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    color: #254356;
    margin-bottom: 15px; }

.edit-password .requirement-list {
  margin-bottom: 15px; }

.edit-password .valid {
  color: #78C04C; }

.edit-password .invalid {
  color: #C3283B; }

.edit-alerts .pg-summary {
  color: #0B141C;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  border-bottom: solid 1px #DDD;
  padding: 15px 0;
  margin: 0 15px; }
  @media (min-width: 900px) {
    .edit-alerts .pg-summary {
      margin: 0; } }

.edit-alerts .input-section {
  border-bottom: solid 1px #DDD;
  margin: 25px 15px;
  padding-bottom: 25px;
  max-width: 900px; }
  .edit-alerts .input-section:last-of-type {
    border: 0; }
  @media (min-width: 900px) {
    .edit-alerts .input-section {
      margin: 25px 0; } }
  @media (min-width: 1130px) {
    .edit-alerts .input-section {
      max-width: none;
      margin: 0 0 25px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .edit-alerts .input-section:first-of-type {
        margin-top: 25px; } }
  .edit-alerts .input-section h3 {
    font-size: 17px;
    color: #254356;
    font-weight: 800;
    margin-bottom: 20px; }
    @media (min-width: 1130px) {
      .edit-alerts .input-section h3 {
        width: 150px;
        margin: 0; } }
  @media (min-width: 1130px) {
    .edit-alerts .input-section .input-block {
      width: 60%; } }
  .edit-alerts .input-section .input-block input {
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    color: #254356;
    margin-bottom: 15px; }
    .edit-alerts .input-section .input-block input.search-input {
      margin: 0; }
  .edit-alerts .input-section .input-block.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .edit-alerts .input-section .input-block.flex input {
      width: 100%; }
      @media (min-width: 900px) {
        .edit-alerts .input-section .input-block.flex input {
          -webkit-box-flex: 2;
          -webkit-flex-grow: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
          width: auto; } }
    .edit-alerts .input-section .input-block.flex .number {
      color: #7E929F;
      font-weight: normal;
      font-size: 14px;
      letter-spacing: 0;
      line-height: normal;
      display: block;
      margin: 0 5px 15px 0;
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
      .dark-mode .edit-alerts .input-section .input-block.flex .number {
        color: #DDD; }
      .edit-alerts .input-section .input-block.flex .number.plus-one {
        letter-spacing: 5px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
    .edit-alerts .input-section .input-block.flex .action-button {
      color: #FFF;
      font-weight: normal;
      font-size: 18px;
      letter-spacing: 0;
      line-height: 40px;
      height: 40px;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-bottom: 15px;
      width: 100%; }
      @media (min-width: 900px) {
        .edit-alerts .input-section .input-block.flex .action-button {
          width: auto; } }
      .edit-alerts .input-section .input-block.flex .action-button.cancel {
        background-color: #999; }
  .edit-alerts .input-section .input-block .note {
    color: #0B141C;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    width: 100%; }
    .edit-alerts .input-section .input-block .note.warning {
      color: #C3283B;
      font-weight: normal;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 17px;
      margin-bottom: 15px; }
    .edit-alerts .input-section .input-block .note.valid {
      color: #78C04C; }
    .edit-alerts .input-section .input-block .note.invalid {
      color: #C3283B; }
  .edit-alerts .input-section .team-results-list {
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); }
    .edit-alerts .input-section .team-results-list li {
      padding: 10px; }
      .edit-alerts .input-section .team-results-list li:hover {
        background-color: #F7F7F7;
        cursor: pointer; }
      .edit-alerts .input-section .team-results-list li button {
        color: #0B141C;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0;
        line-height: normal;
        width: 100%;
        text-align: left; }
  @media (min-width: 1130px) {
    .edit-alerts .input-section .following-list {
      width: 60%; } }
  .edit-alerts .input-section .following-list li {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px; }
    .dark-mode .edit-alerts .input-section .following-list li {
      color: #DDD; }
    .edit-alerts .input-section .following-list li:last-of-type {
      margin: 0; }
    .edit-alerts .input-section .following-list li .remove-team {
      margin-left: auto; }

.forgot-password label {
  color: #0B141C;
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  display: block;
  margin-bottom: 5px; }

.forgot-password .input-block {
  padding: 15px; }
  @media (min-width: 900px) {
    .forgot-password .input-block {
      padding: 15px 0; } }
  @media (min-width: 1130px) {
    .forgot-password .input-block {
      width: 60%; } }
  .forgot-password .input-block input[type="email"] {
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    color: #254356;
    margin-bottom: 15px; }
    .forgot-password .input-block input[type="email"]::-webkit-input-placeholder {
      color: #000;
      opacity: .3; }
    .forgot-password .input-block input[type="email"]::-moz-placeholder {
      color: #000;
      opacity: .3; }
    .forgot-password .input-block input[type="email"]:-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .forgot-password .input-block input[type="email"]::-ms-input-placeholder {
      color: #000;
      opacity: .3; }
    .forgot-password .input-block input[type="email"]::placeholder {
      color: #000;
      opacity: .3; }

.forgot-password .pg-summary {
  color: #0B141C;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  border-bottom: solid 1px #DDD;
  padding: 15px 0;
  margin: 0 15px; }
  @media (min-width: 900px) {
    .forgot-password .pg-summary {
      margin: 0; } }

.admin-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  height: 50px;
  padding: 15px 30px; }
  .admin-header h1 {
    color: #0B141C;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px; }
  .admin-header .breadcrumb-wrap span {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-right: 3px; }
    .admin-header .breadcrumb-wrap span::after {
      content: " / ";
      color: #0B141C; }

.admin-form {
  position: relative;
  margin-bottom: 50px; }

.admin-fieldset {
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 30px; }
  .admin-fieldset .title-legend {
    color: #7E929F;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 17px;
    display: block;
    width: 100%;
    background-color: #FBFBFB;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    text-transform: uppercase; }
  .admin-fieldset .padding-wrap {
    padding: 20px; }

.alternate-bg-list li {
  display: grid;
  grid-template: auto / 1fr 1fr;
  grid-gap: 0 15px;
  border-bottom: solid 1px #DDD;
  padding: 15px 20px; }
  .alternate-bg-list li:last-of-type {
    border: 0; }
  .alternate-bg-list li:nth-of-type(2n) {
    background-color: #FBFBFB; }
  .alternate-bg-list li b {
    color: #0B141C;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    grid-column: 1 / 2; }
  .alternate-bg-list li span {
    color: #7E929F;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    grid-column: 2 / 3; }

.user-edit .input-wrap {
  margin-bottom: 25px; }
  .user-edit .input-wrap:last-of-type {
    margin: 0; }

.user-edit .select-wrap {
  margin-bottom: 25px;
  width: 50%; }

@media (min-width: 1130px) {
  .user-edit .grid-form {
    display: grid;
    grid-template: auto / 1fr 1fr; }
    .user-edit .grid-form .grid-wrap .one {
      grid-column: 1 / 2; }
    .user-edit .grid-form .grid-wrap .two {
      grid-column: 2 / 3; } }

.featured-podcast {
  background-color: #FFF;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: 25px auto;
  grid-template-areas: "image featured" "image title" "subtitle subtitle" "subscribe subscribe" "share share";
  grid-gap: 15px;
  margin-bottom: 20px;
  padding: 15px;
  max-width: 1180px; }
  @media (min-width: 1000px) {
    .featured-podcast {
      margin: 0 auto 20px;
      border: solid 1px #DDD;
      grid-template-columns: 250px 1fr 1fr;
      grid-template-areas: "image featured featured" "image title title" "image subtitle subtitle" "image subscribe share"; } }
  .featured-podcast .img_lnk {
    display: block;
    grid-area: image; }
    .featured-podcast .img_lnk img {
      width: 120px;
      height: 120px; }
      @media (min-width: 1000px) {
        .featured-podcast .img_lnk img {
          width: 250px;
          height: 250px; } }
  .featured-podcast b {
    grid-area: featured;
    display: block;
    width: 121px;
    height: 25px;
    line-height: 14px;
    background-color: #ff8f13;
    font-weight: 600;
    padding: 6px 8px;
    letter-spacing: 1px;
    color: #FFF;
    text-align: center; }
  .featured-podcast .heading_lnk {
    grid-area: title; }
    .featured-podcast .heading_lnk h1 {
      font-weight: 800;
      font-size: 20px; }
      @media (min-width: 1000px) {
        .featured-podcast .heading_lnk h1 {
          font-size: 40px; } }
  .featured-podcast p {
    font-size: 14px;
    color: #7E929F;
    line-height: 20px;
    grid-area: subtitle; }
    @media (min-width: 1000px) {
      .featured-podcast p {
        font-size: 16px;
        line-height: 24px; } }
  .featured-podcast .dropdown-menu {
    grid-area: subscribe; }
    .featured-podcast .dropdown-menu ul {
      width: 100%; }
      @media (min-width: 1000px) {
        .featured-podcast .dropdown-menu ul {
          max-width: 195px; } }
  .featured-podcast .subscribe_btn {
    width: 100%;
    padding: 0; }
    @media (min-width: 1000px) {
      .featured-podcast .subscribe_btn {
        width: 195px;
        height: 40px; } }
    .featured-podcast .subscribe_btn span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 2px;
      background-color: #005695;
      padding: 10px;
      color: #FFF;
      font-size: 14px; }
      .featured-podcast .subscribe_btn span svg {
        margin-left: 5px; }
  .featured-podcast .share_lst {
    grid-area: share;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 1000px) {
      .featured-podcast .share_lst {
        justify-self: end; } }
    .featured-podcast .share_lst .label_itm {
      border: 0;
      color: #959ea6;
      width: auto;
      height: auto;
      margin-right: 15px;
      font-size: 14px; }
    .featured-podcast .share_lst li {
      border: solid 1px #DDD;
      width: 32px;
      height: 32px;
      line-height: 32px;
      margin-right: 8px;
      text-align: center; }
      .featured-podcast .share_lst li:last-of-type {
        margin: 0; }
      .featured-podcast .share_lst li svg {
        width: 12px;
        height: 12px; }

.podcast-card {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-areas: "img text" "button button";
  grid-gap: 15px;
  background-color: #FFF;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  padding: 15px;
  position: relative; }
  @media (min-width: 1000px) {
    .podcast-card {
      grid-template-areas: "img" "text" "button";
      grid-template-columns: unset;
      grid-template-rows: 290px 6fr 1fr;
      grid-gap: 0;
      padding: 0 0 10px;
      max-width: 280px;
      border: solid 1px #DDD; } }
  .podcast-card .content {
    grid-area: text; }
  .podcast-card h2 {
    font-weight: 800;
    font-size: 16px;
    padding-bottom: 15px; }
    @media (min-width: 1000px) {
      .podcast-card h2 {
        display: none; } }
  .podcast-card .img_lnk {
    display: block;
    grid-area: img; }
    .podcast-card .img_lnk img {
      width: 120px;
      height: 120px; }
      @media (min-width: 1000px) {
        .podcast-card .img_lnk img {
          width: 278px;
          height: 278px; } }
  .podcast-card .sport {
    display: block;
    background-color: #F7F7F7;
    border: solid 1px #DDD;
    width: 85px;
    height: 25px;
    position: absolute;
    top: 105px;
    left: 45px;
    color: #7E929F;
    text-align: center;
    line-height: 23px;
    font-weight: 700;
    font-size: 11px; }
    @media (min-width: 1000px) {
      .podcast-card .sport {
        margin: 0 15px;
        position: initial; } }
  .podcast-card p {
    font-size: 14px;
    color: #7E929F;
    line-height: 20px; }
    @media (min-width: 1000px) {
      .podcast-card p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px 15px; } }
  .podcast-card .dropdown-menu {
    grid-area: button; }
    @media (min-width: 1000px) {
      .podcast-card .dropdown-menu {
        margin: 0 15px; } }
    .podcast-card .dropdown-menu ul {
      width: 100%; }
  .podcast-card .action-button {
    width: 100%;
    padding: 0; }
    .podcast-card .action-button span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: solid 1px #DDD;
      border-radius: 2px;
      padding: 10px;
      color: #000;
      font-size: 14px;
      font-weight: 700; }
      .podcast-card .action-button span svg {
        margin-left: 5px; }

.podcast-list-body {
  position: relative; }

.podcast-list {
  display: grid;
  margin: 0 auto;
  max-width: 1180px;
  grid-gap: 20px; }
  @media (min-width: 1000px) {
    .podcast-list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1180px) {
    .podcast-list {
      grid-template-columns: repeat(4, 1fr); } }
  .podcast-list li {
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 1000px) {
      .podcast-list li {
        width: auto; } }

.show-sidebar {
  display: none;
  padding: 0; }
  @media (min-width: 1000px) {
    .show-sidebar {
      display: block;
      grid-column: 2 / 3;
      grid-row: 1 / 2; } }
  .show-sidebar .ad {
    background-color: #FFF;
    position: -webkit-sticky;
    position: sticky;
    top: 175px; }

.latest-podcasts {
  background-color: #FFF;
  border: solid 1px #DDD; }
  .latest-podcasts h1 {
    padding: 15px;
    border-bottom: solid 1px #DDD;
    color: #7E929F;
    font-size: 14px;
    font-weight: 700; }
  .latest-podcasts ul {
    padding: 15px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 15px; }
    .latest-podcasts ul li {
      display: grid;
      grid-template-columns: 60px auto;
      grid-gap: 15px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .latest-podcasts ul li a {
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px; }
      .latest-podcasts ul li p {
        font-size: 14px; }
  .latest-podcasts footer {
    border-top: solid 1px #DDD;
    padding: 15px;
    text-align: center; }
    .latest-podcasts footer a {
      font-weight: 700;
      color: #000; }

.episode {
  display: grid;
  grid-template: auto / 1fr;
  grid-gap: 15px;
  padding: 15px; }
  .episode.img {
    grid-template: auto / 80px 1fr; }
  @media (min-width: 650px) {
    .episode .title_blk {
      grid-column: 1 / 3; } }
  .episode .title_blk h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px; }
  .episode .title_blk ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .episode .title_blk ul li {
      color: #7E929F;
      font-size: 14px;
      font-weight: 600; }
      .episode .title_blk ul li::after {
        color: #7E929F;
        content: " \2022 ";
        font-size: 12px;
        padding: 0 10px; }
      .episode .title_blk ul li:last-of-type::after {
        content: unset; }
  .episode img {
    display: block;
    width: 80px;
    height: 80px; }
    @media (min-width: 650px) {
      .episode img {
        display: none; } }
  .episode div {
    grid-column: 1 / 3; }
  .episode p {
    font-size: 14px;
    color: #7E929F;
    line-height: 20px;
    grid-column: 1 / 3; }
  .episode .podcast-player {
    grid-column: 1 / 3; }
    @media (min-width: 650px) {
      .episode .podcast-player {
        grid-row: 1 / 2; } }

@media (min-width: 1000px) {
  .show-body {
    display: grid;
    margin: 0 auto;
    max-width: 1180px;
    grid-template: auto / 1fr 300px;
    grid-gap: 25px; } }

@media (min-width: 1000px) {
  .show-content {
    grid-column: 1 / 2; } }

.show-content .show-block {
  background-color: #FFF;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  margin-bottom: 20px; }
  @media (min-width: 1000px) {
    .show-content .show-block {
      border: solid 1px #DDD; } }
  .show-content .show-block .episode-heading {
    padding: 15px;
    border-bottom: solid 1px #DDD;
    color: #7E929F;
    font-size: 14px;
    font-weight: 700; }
  .show-content .show-block .load-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: solid 1px #DDD;
    padding: 15px; }
    .show-content .show-block .load-more button {
      color: #13161a;
      font-size: 12px;
      font-weight: 700; }

.podcast_hdr {
  background-color: #FFF;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  padding: 25px 20px 15px;
  margin-bottom: 10px; }
  @media (min-width: 1000px) {
    .podcast_hdr {
      padding: 45px 20px 20px; } }
  .podcast_hdr .center_blk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    max-width: 1180px;
    margin: 0 auto; }
  @media (min-width: 1000px) {
    .podcast_hdr .headphone-svg {
      width: 50px;
      height: 50px; } }
  .podcast_hdr h1 {
    font-size: 20px;
    font-weight: 800;
    margin-left: 15px; }
    @media (min-width: 1000px) {
      .podcast_hdr h1 {
        font-size: 32px;
        margin-left: 25px;
        line-height: 25px; } }
  .podcast_hdr .podcast-nav_lst {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 15px; }
    @media (min-width: 1000px) {
      .podcast_hdr .podcast-nav_lst {
        margin-top: 30px; } }
    .podcast_hdr .podcast-nav_lst li {
      margin-right: 15px;
      position: relative;
      top: -1px; }
      @media (min-width: 640px) {
        .podcast_hdr .podcast-nav_lst li {
          margin-right: 25px; } }
      .podcast_hdr .podcast-nav_lst li:last-of-type {
        margin: 0; }
      .podcast_hdr .podcast-nav_lst li.active {
        border-bottom: 2px solid #ddd;
        top: 0; }
    .podcast_hdr .podcast-nav_lst .action-button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      font-weight: 700;
      color: #7E929F;
      padding: 0 0 10px; }
      .podcast_hdr .podcast-nav_lst .action-button svg {
        margin-left: 5px; }

.podcast {
  margin: 0 auto;
  background-color: #F7F7F7;
  padding: 25px 0; }

.podcast-content {
  position: relative;
  min-height: 500px; }

.alert-pg .admin-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  height: 50px;
  padding: 15px 30px; }
  .alert-pg .admin-header h1 {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px; }
  .alert-pg .admin-header .breadcrumb-wrap {
    color: #005695;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-right: 3px; }

.alert-pg .admin-form {
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 30px;
  padding: 15px; }
  .alert-pg .admin-form fieldset {
    margin-bottom: 25px; }
  .alert-pg .admin-form label {
    color: #12324B;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 14px;
    display: block;
    margin-bottom: 5px;
    width: 100%; }
  .alert-pg .admin-form textarea {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    display: block;
    border: solid 1px #DDD;
    border-radius: 3px;
    resize: vertical;
    min-height: 50px;
    width: 100%;
    padding: 10px; }
  .alert-pg .admin-form input {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    display: block;
    border: solid 1px #DDD;
    border-radius: 3px;
    width: 100%;
    padding: 10px; }
  .alert-pg .admin-form .form-button {
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    background-color: #12324B;
    width: 120px;
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px; }
  .alert-pg .admin-form .data {
    color: #0B141C;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .alert-pg .admin-form .data .counter {
      margin-left: auto; }

.faq-blk {
  margin: 0 20px 40px; }
  @media (min-width: 900px) {
    .faq-blk {
      margin: 0 auto 40px;
      grid-area: faq;
      width: 800px;
      justify-self: center; } }
  .faq-blk h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px; }
  .faq-blk ul {
    border: solid 1px #DDD;
    background-color: #FFF; }
    .faq-blk ul li {
      border-bottom: solid 1px #DDD; }
      .faq-blk ul li button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: #FFF;
        border: 0;
        height: 50px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        text-align: left; }
        .faq-blk ul li button h3 {
          font-size: 14px;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
        .faq-blk ul li button svg {
          height: 16px;
          width: 16px; }
      .faq-blk ul li p {
        display: none; }
        .faq-blk ul li p.open {
          display: block;
          padding: 20px;
          background-color: #fafafa;
          margin-bottom: 0;
          border-top: solid 1px #DDD; }
    .faq-blk ul:last-of-type {
      border-bottom: 0; }

.whatsincluded-blk {
  margin: 20px auto 40px; }
  @media (min-width: 900px) {
    .whatsincluded-blk {
      width: 800px;
      grid-area: bulletlist; } }
  .whatsincluded-blk h2 {
    font-size: 26px;
    border-bottom: solid 1px #DDD;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 10px; }
  .whatsincluded-blk span {
    font-weight: 800; }
  .whatsincluded-blk ul {
    margin: 0 auto;
    max-width: 480px;
    padding: 0 20px; }
    .whatsincluded-blk ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 10px; }
      .whatsincluded-blk ul li.aa-promo {
        margin-top: 20px; }
      .whatsincluded-blk ul li.cbs-all-access-promo {
        margin: 0; }
      .whatsincluded-blk ul li.ineligible-text {
        display: block;
        font-size: 11px;
        padding-left: 35px;
        color: #ab3a36;
        line-height: 16px; }
      .whatsincluded-blk ul li svg {
        margin-right: 10px;
        width: 24px;
        height: 24px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24px;
            -ms-flex: 0 0 24px;
                flex: 0 0 24px; }
      .whatsincluded-blk ul li b {
        font-weight: 800; }
      .whatsincluded-blk ul li img {
        width: 100%;
        height: auto; }

.sub-block {
  margin: 20px auto;
  padding: 20px 0;
  max-width: 1000px; }
  @media (min-width: 900px) {
    .sub-block {
      display: grid;
      grid-template-areas: "heading heading" "annual monthly" "bulletlist bulletlist" "faq faq";
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 50px; } }
  .sub-block h1 {
    font-size: 23px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 900px) {
      .sub-block h1 {
        grid-area: heading; } }
  .sub-block > h2 {
    text-align: center;
    margin-bottom: 20px; }
  .sub-block .plan_blk {
    text-align: center;
    border: solid 1px #DDD;
    margin-bottom: 40px;
    padding: 20px;
    background-color: #fff; }
    .sub-block .plan_blk.annual {
      border: solid 3px #005695;
      position: relative; }
      @media (max-width: 899px) {
        .sub-block .plan_blk.annual::after {
          content: ' or ';
          color: #999;
          position: absolute;
          left: 0;
          bottom: -43px;
          line-height: 40px;
          font-size: 20px;
          text-align: center;
          width: 100%; } }
      @media (min-width: 900px) {
        .sub-block .plan_blk.annual {
          grid-area: annual; } }
    .sub-block .plan_blk.monthly {
      position: relative; }
      @media (min-width: 900px) {
        .sub-block .plan_blk.monthly {
          grid-area: monthly;
          margin-top: 2px; } }
      @media (min-width: 900px) {
        .sub-block .plan_blk.monthly .btn2.skn3 {
          margin-top: 30px; } }
    .sub-block .plan_blk h3 {
      font-size: 27px;
      font-weight: 800;
      margin-bottom: 15px; }
    .sub-block .plan_blk .price {
      display: block;
      font-size: 16px;
      margin-bottom: 15px; }
      .sub-block .plan_blk .price s {
        color: #ff0000; }
      .sub-block .plan_blk .price .billed {
        display: block;
        font-size: 12px;
        color: #8c949a; }
    .sub-block .plan_blk .btn2 {
      display: block;
      text-transform: initial;
      font-weight: 800; }

.site-selection h2 {
  text-align: center;
  margin-bottom: 20px; }

.site-selection .select-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 80px; }
  .site-selection .select-block .select-wrapper:first-of-type {
    margin-right: 10px; }

.order-block {
  padding: 15px; }
  .order-block h1 {
    font-size: 1.35em;
    font-weight: 800;
    color: #254356;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0; }
  .order-block > div {
    background-color: #ededed;
    padding: 15px;
    position: relative;
    margin-bottom: 15px; }
  .order-block .sub-name {
    display: block;
    margin-bottom: 3px;
    padding: 15px;
    font-weight: 800;
    font-size: 1.35em;
    background-color: #fff;
    text-decoration: none;
    overflow: hidden; }
  .order-block .sub-checkout {
    margin-bottom: 20px;
    padding: 15px 0 0;
    border-top: 2px solid #ddd;
    font-size: 1.25em;
    color: #254356;
    text-align: left;
    overflow: hidden; }
    .order-block .sub-checkout span {
      font-weight: 800; }
    .order-block .sub-checkout .sub-note {
      display: block;
      font-size: 12px;
      font-weight: normal; }
  .order-block .charge-text strong {
    font-weight: 700; }
  .order-block .bullets-blk {
    padding: 20px 20px 30px;
    font-size: 14px;
    background-color: #fcfcfc; }
    .order-block .bullets-blk span {
      font-weight: 800; }
    .order-block .bullets-blk ul {
      list-style-type: disc;
      margin-left: 20px; }
      .order-block .bullets-blk ul b {
        font-weight: 800; }
  @media only screen and (min-width: 480px) {
    .order-block {
      margin: 0 auto 15px;
      max-width: 480px; } }
  @media only screen and (min-width: 900px) {
    .order-block {
      margin: 15px 0;
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      width: 330px;
      max-height: 650px;
      position: -webkit-sticky;
      position: sticky;
      top: 55px; }
      .order-block h1 {
        display: none; } }


.date-block {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  grid-column-gap: 15px; }
  .date-block h2 {
    grid-column: 1 / 4;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px; }
  .date-block .date-inputs {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background-color: #fff; }
  .date-block select {
    border: 0;
    position: relative;
    font-weight: 700;
    padding: 0 15px;
    height: 60px;
    font-size: 17px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 100%;
    z-index: 1; }
  .date-block .icon-caret-down {
    z-index: 0; }

.sub-account-section .user-form-section {
  margin: 0 auto;
  padding: 15px 15px 35px;
  width: 100%;
  max-width: 480px; }
  .sub-account-section .user-form-section a:focus {
    -webkit-box-shadow: 0 0 3pt 2pt #719ece;
            box-shadow: 0 0 3pt 2pt #719ece; }
  .sub-account-section .user-form-section.purchase-flow {
    padding-bottom: 0; }
    .sub-account-section .user-form-section.purchase-flow .sub-fds {
      margin: 15px 0; }
  .sub-account-section .user-form-section > header > h1,
  .sub-account-section .user-form-section.purchase-flow .sub-fds-legend {
    font-weight: 800;
    font-size: 2.2em;
    margin-bottom: 15px; }
  .sub-account-section .user-form-section > header > p {
    margin-bottom: 15px;
    font-size: 1.25em;
    color: #254356;
    line-height: normal; }
  .sub-account-section .user-form-section .agreement-text {
    font-weight: 700;
    font-size: 1em;
    color: #000; }
    .sub-account-section .user-form-section .agreement-text a {
      font-weight: 700; }
  .sub-account-section .user-form-section > a {
    display: block;
    text-align: center;
    font-size: 1.175em;
    margin-bottom: 25px; }
  .sub-account-section .user-form-section > form {
    margin-bottom: 15px; }
    .sub-account-section .user-form-section > form label {
      display: none; }
    .sub-account-section .user-form-section > form .btn2 {
      display: block;
      width: 100%;
      height: 50px;
      text-transform: none;
      font-weight: 700;
      font-size: 1.4em; }
    .sub-account-section .user-form-section > form .btn2.disabled {
      color: #fff;
      opacity: .5; }
    .sub-account-section .user-form-section > form .btn2:hover {
      background-color: #FFF;
      color: #005695; }
    .sub-account-section .user-form-section > form .checkbox_itm {
      display: block;
      width: 100%;
      font-size: 1em; }
      .sub-account-section .user-form-section > form .checkbox_itm input[type="checkbox"] {
        margin: 2px 5px 0 0;
        vertical-align: top; }
        .sub-account-section .user-form-section > form .checkbox_itm input[type="checkbox"]:focus {
          -webkit-box-shadow: 0 0 3pt 2pt #719ece;
                  box-shadow: 0 0 3pt 2pt #719ece; }
  .sub-account-section .user-form-section .fieldset-list > li {
    margin-bottom: 15px;
    position: relative; }
    .sub-account-section .user-form-section .fieldset-list > li input {
      margin: 0; }
    .sub-account-section .user-form-section .fieldset-list > li p {
      background-color: #d0021e;
      color: #fff;
      padding: 10px 15px; }
    .sub-account-section .user-form-section .fieldset-list > li .icon-caret-down {
      font-size: 25px;
      position: absolute;
      top: 25px;
      line-height: 10px;
      right: 15px;
      color: #757575; }
    .sub-account-section .user-form-section .fieldset-list > li > .show-label {
      display: block;
      width: auto;
      float: none;
      position: absolute;
      color: #cacaca;
      left: 15px;
      top: 15px;
      font-size: 17px;
      line-height: normal; }
    .sub-account-section .user-form-section .fieldset-list > li > .show-label:hover {
      cursor: text; }
    .sub-account-section .user-form-section .fieldset-list > li > .show-label.tran-label {
      top: 5px;
      font-size: 13px;
      font-weight: normal; }
  .sub-account-section .user-form-section .error_lst {
    background-color: #d0021b; }
    .sub-account-section .user-form-section .error_lst li {
      margin-top: 0;
      padding: 10px 15px;
      color: #fff; }
      .sub-account-section .user-form-section .error_lst li a {
        color: #fff;
        font-weight: 800; }

@media only screen and (min-width: 900px) {
  .user-form-section.purchase-flow {
    margin: 0; } }

@media only screen and (min-width: 900px) {
  .sub-account-section {
    display: grid;
    grid-template: auto / auto 330px; }
    .sub-account-section .single-block {
      grid-column: 1 / 2;
      grid-row: 2 / 3; } }

/* --- Input fields --- */
input[type="text"].user-form-input,
input[type="date"].user-form-input,
input[type="password"].user-form-input,
input[type="email"].user-form-input,
input[type="name"].user-form-input,
input[type="number"].user-form-input {
  width: 100%;
  height: 60px;
  background: #fff;
  font-weight: 700;
  font-size: 17px;
  padding: 20px 15px 0;
  border: 1px solid #e7e7e7;
  border-radius: 2px; }

input[type="text"].user-form-input:focus,
input[type="password"].user-form-input:focus,
input[type="date"].user-form-input:focus,
input[type="email"].user-form-input:focus,
input[type="name"].user-form-input:focus,
input[type="number"].user-form-input:focus {
  border: 2px solid #719ece; }

select.st_input,
select.ctry_input {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  padding: 0 15px;
  height: 60px;
  font-size: 17px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 100%; }

select.st_input:focus,
select.ctry_input:focus,
.btn2:focus {
  -webkit-box-shadow: 0 0 3pt 2pt #719ece;
          box-shadow: 0 0 3pt 2pt #719ece; }

select.st_input::-ms-expand,
select.ctry_input::-ms-expand {
  display: none; }

/* IE 10 */


.recurly-element-card {
  margin: 0 0 20px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 2px; }

.card-type-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }

.misc-icn {
  display: block;
  width: 50px;
  height: 30px;
  background: url("https://s3media.247sports.com/Content/SkyNet/Img/sprt_misc.png") 0 0 no-repeat transparent;
  text-indent: -9999px;
  margin-right: 5px; }
  .misc-icn.visa {
    background-position: -5px -14px; }
  .misc-icn.mastercard {
    background-position: -5px -78px; }
  .misc-icn.americanexpress {
    background-position: -5px -142px; }
  .misc-icn.discover {
    background-position: -5px -205px; }

.disclosure-text-block {
  margin-bottom: 25px; }
  .disclosure-text-block p {
    display: inline; }
    .disclosure-text-block p b {
      font-weight: 700; }

.welcome-comp {
  margin: 0 auto;
  padding: 25px 15px;
  max-width: 1024px; }
  .welcome-comp header {
    text-align: center; }
    .welcome-comp header h1 {
      font-size: 2.25em;
      font-weight: 800;
      line-height: 30px;
      color: #333;
      margin-bottom: 15px; }
      @media only screen and (min-width: 768px) {
        .welcome-comp header h1 {
          font-size: 3.25em; } }
    .welcome-comp header p {
      font-size: 1.2em;
      color: #4a4a4a;
      width: 100%;
      max-width: 100%;
      margin-bottom: 15px; }
      @media only screen and (min-width: 768px) {
        .welcome-comp header p {
          font-size: 1.4em;
          margin-bottom: 35px; } }
  .welcome-comp .cbs-all-access-offer {
    border-top: 1px solid #ddd;
    padding: 15px 0; }
    @media only screen and (min-width: 768px) {
      .welcome-comp .cbs-all-access-offer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: start;
            -ms-flex-align: start;
                align-items: start; } }
    .welcome-comp .cbs-all-access-offer strong {
      font-weight: 800;
      color: #666; }
    .welcome-comp .cbs-all-access-offer .btn2 {
      display: block;
      margin: 35px auto 15px;
      height: 50px;
      line-height: 30px;
      max-width: 300px;
      padding: 10px;
      width: 100%;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700; }
      @media only screen and (min-width: 768px) {
        .welcome-comp .cbs-all-access-offer .btn2 {
          margin: 35px 0 15px; } }
    .welcome-comp .cbs-all-access-offer img {
      display: block;
      margin: 35px auto 15px;
      height: auto;
      width: 340px; }
      @media only screen and (min-width: 768px) {
        .welcome-comp .cbs-all-access-offer img {
          margin: 0 0 0 auto; } }
    .welcome-comp .cbs-all-access-offer p {
      font-size: 15px;
      color: #666;
      line-height: 20px;
      margin-bottom: 15px;
      padding-right: 25px; }
    .welcome-comp .cbs-all-access-offer h2 {
      display: block;
      font-size: 17px;
      padding-bottom: 10px;
      font-weight: 800;
      color: #666; }
  .welcome-comp .activation-block {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    text-align: center;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .welcome-comp .activation-block {
        max-width: none;
        overflow: hidden;
        text-align: left; } }
    .welcome-comp .activation-block a {
      display: inline-block;
      margin: 10px 0 25px;
      border: 1px solid #005695;
      font-size: 15px;
      color: #005695;
      padding: 15px;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase; }
      .welcome-comp .activation-block a:hover {
        color: #fff;
        background-color: #005695;
        text-decoration: none; }
      @media only screen and (min-width: 768px) {
        .welcome-comp .activation-block a a {
          margin: 0;
          font-size: 13px;
          width: 212px;
          vertical-align: 25px;
          text-align: center; } }
    .welcome-comp .activation-block p {
      font-size: 15px;
      color: #666;
      line-height: 20px;
      margin-bottom: 15px;
      padding-right: 25px; }
      @media only screen and (min-width: 768px) {
        .welcome-comp .activation-block p {
          display: inline-block;
          text-align: left;
          width: calc(100% - 220px); } }
      .welcome-comp .activation-block p strong {
        display: block;
        font-size: 17px;
        padding-bottom: 10px;
        font-weight: 800;
        color: #666; }
  .welcome-comp .benefits-section h2 {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.4em; }
  .welcome-comp .benefits-section ul {
    margin: 15px 0; }
    @media only screen and (min-width: 768px) {
      .welcome-comp .benefits-section ul {
        display: grid;
        grid-template: auto / 20% 20% 20% 20% 20%; } }
    .welcome-comp .benefits-section ul li {
      border-bottom: 1px solid #ddd;
      margin-bottom: 15px;
      padding-bottom: 15px; }
      .welcome-comp .benefits-section ul li:last-of-type {
        border: 0; }
      @media only screen and (min-width: 768px) {
        .welcome-comp .benefits-section ul li {
          grid-row: 1 / 2;
          border: 0; } }
      .welcome-comp .benefits-section ul li span {
        display: inline-block;
        font-size: 57px;
        color: #c5c7cc;
        width: 60px;
        margin-right: 25px;
        vertical-align: top; }
        @media only screen and (min-width: 768px) {
          .welcome-comp .benefits-section ul li span {
            display: block;
            margin: 0 auto 15px; } }
      .welcome-comp .benefits-section ul li p {
        display: inline-block;
        color: #666;
        font-size: 13px;
        width: calc(100% - 90px); }
        @media only screen and (min-width: 768px) {
          .welcome-comp .benefits-section ul li p {
            width: auto;
            text-align: center;
            padding: 0 5px; } }
      .welcome-comp .benefits-section ul li a {
        display: block;
        text-decoration: none;
        padding-bottom: 5px;
        font-weight: 800;
        font-size: 15px; }

.sub-wrapper {
  margin: 20px auto;
  max-width: 1000px; }

body {
  background-color: #FFF;
  font-size: 12px; }

.hq-video-player-container {
  width: 100%;
  margin: 15px 0 0;
  overflow: hidden; }
  @media (min-width: 900px) {
    .hq-video-player-container {
      width: 300px;
      position: absolute;
      top: 40px;
      right: 10px;
      z-index: 1;
      margin: 0;
      overflow: visible; } }
  @media (min-width: 1130px) {
    .hq-video-player-container {
      top: 45px;
      right: 20px; } }
  .hq-video-player-container.is-playing {
    width: 100%;
    height: 250px;
    margin: 15px auto; }
    @media (min-width: 900px) {
      .hq-video-player-container.is-playing {
        width: 440px;
        margin: 0 auto; } }
    .hq-video-player-container.is-playing.fixed {
      position: fixed;
      top: 183px; }
      .hq-video-player-container.is-playing.fixed.no-top-ad {
        top: 50px; }
  .hq-video-player-container .sidebar-video-player-placeholder {
    text-align: center; }
    @media (min-width: 900px) {
      .hq-video-player-container .sidebar-video-player-placeholder {
        text-align: right; } }
    .hq-video-player-container .sidebar-video-player-placeholder img {
      display: block;
      width: 100%; }
  .hq-video-player-container .sidebar-video-player-iframe {
    display: block;
    width: 100%;
    height: 100%; }
    .hq-video-player-container .sidebar-video-player-iframe .embedVideo {
      display: block;
      width: 100%;
      height: 100%; }
      @media (min-width: 900px) {
        .hq-video-player-container .sidebar-video-player-iframe .embedVideo iframe {
          width: 100%;
          height: 100%; } }
  @media (min-width: 900px) {
    .hq-video-player-container button.cbs-hq-full-screen-button {
      position: absolute;
      top: 252px;
      right: 0px; } }

.main-site-footer {
  border-top: solid 1px #DDD;
  padding: 50px 15px; }
  .main-site-footer .logo-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 auto 25px;
    max-width: 450px; }
    .main-site-footer .logo-block .tfs-logo_img {
      width: 212px;
      height: auto; }
    .main-site-footer .logo-block .cbs-link {
      display: block;
      margin: 15px 0 0; }
      @media (min-width: 455px) {
        .main-site-footer .logo-block .cbs-link {
          margin: 0; } }
      @media (min-width: 480px) {
        .main-site-footer .logo-block .cbs-link {
          margin: 0 0 0 15px; } }
  .main-site-footer .footer-social-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 400px;
    margin: 0 auto 25px; }
    .main-site-footer .footer-social-list li {
      margin-right: 5px; }
      .main-site-footer .footer-social-list li:last-of-type {
        margin: 0; }
      @media (min-width: 900px) {
        .main-site-footer .footer-social-list li {
          margin-right: 25px; } }
    .main-site-footer .footer-social-list .social-link {
      background-color: #254356;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 50px;
      height: 50px;
      border-radius: 50%; }
      .main-site-footer .footer-social-list .social-link:hover {
        opacity: .8; }
      .main-site-footer .footer-social-list .social-link.facebook {
        background-color: #3b5998; }
      .main-site-footer .footer-social-list .social-link.instagram {
        background-color: #517fa4; }
      .main-site-footer .footer-social-list .social-link.twitter {
        background-color: #55acee; }
  .main-site-footer .footer-links-list {
    max-width: 1100px;
    margin: 0 auto 10px;
    text-align: center; }
    .main-site-footer .footer-links-list li {
      display: inline-block;
      margin: 0 10px 10px; }
    .main-site-footer .footer-links-list a {
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 10px;
      color: #7E929F; }
  .main-site-footer .sportradar-block {
    width: 135px;
    margin: 0 auto 15px; }
  .main-site-footer .footer-text {
    color: #7E929F;
    font-size: 10px;
    text-align: center; }

.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.app-wrapper {
  margin: 0 auto;
  max-width: 100%;
  position: relative; }

.Toastify__toast-container {
  z-index: 60000002;
  padding: 0; }

.Toastify__toast-container--bottom-left {
  left: 0; }

.Toastify__toast--default {
  background-color: #005695; }

.Toastify__toast-body {
  color: #fff; }

.Toastify__close-button {
  opacity: 1;
  color: #fff; }

.tfs-toast-container a, .tfs-toast-container button, .tfs-toast-container p {
  color: #fff; }
  .tfs-toast-container a strong, .tfs-toast-container button strong, .tfs-toast-container p strong {
    font-weight: 800; }

.tfs-toast-container strong {
  color: #fff;
  font-weight: 800; }

.rc-tooltip {
  opacity: 1 !important; }
  .rc-tooltip li {
    margin-bottom: 10px;
    text-align: left; }
    .rc-tooltip li:last-of-type {
      margin: 0; }
  .rc-tooltip a, .rc-tooltip button {
    font-size: 14px;
    color: #FFF;
    background: none;
    border: 0;
    cursor: pointer; }
    .rc-tooltip a:hover, .rc-tooltip button:hover {
      text-decoration: none;
      opacity: .8; }

.rc-tooltip-inner {
  background-color: #2E3547 !important;
  padding: 10px 15px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .rc-tooltip-inner div {
    color: #fff; }

.rc-tooltip-arrow {
  display: none; }

.usersubscription_pg .adhesion-block {
  display: none; }

.player-search-input {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-column-gap: 10px; }
  .player-search-input input[type="text"] {
    background: none;
    margin-bottom: 0;
    height: 40px;
    background-color: #FFF;
    width: auto; }
  .player-search-input button {
    height: 40px;
    background-color: #005695;
    color: #FFF;
    border-radius: 1px;
    border: 0;
    cursor: pointer; }
    .player-search-input button:disabled {
      color: #7E929F;
      cursor: not-allowed; }

.search-modal header {
  background-color: #FFF; }
  .search-modal header h1 {
    padding: 15px 15px 10px;
    font-size: 13px;
    font-weight: 700; }

.search-modal section {
  background-color: #F7F7F7;
  padding: 15px; }
  .search-modal section div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .search-modal section div a {
      padding-right: 15px;
      color: #005695; }


/*# sourceMappingURL=29ce5ef4f1155980943b389bf0808baa8be6c6fe_bundle.css.map*/