/**
Theme Name: astra-pokercoaching
Author: Poker Coaching, Inc.
Author URI: https://pokercoaching.com
Description: none
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pokercoaching
Template: astra
*/

/* Fix default html and body height introcued by the antd library */
html, body {
  height: auto !important;
}

#pc-react-app {
  height: 100%;
}

body.ast-left-sidebar .ast-container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

body.ast-left-sidebar.page-template-default #content .ast-container {
  max-width: 1800px;
}

@media screen and (max-width: 1024px) {
  body.ast-left-sidebar.page-template-default #content .ast-container a.wp-block-button__link {
    margin: 0;
    padding: 10px;
    margin-bottom: 15px;
  }

  body.ast-left-sidebar.page-template-default #content .ast-container a.wp-block-button__link div.uagb-button__link {
    font-size: 20px;
  }
}

body.ast-left-sidebar.page-template-default #content .ast-container figure.wp-block-image{
  margin-bottom: 15px;
}

body.ast-left-sidebar .ast-flex.main-header-container {
  padding-left: 20px;
}

body.ast-left-sidebar #primary {
  padding: 0 20px !important;
}

body.ast-left-sidebar.page-template-page-preflop-chart #primary {
  padding: 0 !important;
}

body.ast-left-sidebar .content-area {
  width: calc(100% - 210px) !important;
}

header .custom-logo-link img {
  max-height: 30px;
  width: auto;
}

.main-header-menu .menu-item.menu-btn a {
  border-radius: 4px;
  border: 1px solid #3fb859;
  color: #3fb859;
  line-height: 37px;
  height: auto;
}

.main-header-menu .menu-item.menu-btn a:hover {
  color: white;
  background-color: #3fb859;
}

.main-header-menu .menu-btn-filled a {
  border-radius: 4px;
  background-color: #3fb859;
  color: white;
  line-height: 37px;
  height: auto;
  font-weight: bold;
  margin-left: 10px;
  text-transform: uppercase;
}

.main-header-menu .menu-btn-filled.blue a {
  background-color: #0066ff;
}

.main-header-menu .menu-btn-filled.blue a:hover,
.main-header-menu .menu-btn-filled.blue a:focus {
  color: #0066ff;
  background-color: white;
  border: 1px solid #0066ff;
}

.main-header-menu .menu-btn-filled.gold a {
  color: black;
  background: rgb(155,121,70);
  background: linear-gradient(0deg, rgba(155,121,70,1) 0%, rgba(206,188,136,1) 100%);
  border: 1px solid rgba(206,188,136,1);
}

.main-header-menu .menu-btn-filled.gold a:hover,
.main-header-menu .menu-btn-filled.gold a:focus {
  color: black;
  background-color: white;
  background: linear-gradient(0deg, rgba(206,188,136,1) 0%, rgba(155,121,70,1) 100%);
  border: 1px solid rgba(206,188,136,1);
}

.main-header-menu .menu-btn-filled a:hover,
.main-header-menu .menu-btn-filled a:focus {
  color: #3fb859;
  background-color: white;
  border: 1px solid #3fb859;
}

#menu-sidebar-pokercoaching .menu-item.menu-btn {
  text-align: center;
}

#menu-sidebar-pokercoaching .menu-item.menu-btn a {
  border-radius: 4px;
  border: 1px solid #3fb859;
  color: #3fb859;
  padding: 10px 20px;
}

#menu-sidebar-pokercoaching .menu-item.menu-btn a:hover {
  color: white;
  background-color: #3fb859;
}

.ast-left-sidebar #secondary,
.ast-container .ast-left-sidebar #secondary,
.ast-page-builder-template.ast-left-sidebar #secondary,
#secondary {
  margin: 0;
  padding: 0;
}

#page {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100vh;
}

body.admin-bar #page {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height));
}

.site-content {
  flex: 1;
  display: flex;
}

.ast-container {
  width: 100%;
}

.sidebar-main {
  background: #2a3542;
  color: #aeb2b7;
  padding: 10px;
  min-width: 210px;
  text-decoration: none;
}

.sidebar-main a {
  color: #aeb2b7;
}

.sidebar-main aside {
  padding: 0;
}

.sidebar-main ul {
  width: 100%;
}

.sidebar-main ul li {
  font-size: 12px;
  margin: 5px 0 0 5px;
  padding: 15px 0 15px 10px;
  width: 100%;
}

.sidebar-main ul li.pc-icon-new::after {
  background-image: url('https://poker-coaching.s3.amazonaws.com/images/icons/new.png');
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  content: '';
  display: inline-block;
  height: 11px;
  margin-left: 5px;
  width: 28px;
  vertical-align: middle;
}

.sidebar-main ul li.current-menu-item,
.sidebar-main ul li.current-page-ancestor {
  border-left: 2px solid #ff6c60;
}

.sidebar-main ul li:hover,
.sidebar-main ul li.current-menu-item,
.sidebar-main ul li.current-page-ancestor {
  background: #35404d;
  color: #fff;
}

.sidebar-main ul li a:hover,
.sidebar-main ul li.current-menu-item a,
.sidebar-main ul li.current-page-ancestor a {
  color: #fff;
  text-decoration: none;
}

.sidebar-main ul li:hover.fa::before,
.sidebar-main ul li:hover.far::before,
.sidebar-main ul li.current-menu-item,
.sidebar-main ul li.current-page-ancestor {
  color: #ff6c60;
}

.sidebar-main ul li.fa::before,
.sidebar-main ul li.far::before {
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  font-weight: 900;
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.sidebar-main ul li.fa,
.sidebar-main ul li.far {
  font-family: unset;
  font-weight: unset;
}

.fa.fa-hand-paper-o::before,
.far.fa-hand-paper::before {
  font-weight: normal !important;
}

#content .ast-container {
  display: flex;
}

#content .ast-container .widget-area {
  display: flex;
  width: 210px;
  margin-left: 0;
}

.menu .hide-xl {
  display: none !important;
}

@media (max-width: 850px) {
  body.ast-left-sidebar #content > .ast-container {
    flex-direction: column;
  }

  body.ast-left-sidebar #content > .ast-container .widget-area {
    display: none;
  }

  body.ast-left-sidebar #content > .ast-container .widget-area.visible,
  body.ast-left-sidebar #content > .ast-container .widget-area .sidebar-main {
    display: flex;
    flex-direction: column;
    min-width: auto;
    width: 100%;
  }

  body.ast-left-sidebar .ast-mobile-header-inline .main-header-bar-navigation.toggle-on .navigation-accessibility {
    display: none;
  }

  .menu .hide-xl {
    display: block !important;
  }

  body.ast-left-sidebar .content-area {
    width: 100% !important;
  }
}

