/*---------------------------------------
	Buttons
---------------------------------------*/

.pmpro_btn:hover,
.pmpro_btn:focus,
.pmpro_checkout .pmpro_btn:hover,
.pmpro_checkout .pmpro_btn:focus,
.pmpro_content_message a:focus,
.pmpro_content_message a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}

.pmpro_btn:active,
.pmpro_btn.active {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  outline: 0;
}

.pmpro_btn.disabled,
.pmpro_btn[disabled],
fieldset[disabled] .pmpro_btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  pointer-events: none;
}

input[type="button"].pmpro_btn.pmpro_btn-cancel {
  background: #CCC;
  margin: 0 0 0 10px;
}

input[type="button"].pmpro_btn.pmpro_btn-cancel:hover {
  background: #EFEFEF;
}

/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/

.pmpro_message {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #31708f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  margin: .5em 0;
  padding: 10px 15px;
}

.pmpro_success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.pmpro_error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.pmpro_alert {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.pmpro_content_message a {
  margin: 5px 5px 0 0;
}

.pmpro_message a {
  color: #245269;
  text-decoration: underline;
}

.pmpro_success a {
  color: #2b542c;
}

.pmpro_error a {
  color: #843534;
}

.pmpro_alert a {
  color: #66512c;
}

input.pmpro_error {
  background-image: none;
}

select.pmpro_error {
  background-image: none;
}


/*---------------------------------------
	Membership Checkout
---------------------------------------*/


/*---------------------------------------
	Membership Confirmation
---------------------------------------*/

body.pmpro-confirmation .entry-content ul {
  margin-left: 1.5em;
}


/*---------------------------------------
	Membership Invoice
---------------------------------------*/

body.pmpro-invoice .entry-content ul {
  margin-left: 1.5em;
}

.pmpro_invoice_details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
}

.pmpro_invoice_details p {
  margin: 0 0 .5em 0;
  padding: 0;
}


/*---------------------------------------
	Membership Account
---------------------------------------*/

#pmpro_account .pmpro_box {
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 1em 0;
}

#pmpro_account .pmpro_box h3 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

#pmpro_account .pmpro_box p {
  margin: .5em 0 0 0;
  padding: 0;
}

#pmpro_account .pmpro_box ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}

#pmpro_account #pmpro_account-membership {}

#pmpro_account #pmpro_account-profile {}

#pmpro_account #pmpro_account-billing {}

#pmpro_account #pmpro_account-invoices {}

#pmpro_account #pmpro_account-links {}

.pmpro_actionlinks {
  font-size: .8em;
  margin: .25em 0 0 0;
}

.pmpro_actionlinks a {
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
  text-decoration: none;
}

.pmpro_actionlinks a:last-child {
  padding: 0;
}

.pmpro_hidden {
  display: none;
}

li.pmpro_more {
  list-style-type: none;
  margin-left: -20px;
  padding-left: 0;
  text-align: center;
}


/*---------------------------------------
	Membership Levels
---------------------------------------*/

#pmpro_levels_table {
  background: #FFF;
}

#pmpro_levels_table .pmpro_btn {
  display: block;
}


/*---------------------------------------
	Misc
---------------------------------------*/

.pmpro_a-right {
  float: right;
  font-size: 11px;
  text-align: right;
  text-decoration: underline;
  width: auto;
}

.pmpro_a-print {
  background: url(../images/printer.gif) top left no-repeat;
  color: #345395;
  cursor: pointer;
  float: right;
  font-size: 11px;
  line-height: 16px;
  padding: 0px 0px 2px 20px;
  text-decoration: none;
  width: auto;
}

.pmpro_red {
  color: #CC0000;
}

.pmpro_grey {
  color: #999;
}

.top1em {
  margin-top: 1em;
}

.bot1em {
  margin-bottom: 1em;
}

.bot0em {
  margin-bottom: 0em;
}

.clear {
  clear: both;
}

.pmpro_small {
  font-size: .8em;
}
/*======================PAID LEVELS===============*/

