:root {
  --shadow-color: 0deg 0% 0%;
  --shadow-elevation-low:
    0.5px 0.6px 1px hsl(var(--shadow-color) / 0.07),
    2px 2.2px 3.9px -1.2px hsl(var(--shadow-color) / 0.14);
  --shadow-elevation-medium:
    0.5px 0.6px 1px hsl(var(--shadow-color) / 0.1),
    10.2px 11px 19.7px -1.2px hsl(var(--shadow-color) / 0.2);
  --shadow-elevation-high:
    0.5px 0.6px 1px hsl(var(--shadow-color) / 0.09),
    8.4px 9.1px 16.3px -0.4px hsl(var(--shadow-color) / 0.14),
    21.1px 22.7px 40.7px -0.8px hsl(var(--shadow-color) / 0.19),
    49.3px 53.1px 95.1px -1.2px hsl(var(--shadow-color) / 0.23);
}

form.pmpro_form label,
#loginform label {
  font-weight: 300 !important;
  display: inline !important;
  margin: inherit !important;
  text-align: center !important;
}

input[type="checkbox"]:hover {
    cursor: pointer;
}

@media (max-width: 768px){
  form.pmpro_form .pmpro_btn,
  .pmpro_login_wrap #loginform input[type=submit] {
      display: inline-block !important;
      /*width: auto !important;*/
  }
}

.btn[disabled] {
    background-color: gray !important;
    opacity: 0.5 !important;
}

.pmpro_message {
  display: inline-block !important;
  max-width: 90%;
}

.pmpro_a-print,
.pmpro_actions_nav,
#subpage-navigation {
  display: none;
}

.pmpro-confirmation.page #secondary {
  border-right: none !important;
}

.pmpro-confirmation.page hr {
  display: block !important;
}

.panel .btn {
  padding: 10px 0;
  font-size: 18px;
  width: 220px !important;
  height: 50px;
}

.panel .btn.login {
  margin-bottom: 20px;
}

.panel .btn__hello-description {
  display: block;
font-size: 15px;
width: 220px;
text-align: justify;
margin: 0 auto 30px;
}



@media (min-width: 992px){
  #pricing .col-md-4 {
    /*width: 30%;*/
  }
  .pricing__table {
    /*enable when three columns, hide when two*/
    /*margin-left: 10%;*/
  }
  #demo .wp-playlist {
    width: 85%;
    margin: 30px auto 10px !important;
  }  
}

/*@media (max-width: 991px){
  #demo .wp-playlist {
  width: 85%;
  margin: 30px auto 10px !important;
}
}*/

#faq details {
  margin-bottom: 15px;
}

.faq__header {
  display: inline;
  margin-left: 10px;
}

.pmpro-checkout h1 {
  margin-bottom: 20px;
  text-align: center;
}

.pmpro-checkout #primary,
.pmpro-checkout #secondary,
.pmpro-checkout #tertiary {
  padding-top: 0 !important;
}

details p {
  margin-left: 20px;
}

.panel li {
  font-size: 17px;
  list-style: none;
  margin-left: 0px;
  text-indent: -22px;  
  margin-top: 10px;  
}

.panel li::before {
  content: '✓';
  margin-right: 10px;
}

.pmpro-checkout h1 {
  font-size: 24px;
  font-family: "Droid Sans", Sans-serif;
}

.pmpro-checkout .panel-heading {
  padding-top: 14px;
  padding-bottom: 10px;
}

#pmpro_account_loggedin {
  text-align: left;
  padding: 0 15px;
  font-size: 16px;
  margin-bottom: 20px !important;
}

#pmpro_btn-submit {
  margin-bottom: 10px;
}

.pmpro-checkout figurecaption {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  article.page {
    padding: 20px 20px !important;
  }
  .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .panel-default {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.spots-left__total {
  min-height: 30px;
}

.about__read-more-link {
  text-align: center;
}
.pmpro-checkout .wp-playlist,
.pmpro-checkout figure img,
.pmpro-checkout .alert {
  box-shadow: var(--shadow-elevation-low);
}

.pricing__benefits__plus {
  margin-left: 40px;
  font-weight: 500;
}

.pricing__benefit__highlight {
  font-weight: 500;
  border-bottom: 1px solid;
}

.pricing__benefit__highlight a {
  color: black;
}

.pricing__benefit__highlight a:hover {
  text-decoration: none;
}

.pricing__benefits__list {
  margin-bottom: 1em;
}

.pricing__slider:hover {
  cursor: pointer;
}

.pricing__slider {
  width: calc(100% - 100px) !important;
}

.pricing__variable-text {
  font-size: 16px;
  text-align: left;
}