.footer-sml-layout-1 .ast-small-footer-section-2 {
  margin-top: 5px;
}

.ast-footer-overlay {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Quizzes Both */
body .ast-container #primary.content-area.quizzes.view,
body .ast-container #primary.content-area.quizzes.list {
  padding: 20px;
}

@media (max-width: 599px) {
  body .ast-container #primary.content-area.quizzes.view,
  body .ast-container #primary.content-area.quizzes.list {
    padding: 20px 5px;
  }
}

/* Quizzes List */
.quizzes.list img.coach {
  max-width: 40px;
}

.quizzes.list span.card {
  border-radius: 5px;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  margin: 0 2px;
  padding: 4px 3px;
  text-align: center;
}

.quizzes.list span.card.c:after {
  color: #333333;
  content: '♣';
  display: block;
}

.quizzes.list span.card.d:after {
  color: #ff0000;
  content: '♦';
  display: block;
}

.quizzes.list span.card.h:after {
  color: #ff0000;
  content: '♥';
  display: block;
}

.quizzes.list span.card.s:after {
  color: #333333;
  content: 'â™ ';
  display: block;
}

#quizzes_list,
#classes_list {
  margin-top: 5px;
}

#quizzes_list.hide,
#classes_list.hide {
  display: none;
}

#quizzes_list tbody tr td.no_click,
#classes_list tbody tr td.no_click {
  cursor: default;
}

#quizzes_list tbody tr td,
#classes_list tbody tr td {
  cursor: pointer !important;
  vertical-align: middle;
}

#quizzes_list td a,
#classes_list td a {
  text-decoration: none;
  color: #3a3a3a;
}

#quizzes_list td.center,
#classes_list td.center {
  text-align: center;
}

#quizzes_list td.no_overflow.description,
#classes_list td.no_overflow.description {
  max-width: 270px;
}

#quizzes_list td.no_overflow.type,
#classes_list td.no_overflow.type {
  max-width: 50px;
}

#quizzes_list td.no_overflow,
#classes_list td.no_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#classes_list td .watch-button a {
  color: #b5b4b4;
}

#classes_list td .watch-button.active a {
  color: #00be50;
}

#quizzes_list .button {
  background-color: #ff7f01;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
}

#quizzes_list img.lock {
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
}

.quizzes.list .score {
  text-align: center;
  white-space: nowrap;
}

.quizzes.list .score div {
  display: inline-block;
  padding: 0 2px;
}

.quizzes.list .score div label {
  display: block;
  color: #666;
  margin: 2px auto;
}

.quizzes.list .score div span {
  background-color: #ddd;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 25px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  margin: 2px auto;
  padding: 2px;
}

.quizzes.list .score div span.green {
  background-color: #33aa3a;
}

.quizzes.list .score div span.yellow {
  background-color: #e8cd0b;
}

.quizzes.list .score div span.red {
  background-color: #fd4333;
}

.quizzes.list .score div.total span.none {
  background-color: #999;
}

.quizzes.list .score div.total span {
  font-weight: bolder;
}

.quizzes.list .score div.total span:last-child {
  margin-left: 4px;
}

/* margin after search box */
.quizzes.list .dataTables_wrapper .dataTables_filter {
  margin-bottom: 10px;
}

/* make rows tighter */
.quizzes.list table.dataTable tbody th,
.quizzes.list table.dataTable tbody td {
  padding: 4px 6px;
}

/* Lock/Unlock icons */
@media only screen and (max-width: 599px) {
  .quizzes.list .score div span {
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    width: 16px;
  }

  .quizzes.list .score div {
    padding: 0 1px;
  }

  #quizzes_list td.no_overflow.description {
    max-width: 40vw;
  }

  /* expand icon for responsive rows */
  .quizzes.list table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > td:first-child,
  .quizzes.list table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > th:first-child {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 499px) {
  #quizzes_list td.no_overflow.description {
    max-width: 30vw;
  }

  /* only show total score */
  .quizzes.list .score div.street {
    display: none;
  }
}

#quizzes_list_filter {
  width: 50%;
}

#quizzes_list_filter input {
  width: 90%;
}

/* Quizzes View */
.quizzes.view .top {
  position: relative;
}

.quizzes.view .loading {
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.quizzes.view .loading .spinner {
  display: block;
  margin: 10px auto;
  position: relative;
  top: 45%;
}

.quizzes.view #primary.quizzes.view {
  margin: 0 0 30px;
  padding: 40px 20px;
}

.quizzes.view .upgrade {
  text-align: center;
}

.quizzes.view .button.upgrade {
  background-color: #32c86e;
  border-radius: 20px;
}

.quizzes.view .video {
  margin: 10px auto;
  max-width: 850px;
  padding: 0;
  position: relative;
  text-align: center;
}

.quizzes.view .buttons {
  margin: 10px auto;
  min-height: 60px;
  position: relative;
  text-align: center;
}

.quizzes.view .buttons .button {
  background-color: #ff7f01;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 10px;
  padding: 20px;
  min-width: 100px;
}

.quizzes.view .buttons .finished {
  display: none;
}

.quizzes.view.noaccess .buttons .button {
  background-color: #d9dadb;
  opacity: 0.7;
  cursor: not-allowed;
}

.quizzes.view .vjs-control-bar {
  font-size: 100%;
}

.quizzes.view h1 {
  background-color: #ff7f01;
  color: #fff;
  font-size: 32px;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
}

.quizzes.view h1 a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.quizzes.view .score {
  padding: 10px;
  text-align: center;
}

.quizzes.view .score div {
  display: inline-block;
  padding: 5px;
}

.quizzes.view .score div label {
  color: #666;
  display: block;
  font-size: 13px;
  margin: 2px auto;
}