#content h1.pricing-title {
  font-size: 50px;
  text-align: center;
  border: none;
  margin-top: 10px;
  padding-bottom: 0;
}

.entry p.pricing-subtitle {
  font-size: 18px;
  max-width: 740px;
  margin: 0 auto;
  text-align: center;
  color: #7d7d7d;
  line-height: 1.7;
}

.pricing-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-top: 30px;
}

.pricing-item,
.pricing-item-features {
  width: 33.33333%;
  padding: 0 10px;
}
.beginner-features {
  order: 5;
}
.beastmode-features {
  order: 4;
}
.athlete-features {
  order: 6;
}
.pricing-item-with-padding {
  padding-top: 50px;
}

.pricing-item-content {
  height: 100%;
  display: flex;
  flex-direction: column;
    border: 1px solid #f0f0f0;
}
.pricing-item-content.pricing-item-content-with-bg {
  border: none;
  border-bottom: 1px solid #fff;
}
.pricing-item-description {
  padding-bottom: 50px;
  text-align: center;
  height: 100%;
}

.pricing-item-description-inner {
  padding: 30px 20px 0px;
}
.plan-no-align .pricing-item-description-inner {
  height: auto;
}

.pricing-item-content-with-bg .pricing-item-description {
  border: none;
  height: auto;
  background-color: #2e60c4;
  padding: 30px 20px 230px;
  height: 100%;
  position: relative;
}
.beastmode-price-absolute {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

#content .pricing-item-content h2 {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 30px;
  color: #262626;
}

#content .pricing-item-content .pricing-item-descr {
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
}
.pricing-item-descr-wrapper {
  margin: 10px 0;
}
#content.profile-content{
  padding-top: 0;
}

#content .pricing-item-content .pricing-item-price {
  font-size: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: 'helvetica-neue-black-cond';
}

#content .pricing-item-content .pricing-item-price-free {
  color: #7d7d7d;
}

#content .pricing-item-content .pricing-item-price-athlete {
  color: #2e60c4;
}

.price-dollar-sign {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  padding-right: 5px;
}

.price-per-month {
  display: inline-block;
  vertical-align: baseline;
  font-size: 20px;
  padding-left: 5px;
}

#content .pricing-item-content .pricing-item-price-beastmode {
  font-size: 70px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 15px;
}

.pricing-btn {
  display: inline-block;
  width: 200px;
  max-width: 100%;
  font-weight: 700;
  font-size: 18px;
  padding: 11px;
  transition: all .3s ease;
}

.pricing-btn-grey {
  background-color: #7d7d7d;
  color: #fff;
}

.pricing-btn-grey:hover {
  color: #fff;
  text-decoration: none;
  opacity: .9;
}

.pricing-btn-blue {
  color: #fff;
  background-color: #2e60c4;
}

.pricing-btn-blue:hover {
  color: #fff;
  text-decoration: none;
  opacity: .9;
}

.pricing-btn-white {
  color: #2e60c4;
  background-color: #fff;
}

.pricing-btn-white:hover {
  color: #2e60c4;
  opacity: .9;
  text-decoration: none;
}

#content .pricing-item-content-with-bg h2 {
  color: #fff;
  font-size: 40px;
}

#content .pricing-item-content-with-bg .pricing-item-descr-beast {
  font-size: 22px;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 45px;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