.quizzes.view .score div span {
  background-color: #999;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  line-height: 48px;
  margin: 2px auto;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

.quizzes.view .score div span.green {
  background-color: #33aa3a;
}

.quizzes.view .score div span.yellow {
  background-color: #e8cd0b;
}

.quizzes.view .score div span.red {
  background-color: #fd4333;
}

.quizzes.view .answer {
  text-align: center;
}

.quizzes.view .answer div {
  font-size: 20px;
}

.quizzes.view .answer div label {
  font-size: 24px;
  color: #33aa3a;
}

.quizzes.view .answer.awarded_points {
  background-color: #faa;
  margin: 10px 0;
}

.quizzes.view .answer.awarded_points div {
  font-size: 28px;
}

.quizzes.view .answer.awarded_points div label {
  color: #333;
  font-size: 30px;
  font-weight: bold;
}

.quizzes.view .buttons .button.previous,
.quizzes.view .buttons .button.next {
  display: none;
}

.quizzes.view .buttons .button.previous.visible,
.quizzes.view .buttons .button.next.visible {
  display: inline-block;
}

@media only screen and (max-height: 399px) and (orientation: landscape) {
  .quizzes.view .video.wrapper {
    max-width: 550px;
  }
}

@media only screen and (max-width: 599px) {
  #primary.quizzes.view {
    padding: 15px;
  }

  .quizzes.view .buttons {
    min-height: 150px;
  }

  .quizzes.view .buttons .button {
    margin: 5px 10px;
    padding: 6px;
  }

  .quizzes.view .buttons .button,
  .quizzes.view .buttons .button.previous.visible,
  .quizzes.view .buttons .button.next.visible {
    display: block;
    clear: both;
  }

  .quizzes.view .answer div {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 10px;
  }

  .quizzes.view .answer div label {
    font-size: 20px;
  }

  .quizzes.view {
    text-align: center;
  }

  .quizzes.view h1 {
    font-size: 24px;
    margin: 0;
  }

  .quizzes.view h1 span {
    display: none;
  }

  .quizzes.view .video {
    display: none;
    padding: 0;
  }

  .quizzes.view .score {
    padding: 0 5px;
  }

  .quizzes.view .score div label {
    font-size: 11px;
  }

  .quizzes.view .score div span {
    font-size: 18px;
    height: 36px;
    line-height: 33px;
    width: 36px;
  }

  #quizzes_list_filter {
    width: 100%;
  }

  #quizzes_list_filter input {
    width: 100%;
  }

}


/**
  CLASSES
 */
body.post-type-archive-classes #primary,
body.post-type-archive-play_and_explain #primary {
  margin-top: 0 !important;
}

body.post-type-archive-classes #primary h1,
body.post-type-archive-play_and_explain #primary h1 {
  padding-bottom: 10px;
}

body.classes-template-default .content-area.primary {
  margin: 2em 0 !important;
}

#pc-player {
  width: 100%;
}

#classes_list tbody tr td {
  cursor: default !important;
}

main#main {
  font-family: Arial;
}

#main .classes-wrapper {
  display: flex;
  margin: 0 2%;
}

#main .classes-wrapper .content-container {
  width: 80%;
  padding-right: 2%;
}

#main .classes-wrapper .coach-container {
  width: 20%;
  height: 100%;
  background-color: #ffffff;
  padding: 15px;
}

#main .classes-wrapper .coach-container .quizzes.list {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

#main .classes-wrapper .content-container .video-info {
  display: flex;
  margin-top: 20px;
}

#main .classes-wrapper .content-container .video-info .left {
  width: 75%;
}

#main .classes-wrapper .content-container .video-info .left .video-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
}

#main .classes-wrapper .content-container .video-info .left .video-meta {
  font-size: 18px;
}

#main .classes-wrapper .content-container .video-info .left .video-meta span {
  color: #959eaa;
  margin-left: 10px;
}

#main .classes-wrapper .content-container .video-info .right {
  width: 25%;
  display: flex;
  justify-content: flex-end;
}

#main .classes-wrapper .content-container .video-info .right .quiz-button {
  padding-right: 10px;
}

#main .classes-wrapper .content-container .video-info .right .quiz-button a {
  background-color: #00be50;
  color: #ffffff;
  padding: 7px 17px;
  border-radius: 8px;
}

#main .classes-wrapper .content-container .video-info .right .quiz-button a:hover {
  background-color: #296d38;
}

#main .classes-wrapper .content-container .video-info .right .watch-button {
  padding-right: 10px;
}

#main .classes-wrapper .content-container .video-info .right .watch-button a {
  color: #7e848f;
  font-size: 18px;
}

#main .classes-wrapper .content-container .video-info .right .watch-button.active a {
  color: #00be50;
  font-weight: bold;
}

#main .classes-wrapper .content-container .video-info .right .like-button a {
  color: #7e848f;
  font-size: 18px;
}

#main .classes-wrapper .content-container .video-info .right .like-button.active a {
  color: #00be50;
  font-weight: bold;
}

#main .classes-wrapper .coach-container .coach-avatar {
  padding: 15px 35px;
  text-align: center;
}

#main .classes-wrapper .coach-container .coach-avatar img {
  border-radius: 50%
}

#main .classes-wrapper .coach-container .coach-name {
  color: #7e848f;
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
}

#main .classes-wrapper .coach-container .coach-social {
  margin-bottom: 10px;
}

#main .classes-wrapper .coach-container .coach-social ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin: 0;
}

#main .classes-wrapper .coach-container .coach-social ul li {
  padding-right: 15px;
  list-style-type: none;
}

#main .classes-wrapper .coach-container .coach-social ul li a {
  display: block;
  text-decoration: none;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #00be50;
  color: white;
  border-radius: 50%;
  font-size: 24px;
  box-sizing: border-box;
}

#main .classes-wrapper .coach-container .coach-social ul li a:hover {
  border: 1px solid #00be50;
}


#main .classes-wrapper .coach-container .coach-social ul li a.twitch {
  background-color: #6441a5;
}

#main .classes-wrapper .coach-container .coach-social ul li a.youtube {
  background-color: #ff0200;
}

#main .classes-wrapper .coach-container .coach-social ul li a.twitter {
  background-color: #5eaade;
}

#main .classes-wrapper .coach-container .coach-social ul li a.facebook {
  background-color: #3c5b9b;
}

#main .classes-wrapper .coach-container .coach-social ul li a.facebook {
  background-color: #3c5b9b;
}

#main .classes-wrapper .coach-container .coach-social ul li a.instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}


#main .classes-wrapper .coach-container .quizzes {
  margin-bottom: 10px;
}

#main .classes-wrapper .coach-container .quizzes ul {
  list-style: none;
  margin: 0;
}

#main .classes-wrapper .coach-container .quizzes ul li {
  margin: 20px 0;
}

#main .classes-wrapper .coach-container .quizzes ul li .quiz-item {
  display: flex;
  color: #7e848f;
  font-size: 14px;
}

#main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-left {
  padding-right: 10px;
}

#main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-left .cards {
  width: 60px;
}

#main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

#main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right div {
  padding-right: 10px;
  white-space: nowrap;
  width: 100%;
}

#main .classes-wrapper .coach-container .block_title {
  border-bottom: 1px solid #7e848f;
  color: #7e848f;
  font-weight: bold;
  font-size: 24px;
}

#main .classes-wrapper .coach-container .classes ul {
  margin: 0;
  list-style: none;
}

#main .classes-wrapper .coach-container .classes ul li {
  margin: 20px 0;
}

#main .classes-wrapper .coach-container .classes ul li a:before {
  display: block;
  background-color: red;
  width: 30px;
  height: 30px;
}

#main .classes-wrapper .coach-container .classes ul li .block-classes {
  display: flex;
}

#main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-left {
  width: 15%;
  font-size: 2em;
  text-align: center;
}

#main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-right {
  width: 85%;
  line-height: 21px;
  padding: 0 10px;
}

#main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-right a {
  font-size: 17px;
  font-weight: bold;
  color: #7e848f;
}

#main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-right .block-classes-video-meta {
  color: #b2b8c2;
  font-size: 14px;
}


@media (max-width: 1300px) {
  #main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-left {
    font-size: 1em;
  }

  #main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right .stack,
  #main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right .pos {
    display: none;
  }
}

@media (max-width: 1024px) {

  #main .classes-wrapper {
    flex-direction: column;
  }

  #main .classes-wrapper .content-container {
    width: 100%;
    padding-right: 0;
  }

  #main .classes-wrapper .content-container .comments-area {
    margin-bottom: 1.5em;
  }

  #main .classes-wrapper .content-container .comments-area .ast-comment-list {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
  }

  #main .classes-wrapper .coach-container {
    width: 100%;
  }

  #main .classes-wrapper .coach-container .coach-avatar img {
    height: 200px;
  }

  #main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-left {
    font-size: 1em;
  }

  #main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right .stack,
  #main .classes-wrapper .coach-container .quizzes ul li .quiz-item .quiz-item-right .pos {
    display: block;
  }

  #main .classes-wrapper .coach-container .classes ul li .block-classes .block-classes-left {
    font-size: 2em;
  }

}

@media (max-width: 600px) {
  #main .classes-wrapper .content-container .video-info {
    flex-direction: column;
  }

  #main .classes-wrapper .content-container .video-info .left,
  #main .classes-wrapper .content-container .video-info .right {
    width: 100%;
  }

  #main .classes-wrapper .content-container .video-info .right {
    justify-content: left;
    padding-top: 10px;
  }

}

/** Tooltip **/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  font-size: 14px;
}

.tooltip .tooltiptext-left {
  visibility: hidden;
  background-color: black;
  width: 120px;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  top: -16%;
  right: 110%;
  margin-left: -60px;
  font-size: 11px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}


.tooltip .tooltiptext-left::after {
  content: "";
  position: absolute;
}

.tooltip:hover .tooltiptext, .tooltip:hover .tooltiptext-left {
  visibility: visible;
}

/** Comments */
.ast-separate-container .comment-respond,
.ast-separate-container .comments-count-wrapper,
.ast-separate-container .ast-comment-list li {
  background: none;
}

#comments #reply-title,
#comments .comment-form .logged-in-as {
  display: none;
}

#respond.comment-respond {
  padding: 0;
}

#comments .form-submit {
  text-align: right;
}

#comments .submit {
  background-color: #2a3542;
  padding: 7px 17px;
  border-radius: 8px;
}

#comments .submit:hover {
  background-color: #202832;
}

#comments.comments-area .comments-count-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.ast-separate-container .ast-comment-list li.depth-1 {
  padding: 0;
  margin: 0;
}

.ast-comment-list .ast-comment-edit-reply-wrap {
  justify-content: flex-start;
}

.ast-comment-list .ast-edit-link {
  flex: none;
  padding-right: 20px;
}

.ast-comment-meta-wrap {
  padding: 0;
}

.ast-comment-data-wrap .ast-comment-content.comment p {
  margin: 0;
}

.ast-comment-meta-wrap .ast-comment-meta,
.ast-comment-content.comment .comment-reply-link,
.ast-comment-content.comment a.comment-edit-link {
  color: #7e848f;
}

/**
  CHART
 */
.preflop-chart-footer {
  text-align: center;
  color: #303030;
  padding: 40px 20px 0;
  font-size: 12px;
  margin: 0 2%;
  max-width: 870px;
  width: 70%;
}


.preflop-chart-wrapper .chart-title-allcharts {
  display: none;
}

.preflop-chart-wrapper.all-charts .chart-title-allcharts {
  display: block;
}

.chart-title-allcharts {
  display: none;
}

#main .preflop-chart-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 2%;
  text-align: left;
}

.preflop-chart-canvas .chart-divider {
  width: 100%;
  height: 50px;
}

.chart_wrapper {
  display: flex;
}

.preflop-chart-header.locked-loading {
  opacity: 0.7;
}

.preflop-chart-header .hidden {
  display: none !important;
}

.preflop-chart-header .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0;
}

.preflop-chart-header .filter-buttons a {
  border: 2px solid #447544;
  border-radius: 5px;
  color: white;

  background-color: #447544;
  font-size: 19px;
  position: relative;

  margin: 0 8px 8px 0;
  padding: 5px 17px;
}

.preflop-chart-header .filter-buttons a.selected {
  border: 2px solid #3F89AE;
  background-color: #3F89AE;
}

.preflop-chart-header .filter-buttons a.not-selected {
  border: 2px solid #FF4800;
  background-color: #FF4800;
}

.preflop-chart-header .filter-buttons a.disabled {
  border: 2px solid #ACACAC;
  background-color: #ACACAC;
}

.preflop-chart-header .filter-buttons a.selected.active {
  border: 2px solid #2b5b73;
}

.preflop-chart-header .filter-buttons a.active:after {
  content: '';
  border: 4px solid;
  border-color: #a53002 transparent transparent transparent;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -2px;
  transform: translate(-50%, 100%);
  display: block;
  position: absolute;
}

.preflop-chart-header .filter-buttons a.selected.active:after {
  border-color: #2b5b73 transparent transparent transparent;
}

.preflop-chart-header .filter-buttons a.not-selected.active {
  border: 2px solid #a53002;
}

.preflop-chart-header .filter-buttons a.not-selected.active:after {
  border-color: #a53002 transparent transparent transparent;
}

.preflop-chart-header .filter-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}


.preflop-chart-header .actions-list {
  text-transform: uppercase;
}

.preflop-chart-header .filter-list h2,
.preflop-chart-header .filter-list p,
.preflop-chart-header .filter-list i {
  display: none;
}

.preflop-chart-header .filter-list .button-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 10px;
}

.preflop-chart-header .filter-list .button-list a {
  border: 2px solid #282828;
  border-radius: 5px;
  color: #282828;
  background-color: white;
  margin: 0 8px 8px 0;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  line-height: 1.2;
  justify-content: center;
}

.preflop-chart-header .filter-list .button-list a.active {
  color: white;
  border: 2px solid #3F89AE;
  background-color: #3F89AE;
  text-transform: uppercase;
}