.pricing-item-features-inner {
  padding: 25px 15px 30px;
  background-color: #f0f0f0;
  height: 100%;
}
.pricing-item-features .pricing-item-features-title {
  font-weight: 700;
  font-size: 17px;
  margin: 0;
  color: #262626;
}
.pricing-item-features-beastmode .pricing-item-features-title {
  color: #fff;
}
.pricing-item-features-beastmode .pricing-item-features-inner {
  background-color: #2e60c4;
  color: #fff;
}
.entry .pricing-item-features ul {
  list-style: none;
  margin: 0;
  margin-top: 25px;
}
.entry  .pricing-item-features ul li {
  margin: 0;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 1.8;
}
.entry  .pricing-item-features ul li span {
  color: #7d7d7d;
}
.entry  .pricing-item-features-beastmode ul li span {
color: #97b0e2;
}
.pricing-item-features ul li + li {
  margin-top: 20px;
}
.pricing-item-features li:before {
      content: "\f005";
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;
  left: 0;
  top: 3px;
  color: #2e60c4;
}
.pricing-item-features-beastmode li:before {
  color: #fff;
}
.pricing-item-features li a {
  text-decoration: underline;
}
.pricing-item-features li a:hover {
  text-decoration: none;
}
.pricing-item-features-beastmode li a {
  color: #fff;
  text-decoration: underline;
}
.pricing-item-features-beastmode li a:hover {
  text-decoration: none;
}
.active-plan-check {
  display: none;
}
.active-plan-check .beginner-plan {
  font-size: 14px;
  color: #7d7d7d;
  font-weight: bold;
  margin-bottom: 0;
}
.active-plan-check .beastmode-plan {
    font-size: 14px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}
.active-plan-check  .athlete-plan {
  font-size: 14px;
  color: #2e60c4;
  font-weight: bold;
  margin-bottom: 0;
}
.entry .checked-pricing-btn  {
  width: 47px;
  height: 47px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  text-align: center;
}
.checked-pricing-btn-grey {
  background-color: #7d7d7d;
  background-image: url('../../images/tick-w.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px;
  color: #fff;
}
.checked-pricing-btn-white {
  background-color: #fff;
  color: #2e60c4;
  background-image: url('../../images/tick-b.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px;
}
.checked-pricing-btn-blue {
  background-color:  #2e60c4;
  background-image: url('../../images/tick-w.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px;
  color: #fff;
}
.current-plan .pricing-btn {
  display: none;
}
.current-plan .active-plan-check {
  display: block;
  margin-bottom: -29px;
}

/*====================== CANCEL PLAN ==========*/
body.pmpro-cancel,
body.pmpro-billing,
body.pmpro-confirmation,
body.pmpro-invoice {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pmpro-cancel footer.footer,
.pmpro-billing footer.footer,
.pmpro-confirmation footer.footer,
.pmpro-invoice footer.footer {
  height: 190px;
  background-color: #111111;
}
.pmpro-cancel .layout,
.pmpro-billing .layout,
.pmpro-confirmation .layout,
.pmpro-invoice .layout {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: initial;
  flex: 1;
}
.pmpro-cancel .layout {
  flex: 1;
}
.pmpro-cancel #content .large-12.columns,
.pmpro-billing #content .large-12.columns
.pmpro-confirmation #content .large-12.columns
.pmpro-invoice #content .large-12.columns {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pmpro-cancel #content .large-12.columns > div
.pmpro-billing #content .large-12.columns > div
.pmpro-confirmation #content .large-12.columns > div
.pmpro-invoice #content .large-12.columns > div {
  width: 100%;
}
.pmpro-cancel #tooltips-container,
.pmpro-cancel #tooltip-container-sort,
.pmpro-cancel #filters-root,
.pmpro-cancel #tooltips-container-movement,
.pmpro-invoice #tooltips-container,
.pmpro-invoice #tooltip-container-sort,
.pmpro-invoice #filters-root,
.pmpro-invoice #tooltips-container-movement {
  display: none;
}

/*===================== NEW PROFILE ================*/

.payment-level-wrapper .payment-level-current a.profile-payment-link,
.payment-level-wrapper .payment-level-current span.separator {
  display: inline-block;
  vertical-align: middle;
}
.payment-level-wrapper .payment-level-current a.profile-unsubscribe-link {
  display: block;
  vertical-align: middle;
}
 .payment-level-wrapper span.separator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #7d7d7d;
  margin: 0 8px;
}

.upgrade-btn-wrapper {
  margin-top: 20px;
}
.upgrade-btn-wrapper .button {
  width: 100%;
}
.main-info-wrapper .submit-status:empty {
  display: none;
}

/*==================PAYMENT HISTORY===========*/
 .payment-breadcrumbs p.breadcrumbs, 
 .payment-breadcrumbs a {
  margin: 0;
  font-size: 12px;
}

.payment-level-wrapper .payment-level-current.payment-level-links {
  margin-left: 105px;
}

.checkout-wrapper-mobile {
  display: none;
}

#pmpro_paypalexpress_checkout {
  text-align: center;
}

/** Sign Up Level descriptions **/
.column.large-12.desc-col {
  padding: 0;
}

.sign-up-level-desc {
  margin-bottom: 30px;
}

.sign-up-level-desc h3 {
  display: inline-block;
  margin-top: 0;
 }

.sign-up-level-desc a {
  color: #7d7d7d;
  text-decoration: underline;
}

.sign-up-level-desc a:hover{
  text-decoration: none;
}

.sign-up-level-desc .sign-up-change{
  margin-left: 15px;
}

.upgrade-info {
  max-width: 500px;
}

@media only screen and (max-width: 64.063em) {
  .relative-row > .column {
    position: static;
  }
}
@media (max-width:992px) {
  .pricing-items {
    margin: 0;
    margin-top: 30px;
  }
  .pricing-item  {
    width: 60%;
    padding: 0px;
    margin-bottom: 50px;
  }
  .pricing-item-content.pricing-item-content-with-bg {
    border-bottom: 0;
  }
  .pricing-item-content-with-bg .pricing-item-description {
    padding-bottom: 50px;
  }
  .beastmode-price-absolute {
    position: static;
  }
  .pricing-item-description-inner {
    height: auto;
  }
  .pricing-item-content {
    flex-direction: row;
  }
  .pricing-item-features {
    width: 40%;
    flex: none;
    order: initial;
    padding: 0;
    margin-bottom: 50px;
  }
  .pricing-item-features-inner {
      display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #content .pricing-item-content-with-bg .pricing-item-descr-beast {
    max-width: 100%;
  }
  .pricing-item-content-with-bg .pricing-item-description {
    border-bottom: 0;
    border-right: 1px solid #fff;
  }
  .main-info-wrapper {
    width: 100%;
    max-width: 700px;
    order: 1;
  }
}
@media (min-width:992px) {
  .level-anchor {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .buttons-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 40.063em) {
  .pricing-item {
    width: 100%;
    margin-bottom: 0;
  }
  .pricing-item-content {
    flex-direction: column;
  }
  .pricing-item-description {
    width: 100%;
  }
  .pricing-item-features {
    width: 100%;
    margin-bottom: 20px;
  }
  .pricing-item-features:last-of-type {
    margin-bottom: 0;
  }
  .pricing-item-content-with-bg .pricing-item-description {
    border-bottom: 1px solid #fff;
    border-right: 0;
  }
}
@media screen and (max-width: 641px) {
  .login-with-preloader .wod-filter-overlay {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  }
}
@media only screen and (max-width: 480px) {
  .tooltip-message-wrapper {
    width: 170px;
    transform: translateX(-140%);
  }
}
@media only screen and (max-width: 420px) {
.pmpro_form-change-billing .payment-level-wrapper .payment-level-label, 
  .pmpro_form-change-billing .payment-level-wrapper .payment-level-current,
   .account-wrapper .payment-level-wrapper .payment-level-label, 
  .account-wrapper .payment-level-wrapper .payment-level-current {
    display: block;
  }
  .pmpro_form-change-billing .payment-level-wrapper .payment-level-current,
  .account-wrapper .payment-level-wrapper .payment-level-current {
    margin-top: 10px;
  }
  .pmpro_form-change-billing  .paiment-info,
  .account-wrapper  .paiment-info {
    margin-bottom: 10px;
  }
  .payment-level-wrapper .payment-level-current.payment-level-links {
    margin-left: 0;
    margin-top: 0;
  }
}

.downgrade-btn {
  background-color: transparent;
  color: #2E60C4;
  line-height: initial !important;
  padding: 0 !important;
}

.downgrade-btn:hover {
  color: #2E60C4;
}
.pmpro_btn-submit-checkout.disabled,
.downgrade-btn.disabled,
.pmpro_btn-submit-checkout[disabled],
.downgrade-btn[disabled] {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  pointer-events: none;
}