.preflop-chart-header .filter-list .button-list a.restricted.pc {
  opacity: 0.6;
}

.preflop-chart-header .filter-list .button-list a.restricted.pcp {
  opacity: 0.3;
}

.preflop-chart-canvas {
  margin: 15px 0;
}

#chart {
  max-width: 870px;
  width: 70%;
  height: 782px;
  color: #220000;
}

#chart.icm-chart {
  height: 430px;
  display: flex;
  flex-direction: column-reverse;
}

#chart .chart_actions_bar {
  background-color: #535353;
  width: 100%;
  height: 20px;
  display: flex;
}

#chart .chart_full_data {
  width: 100%;
  height: 782px;
  display: flex;
  border: 1px solid #0b0b0b;
  color: white;
}

#chart.icm-chart .chart_full_data {
  height: 392px;
}

#chart .chart_actions_bar .action_stripe {
  height: 20px;
}


#chart.icm-chart .chart_full_actions a {
  border-radius: 4px;
  border: 1px solid #3fb859;
  color: #3fb859;
  line-height: 37px;
  height: auto;
  padding: 4px 7px;
}

#chart.icm-chart .chart_full_actions a:hover {
  color: white;
  background-color: #3fb859;
}

#chart .column {
  width: calc(100% / 13);
}

#chart .column .row .row_fill {
  background-color: #535353;
  height: 100%;
  position: absolute;
  z-index: 1;
}

#chart .column .row .row_fill.color-raise {
  background-color: #E9967A;
}

#chart .column .row .row_fill.color-call {
  background-color: #8FBC8B;
}

#chart .column .row .row_fill.color-allin {
  background-color: #C16D59;
}

#chart .column .row .row_fill.color-fold {
  background-color: #6DA2C0;
}

#chart .column .row .row_fill.color-pot {
  background-color: #54167e;
}

#chart .column .row .row_fill.color-half-pot {
  background-color: #871ed0;
}

#chart .column .row .row_fill.color-min {
  background-color: #052a88;
}

#chart .column .row .row_fill.color-oor {
  background-color: #666666;
}

#chart .column .row .row_fill.color-0 {
  background-color: #B25848;
}

#chart .column .row .row_fill.color-1 {
  background-color: #7DB178;
}

#chart .column .row .row_fill.color-2 {
  background-color: #5C90B3;
}

#chart .column .row .row_fill.color-3 {
  background-color: #8d9704;
}

#chart .column .row .row_card {
  position: absolute;
  z-index: 2;
  margin-left: 5px;
}

#chart.icm-chart .column .row .row_card {
  width: 92%;
}

#chart.icm-chart .column .row .row_card .tooltip {
  width: 100%;
}

#chart .column .row .row_card .actions {
  font-size: 9px;
  display: flex;
  line-height: 11px;
  flex-direction: column;
  margin-top: -3px;
}

#chart .column .row {
  text-align: left;
  height: calc(100% / 13);
  background-color: #535353;
  border: 1px solid #3e3e3e;
  position: relative;
  margin: 0;
  padding: 0;
}

#chart.icm-chart .column .row {
  height: 30px;
}

#chart .column .row:hover {
  border: 2px solid #000000;
}

#chart_actions {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 30%;
}

#chart_actions .chart_action {
  display: flex;
  margin-left: 20px;
  margin-bottom: 10px;
}

#chart_actions .chart_action.color-raise {
  color: #E9967A;
}

#chart_actions .chart_action.color-call {
  color: #8FBC8B;
}

#chart_actions .chart_action.color-allin {
  color: #C16D59;
}

#chart_actions .chart_action.color-fold {
  color: #6DA2C0;
}

#chart_actions .chart_action.color-oor {
  color: #666666;
}

#chart_actions .chart_action.color-0 {
  color: #B25848;
}

#chart_actions .chart_action.color-1 {
  color: #7DB178;
}

#chart_actions .chart_action.color-2 {
  color: #046497;
}

#chart_actions .chart_action.color-3 {
  color: #8d9704;
}

#chart_actions .chart_small {
  min-width: 210px;
  height: 184px;
  display: flex;
  border: 1px solid #0b0b0b;
}

#chart_actions .chart_small .column {
  width: calc(100% / 13);
}

#chart_actions .chart_small .column .row .row_fill {
  height: 100%;
  position: absolute;
  background-color: #535353;
}

#chart_actions .color-raise .chart_small .column .row .row_fill {
  background-color: #E9967A;
}

#chart_actions .color-call .chart_small .column .row .row_fill {
  background-color: #8FBC8B;
}

#chart_actions .color-allin .chart_small .column .row .row_fill {
  background-color: #C16D59;
}

#chart_actions .color-fold .chart_small .column .row .row_fill {
  background-color: #6DA2C0;
}

#chart_actions .color-oor .chart_small .column .row .row_fill {
  background-color: #666666;
}


#chart_actions .color-0 .chart_small .column .row .row_fill {
  background-color: #B25848;
}

#chart_actions .color-1 .chart_small .column .row .row_fill {
  background-color: #7DB178;
}

#chart_actions .color-2 .chart_small .column .row .row_fill {
  background-color: #5C90B3;
}

#chart_actions .color-3 .chart_small .column .row .row_fill {
  background-color: #8d9704;
}

#chart_actions .chart_small .column .row .row_fill.color-none {
  background-color: #535353 !important;
}

#chart_actions .chart_small .column .row .row_fill.color-oos {
  background-color: #ffffff;
}

#chart_actions .chart_small .column .row .row_fill.color-raise {
  background-color: #E9967A;
}

#chart_actions .chart_small .column .row .row_fill.color-call {
  background-color: #8FBC8B;
}

#chart_actions .chart_small .column .row .row_fill.color-allin {
  background-color: #C16D59;
}

#chart_actions .chart_small .column .row .row_fill.color-fold {
  background-color: #6DA2C0;
}

#chart_actions .chart_small .column .row .row_fill.color-oor {
  background-color: #666666;
}

#chart_actions .chart_small .column .row .row_fill.color-0 {
  background-color: #B25848;
}

#chart_actions .chart_small .column .row .row_fill.color-1 {
  background-color: #7DB178;
}

#chart_actions .chart_small .column .row .row_fill.color-2 {
  background-color: #5C90B3;
}

#chart_actions .chart_small .column .row .row_fill.color-3 {
  background-color: #8d9704;
}

#chart_actions .chart_small .column .row {
  height: calc(100% / 13);
  background-color: #535353;
  position: relative;
  margin: 0;
  padding: 0;
}

#chart_actions .chart_small .column .row.color-oos {
  background-color: #ffffff;
}

#chart_actions .chart_small .column .row.color-oor {
  background-color: #bdbdbd;
}

#chart_actions .chart_action .chart_label {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

#chart_actions .chart_action .chart_label span.action {
  font-size: 30px;
  font-weight: bold;
}

#chart_actions .chart_action .chart_label span.combos {
}

.preflop-chart-wrapper.loading,
#chart.loading,
#chart_actions.loading {
  opacity: 55%;
}

.preflop-chart-wrapper .loading-spinner,
#chart .loading-spinner {
  display: none;
}

.preflop-chart-wrapper.loading .loading-spinner,
#chart.loading .loading-spinner {
  display: flex;
  height: 782px;
}

.loading-spinner {
  position: absolute;
  z-index: 10;
  width: 870px;
}

#floatingCirclesG {
  position: relative;
  width: 125px;
  height: 125px;
  margin: auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
}

.f_circleG {
  position: absolute;
  background-color: rgb(255, 255, 255);
  height: 22px;
  width: 22px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

#frotateG_01 {
  left: 0;
  top: 51px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}

#frotateG_02 {
  left: 15px;
  top: 15px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#frotateG_03 {
  left: 51px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#frotateG_04 {
  right: 15px;
  top: 15px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#frotateG_05 {
  right: 0;
  top: 51px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#frotateG_06 {
  right: 15px;
  bottom: 15px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#frotateG_07 {
  left: 51px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#frotateG_08 {
  left: 15px;
  bottom: 15px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #46b759;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #46b759 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* WooCommerce*/

section.back-to-store {
  padding-bottom: 20px;
}

section.back-to-store a {
  display: flex;
  align-items: center;
  text-transform: uppercase;

}

section.back-to-store a span {
  margin-right: 9px;
}


@keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-o-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-ms-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-moz-keyframes f_fadeG {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@media (max-width: 1024px) {

  .preflop-chart-footer {
    width: 100%;
    padding: 10px 10px 20px;
    margin: 0;
  }

  #chart_actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 7px;
    border: 2px solid black;
  }


  #chart_actions .chart_action {
    flex-grow: 1;
    margin-bottom: 0;
  }

  #chart_actions .chart_action .chart_label span.action {
    font-size: 20px;
    height: 30px;
  }

  #chart_actions .chart_action .chart_label span.combos {
    height: 20px;
  }

  .chart_wrapper {
    flex-direction: column;
  }

  #chart {
    width: 100%;
  }

  #chart .column .row .row_card .actions {
    display: none;
  }

  #chart .chart_full_data, #chart {
    height: 420px;
    font-size: 10px;
    margin-bottom: 10px;
  }

  #chart_actions .chart_action {
    margin-left: 0;
  }

  #chart_actions .chart_small {
    display: none;
  }
}

@media (max-width: 769px) {

  #main .preflop-chart-wrapper {
    margin: 0;
  }

  .preflop-chart-footer {
    padding: 0 10px 20px;
  }

  .preflop-chart-header .filter-list .button-list {
    width: 100%;
  }

  body.page-template-page-preflop-chart .ast-container {
    padding: 0 !important;
  }

  #main .preflop-chart-wrapper {
    flex-direction: column-reverse;
  }


  .preflop-chart-header .filter-list h2,
  .preflop-chart-header .filter-list p,
  .preflop-chart-header .filter-list i {
    display: block;
  }

  .preflop-chart-header .filter-buttons a {
    width: 45%;
    text-align: center;
    flex-grow: 1;
    margin-left: 8px;
    line-height: 25px;
    padding: 15px 0;
  }

  .preflop-chart-header .filter-list h2 {
    width: 100%;
    background-color: #47a532;
    color: white;
    padding: 5px 15px;
  }

  .preflop-chart-header .filter-list p {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
  }

  .preflop-chart-header .filter-list i {
    position: absolute;
    right: 3%;
    top: 5%;
    font-size: 23px;
    color: white;
  }

  .preflop-chart-header .filter-list .button-list a {
    text-align: center;
  }

  .preflop-chart-header .filter-list.blinds-list .button-list a,
  .preflop-chart-header .filter-list.positions-list .button-list a {
    width: 22%;
    flex-grow: 1;
  }

  .preflop-chart-header .filter-list.actions-list .button-list a,
  .preflop-chart-header .filter-list.opppos-list .button-list a {
    width: 22%;

  }

  .preflop-chart-header .filter-list .button-list {
    padding: 0 15px;
  }

  .preflop-chart-header .filter-list {
    position: fixed;
    z-index: 10;
    background-color: white;
    margin: 0;
    bottom: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: 100%;
  }


  .preflop-chart-header .upgrade-required-alert {
    position: fixed;
    top: 30%;
    text-align: center;
    z-index: 11;
    background-color: white;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.82);
    -moz-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.82);
    box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.82);
  }

  .preflop-chart-canvas {
    margin-bottom: 0;
  }

}

@media (max-width: 570px) {

  #chart .chart_full_data, #chart {
    font-size: 9px;
  }

  #chart .column .row .row_card {
    margin-left: 1px;
  }
}

figure.wp-block-table.pc-table table td {
  vertical-align: middle;
}

figure.wp-block-table.pc-table table td a.button {
  border-color: #41b859;
  background-color: #41b859;
}

figure.wp-block-table.pc-table table td a.button:hover {
  border-color: #2f7149;
  background-color: #2f7149;
}

#primary.dashboard {
  color: #797979;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

#main-content.homework {
  color: #797979;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/*advanced table*/

.adv-table table tr td {
  padding: 10px;
}

.adv-table table.display thead th {
  border-bottom: 1px solid #DDDDDD;
  padding: 10px;
}

tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1 {
  background: none;
}

td.details {
  background-color: #eee;
}

td.details table tr td, .dataTable tr:last-child {
  border: none;
}

.adv-table table.display tr.odd.gradeA {
  background-color: #F9F9F9;
}

.adv-table table.display tr.even.gradeA {
  background-color: #FFFFFF;
}

.adv-table .dataTables_filter label input {
  float: right;
  margin-left: 10px;
  width: 100%;
}

.adv-table .dataTables_filter label {
  line-height: 33px;
  width: 100%;
}

.adv-table .dataTables_length select {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 8px;
  width: 65px;
}

.adv-table .dataTables_info, .dataTables_paginate {
  padding: 15px 0;
}

.adv-table .dataTables_length, .adv-table .dataTables_filter {
  padding: 15px 0;
}

.cke_chrome {
  border: none !important;
}


.editable-table .dataTables_filter {
  width: 80%;
}

tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 {
  background: none !important;
}

/* Learndash extra styles */

body.learndash-cpt .site-content nav.post-navigation {
  display: none;
}

.ld-course-list-items article .ld_course_grid_price.ribbon-enrolled {
  display: none;
}

.ld-course-list-items .ld_course_grid article {
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
}

.ld-course-list-items .ld_course_grid article h3.entry-title {
  font-size: 21px;
  flex-grow: 1;
  text-align: center;
}

.ld-course-list-items .ld_course_grid article .caption {
  margin-top: auto;
}

.dashboard table, .dashboard td, .dashboard th {
  border: 0;
}

/** Premium Modal */
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 40;
  -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
  -webkit-transition-delay: 0s, 0s;
  transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}

.modal-overlay.state-show {
  opacity: .7;
  visibility: visible;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s, 0s;
  -o-transition-duration: 0.2s, 0s;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s;
}

.modal-frame {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  /*     display: table; */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  width: 100%;
  text-align: center;
  visibility: hidden;
}

.modal-frame.state-appear {
  visibility: visible;
}

.modal-frame.state-appear .modal-inset {
  -moz-animation: modalComeIn 0.25s ease;
  -webkit-animation: modalComeIn 0.25s ease;
  animation: modalComeIn 0.25s ease;
  visibility: visible;
  /* to keep @ final state */
}

.modal-frame.state-appear .modal-body {
  opacity: 1;
  -moz-transform: translateY(0) scale(1, 1);
  -ms-transform: translateY(0) scale(1, 1);
  -webkit-transform: translateY(0) scale(1, 1);
  transform: translateY(0) scale(1, 1);
}

.modal-frame.state-leave {
  visibility: visible;
}

.modal-frame.state-leave .modal-inset {
  -moz-animation: modalHeadOut 0.35s ease 0.1s;
  -webkit-animation: modalHeadOut 0.35s ease 0.1s;
  animation: modalHeadOut 0.35s ease 0.1s;
  visibility: visible;
}

.modal-frame.state-leave .modal-body {
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}

@-moz-document url-prefix() {
  .modal-frame {
    height: calc(100% - 55px);
  }
}

.pc-modal {
  display: block;
  vertical-align: middle;
  text-align: center;
}

.modal-inset {
  position: relative;
  padding: 60px;
  background-color: white;
  min-width: 320px;
  min-height: 126px;
  margin: auto;
  visibility: hidden;
  -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.modal-inset .close {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  background-color: white;
}

.modal-inset .close:hover {
  opacity: 1;
}

.modal-body {
  margin: auto;
  opacity: 0;
  -moz-transform: translateY(0) scale(0.8, 0.8);
  -ms-transform: translateY(0) scale(0.8, 0.8);
  -webkit-transform: translateY(0) scale(0.8, 0.8);
  transform: translateY(0) scale(0.8, 0.8);
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.modal-body h3 {
  font-weight: 700;
  padding-bottom: 22px;
  display: block;
  color: #41b859;
  text-align: center;
}

.modal-body p {
  padding-bottom: 20px;
}

.modal-body .ps {
  font-size: 12px;
  opacity: .3;
}

@-webkit-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}

@-moz-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}

@keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}


/** Upcoming Events **/
.upcoming-content {
  margin: 0 40px;
  padding: 40px;
  background-color: white;
}

.upcoming-content h1 {
  margin-bottom: 25px;
}

.upcoming-content .upcoming-content-event {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.upcoming-content .group-events {
  margin-bottom: 25px;
}

.upcoming-content .upcoming-content-event img {
  border-radius: 50%;
  margin-right: 15px;
}

.upcoming-content .upcoming-content-event div {
  font-family: Roboto, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

.upcoming-content .upcoming-content-event div a {
  color: #797979;
}


@media (max-width: 769px) {
  .upcoming-content {
    padding: 20px;
  }

  .upcoming-content .upcoming-content-event {
    flex-direction: column;
  }
}

.dashboard .preloader {
  text-align: center;
}

/** Class Collection **/

.collection-wrapper {
  display: flex;
  margin-left: 40px;
}

.collection-wrapper .sidebar {
  width: 20%;
}

.collection-wrapper .sidebar .back-button a {
  font-weight: bold;
}

.collections .hidden {
  display: none;
}

.collection-wrapper .collections {
  width: 50%;
}

.collection-wrapper .collections ul {
  list-style: none;
}

.collection-wrapper .collections ul li {
  background-color: white;
  border-radius: 10px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  color: #7b7b7b;
}

.collection-wrapper .collections ul li a {
  color: #46b759;
  font-size: 18px;
  font-weight: bold;
}

.collection-wrapper .collections ul li ul.videos-list a {
  color: #030303;
}

.collection-wrapper .collections ul li .videos-list a {
  color: #030303;
}

span.ld-item-components .ld-status.ld-status-unlocked.ld-primary-color {
  display: none !important;
}

.ld-table-list.ld-topic-list.ld-quiz-list + .ld-table-list.ld-topic-list.ld-quiz-list {
  margin-top: 10px !important;
}

.ld-table-list-item-button,
.ld-table-list-item-button:hover,
.ld-table-list-item-button:focus {
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.ld-table-list-item-button:hover {
  color: #1c4a2b;
}

.ld-icon-drill:before,
.ld-icon-quiz:before {
  content: "";
  background-image: url("./images/pc_quiz_gy_icon.png");
  background-size: cover;
  width: 26px;
  height: 26px;
  opacity: 0.5;
}
.ld-icon-drill:before {
  background-image: url("./images/pc_drill_icon.png");
}

.ld-status-icon.ld-secondary-color .ld-icon-quiz:before {
  background-image: url("./images/pc_quiz_icon.png");
  opacity: 1;
}

.ld-table-list-footer {
  color: #25413d;
  font-size: 16px;
  line-height: 1.5;
}

/**
  * PC User Settings
  */
#pc-settings a.menu-link {
  font-size: 16px;
}

#pc-settings:hover a.menu-link {
  color: #007aff;
  background: white;
}

#pc-settings ul.pc-settings-list {
  display: none;
}


#pc-settings:hover ul.pc-settings-list {
  display: block;
}

#pc-settings ul.pc-settings-list {
  position: absolute;
  top: 55px;
  background-color: #ffffff;
  width: 180px;
  right: 0px;
  text-align: center;
  line-height: 36px;
  box-shadow: 0 20px 40px 0 rgb(0 0 0 / 30%);
}

#pc-settings ul.pc-settings-list li {
  border-bottom: 1px solid rgba(133, 133, 133, 0.5);
}

#pc-settings ul.pc-settings-list li:hover {
  background-color: rgb(132 132 132 / 10%);
}

#pc-settings ul.pc-settings-list .setting-group label,
#pc-settings ul.pc-settings-list .setting-group input {
  cursor: pointer;
}

#pc-settings ul.pc-settings-list li .pc-member,
#pc-user-settings-mobile ul.pc-settings-list li .pc-member {
  width: 20px;
  height: 20px;
}

#pc-settings ul.pc-settings-list li a {
  padding: 7px 49px;
}

#pc-settings ul.pc-settings-list .setting-group label {
  margin-left: 6px;
}

.ast-mobile-menu-buttons .ast-button-wrap button {
  display: flex;
  justify-content: center;
}

.ast-mobile-menu-buttons .ast-button-wrap button .close-icon {
  display: none;
}

.ast-mobile-menu-buttons .ast-button-wrap button.toggled .open-icon {
  display: none;
}

.ast-mobile-menu-buttons .ast-button-wrap button.toggled .close-icon {
  display: block;
}

.ast-mobile-menu-buttons .ast-button-wrap span.mobile-menu-wrap {
  display: flex;
}

.ast-mobile-menu-buttons .ast-button-wrap span.mobile-menu-wrap i {
  font-size: 17px;
  padding: 4px;
}

#pc-user-settings-mobile {
  display: none !important;
}

#pc-user-settings-mobile.visible {
  display: block !important;
}

#pc-user-settings-mobile.visible {
  display: block;
}

#pc-user-settings-mobile ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}


.toggle-control {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toggle-control input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.toggle-control input:checked ~ .control {
  background-color: #2b3241;
}

.toggle-control input:checked ~ .control:after {
  left: 18px;
}

.toggle-control .control {
  position: absolute;
  top: 6px;
  left: 3px;
  height: 25px;
  width: 42px;
  border-radius: 25px;
  background-color: darkgray;
  transition: background-color 0.15s ease-in;
}

.toggle-control .control:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 21px;
  height: 21px;
  border-radius: 25px;
  background: white;
  transition: left 0.15s ease-in;
}

/** Dashboard - Promo Banner */
.special5daysWhite {
  color: #FFFFFF;
  box-sizing: border-box;
  font-family: Oswald;
  font-size: 31px;
  line-height: 35px;
  font-style: normal;
  text-align: center;
  font-weight: bold;
}

.special5days {
  color: #77FF5E;
  box-sizing: border-box;
  font-family: Oswald;
  font-size: 47px;
  font-style: normal;
  text-align: center;
  font-weight: bold;
}

.PromoBanner_link__img__3DyGK {
  height: auto !important;
  padding-top: 7px;
}

@media screen and (max-width: 1439px) {
  .special5days {
    font-size: 40px;
    line-height: 48px;
  }

  .PromoBanner_info__content__27Fpp p {
    text-align: center;
  }

  .PromoBanner_info__button__3u_wo {
    margin: 0 auto;
  }
}




.pc-top-trial-countdown ~ .ast-main-header-bar-alignment {
  margin-left: inherit;
}

header.site-header .pc-top-trial-countdown {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  line-height: initial;
  align-items: center;
  font-family: eurostile,sans-serif;
  font-weight: 400;
}

.ast-header-break-point .pc-top-trial-countdown {
  width: 100%;
  order: 4;
}

header.site-header .pc-top-trial-countdown .trial-countdown-button {
  border-radius: 4px;
  background-color: #3fb859;
  color: white;
  height: auto;
  font-weight: bold;
  font-size: 20px;
  padding: 1px 10px;
  margin: 2px;
  display: flex;
}

header.site-header .pc-top-trial-countdown .trial-text{
  margin-top: 5px;
}

header.site-header .pc-top-trial-countdown .trial-text span {
  text-transform: uppercase;
}

header.site-header .pc-top-trial-countdown .trial-countdown-button.gold {
  color: black;
  background: rgb(155,121,70);
  background: linear-gradient(0deg, rgba(155,121,70,1) 0%, rgba(206,188,136,1) 100%);
}

header.site-header .pc-top-trial-countdown .trial-countdown-button.blue {
  color: white;
  background: #0066ff;
}

header.site-header .pc-top-trial-countdown .manage-membership-link{
  font-size: 13px;
  margin-bottom: 5px;
}


header.site-header .pc-top-trial-countdown .pokergo-promo .pokergo-logo {
  margin-top: 3px;
}

header.site-header .pc-top-trial-countdown .pokergo-promo {
  background-color: #191b23;
  color: white;
  border: 2px solid #582766;
  border-radius: 9px;
  padding: 2px 10px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

header.site-header .pc-top-trial-countdown .pokergo-promo:hover {
  background: #582766;
}

.pc-login-divider {
  margin: 0 27%;
}

.pc-login-divider .pc-login-divider__or {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.pc-login-divider .pc-login-divider__or::after,
.pc-login-divider .pc-login-divider__or::before
{
  position: absolute;
  width: 40%;
  height: 1px;
  top: 24px;
  background-color: #aaa;
  opacity: 0.2;
  content: '';
}

.pc-login-divider .pc-login-divider__or::after {
  right: 0;
}

.pc-login-divider .pc-login-divider__or::before {
  left: 0;
}


.pc-social-login .col-1 {
  display: flex;
  justify-content: center;
}

.pc-social-login {
  display: flex;
  justify-content: center;
}

.mo-openid-app-icons {
  width: 100%;
  display: flex!important;
  justify-content: center;
  flex-wrap: wrap;
}

.mo_btn-block+.mo_btn-block {
  margin-top: 0;
}

.show-for-cp {
 display: none!important;
}


li.wc_payment_method.payment_method_ppec_paypal {
  display: none;
}

body.pc-theme-dark.react-app .site-content {
  background-color: #191b23;
}

body.pc-theme-dark .main-header-bar {
  background-color: #191b23;
  border-bottom-color: #2b3141;
}


.btn-grey {
  background: rgb(69,69,69);
  background: linear-gradient(0deg, rgba(69,69,69,1) 0%, rgba(109,111,108,1) 100%);
  border-radius: 7px;
  border: 0;
}

body.pc-theme-dark.learndash-cpt {
  --ast-global-color-2: #f0f0f0;
  --ast-global-color-3: #eeeeee;
  --ast-global-color-4: #2a3542;
  --ast-global-color-5: #191b23;
}
.wpProQuiz_content .wpProQuiz_reviewQuestion li {
  background: var(--ast-global-color-4);
}
.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
  background: var(--ast-global-color-5);
}

body.page-template-page-peak .site-content .ast-container {
  background: #00060c;
}
body.page-template-page-peak[class*=Train_isTrainingSetup] .site-content .ast-container {
  background: #0f1113;
}