/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-id-pattern */
/* stylelint-disable declaration-block-single-line-max-declarations */
.faqs.col-3 .col {
  align-items: normal;
  justify-content: normal;
  padding-right: 20px;
}

.question {
  font-weight: bold;
}

#academy_add_on_details,
#academy_add_on.carted #academy_add_on_status {
  display: block;
}

#academy_add_on_status,
#academy_add_on.carted #academy_add_on_details {
  display: none;
}

#academy_add_on.carted #academy_add_on_status {
  font-style: italic;
}

#precheck #summary_upsells .upsell {
  display: none;
  margin: 10px auto;
}

#precheck.seat1 #summary_upsells .upsell#no_academy,
#precheck.seat2 #summary_upsells .upsell#no_academy { display: none; }

.pricing .pricing_price.discount { display: none; }

.feature_compare .preview { opacity: 0.7; }
.feature_compare .preview:hover { opacity: 1; }

.feature_compare .preview img {
  height: 1.4em;
  margin: 8px 0 8px 1ex;
  vertical-align: middle;
}

.feature_compare tbody th { text-align: right; }

span#period_selector { display: inline-block; }

span#currency_selector { margin-left: 14px; }

#price-selectors {
  margin-bottom: 30px;
}

.pricing {
  display: table;
  width: 100%;
  margin-top: 30px;
}

.flex .pricing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pricing_item {
  position: relative;
  display: table-cell;
  width: 25%;
  margin: 0;
  padding: 2em 1.8em;
  text-align: center;
  background: #f9f9f9;
  border: 5px solid #ffffff;
  cursor: default;
}

.flex .pricing_item {
  display: flex;
  flex: 0 1 220px;
  flex-direction: column;
  align-items: stretch;
  max-width: 320px;
}

.pricing .pricing_item:hover {
  z-index: 1;
}

.pricing .pricing_item:hover::after {
  position: absolute;
  top: -5px;
  left: -5px;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 5px solid var(--cta-secondary);
  content: "";
  pointer-events: none;
}

.pricing .pricing_title {
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
  font-size: 1.5em;
}

.pricing .pricing_price {
  margin: 0 0 0.5em;
  color: var(--cta-secondary);
  font-weight: bold;
  font-size: 2em;
  line-height: 1;
}

.pricing_item hr {
  width: 30px;
  border: 0.5px solid #dddddd;
}

.pricing_price.peryear {
  color: #cccccc !important;
  font-family: var(--narrow-font);
}

.discounted .pricing .pricing_price { margin: 0; }

.pricing .pricing_price.discount { display: none; }

.discounted .pricing .pricing_price.base {
  color: #ee3333;
  opacity: 0.45;
}

.discounted .pricing .pricing_price.base .pricing_amount {
  text-decoration: line-through;
}
.discounted .pricing .pricing_price.discount { display: block; }

.cents {
  font-size: 0.8em;
  font-variant: super;
}

.pricing .pricing_currency,
.pricing .cents,
#academy_pricing_amount .cents {
  font-size: 0.5em;
}

.pricing .pricing_period {
  padding: 0 0 0 0.5em;
  color: #aaaaaa;
  font-size: 14px;
}

.pricing .billing_period {
  margin: 16px 0 0;
  color: #999999;
  font-weight: bold;
  font-family: Calibri, "Gill Sans", "Arial Narrow", Verdana;
  font-style: italic;
  font-variant: small-caps;
  line-height: 1em !important;
  text-transform: capitalize;
}

.pricing .pricing_feature-list {
  margin: 0;
  padding: 0.25em 0 4em;
  color: #81867d;
  text-align: center;
  list-style: none;
}

.pricing .pricing_feature { padding: 0.25em 0; }

.discounted .recommended::before {
  content: "Recommended for you";
}

.pricing_item:not(.recommended) button.pricing_action {
  background-color: var(--cta-secondary);
}

.pricing_action {
  color: var(--reverse-text);
  font-size: 16px;
}

.recommended::before,
.selected::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding: 1px;
  color: var(--reverse-text);
  font-family: var(--narrow-font);
  font-style: italic;
  font-variant: small-caps;
  background: var(--cta);
  content: "Recommended";
}

.recommended .pricing_price {
  color: var(--cta);
}

.selected .pricing_price {
  color: var(--cta-secondary);
}

.selected::before {
  background: var(--cta-secondary);
  content: "Current selection";
}

.recommended .pricing_action,
#academy_add_on #add_training_to_cart,
button#checkout-proceed {
  background-color: var(--cta);
}

.pricing .pricing_item.selected {
  border-color: var(--cta-secondary);
}

.selected .pricing_action {
  color: var(--reverse-text);
  background-color: var(--cta-secondary);
  border-color: var(--cta-secondary);
}

.pricing .pricing_item.recommended:hover::after {
  border-color: var(--cta);
}

.pricing .pricing_item.selected:hover::after {
  border-color: var(--cta-secondary);
}

.modal.minimal .pricing_item {
  padding: 36px 4px 12px;
}

.modal.minimal .pricing .pricing_feature {
  padding: 0;
}

.plan_features {
  min-height: 4em;
}

@media screen and (max-width: 840px) {
  .pricing_item {
    display: block;
    min-width: 320px;
    margin: 1em auto;
  }

  .flex .pricing_item {
    flex: 0 1 330px;
  }
}

p#alt_plans {
  font-weight: bold;
}

#academy_add_on #videoholder {
  background-image: url("../../../images/academy_intro.png");
  background-size: 75% auto;
}

#precheck.seat1 #summary_upsells .upsell#seat1 { display: block; animation: fadein ease 1.1s; }
#precheck.seat2 #summary_upsells .upsell#seat2 { display: block; animation: fadein ease 1.1s; }
#precheck.seat4 #summary_upsells .upsell#seat4 { display: block; animation: fadeIn ease 1.1s; }
#precheck.seat6 #summary_upsells .upsell#enterprise_plan { display: block; animation: fadeIn ease 1.1s; }

#precheck:not(.hasAcademy) #summary_upsells .upsell#no_academy { display: block; animation: fadein ease 1.1s; }

#precheck.seat1 #summary_upsells .upsell#no_academy,
#precheck.seat2 #summary_upsells .upsell#no_academy,
#precheck.seat4 #summary_upsells .upsell#no_academy,
#precheck.seat6 #summary_upsells .upsell#no_academy { display: none; }

#precheck tr.disabled #summary-academy-period,
#precheck tr.disabled .stepper,
#precheck tr.disabled .user_str,
.modify-order-page #precheck tr.disabled #summary-academy-price {
  visibility: hidden;
}

section#precheck,
section#precheck table {
  width: 100%;
}

section#precheck table {
  width: 100%;
  text-align: left;
}

@media all and (min-width: 700px) {
  section#precheck table { min-width: 691px; }
}

section#precheck h2 {
  margin-top: 8px;
  padding-bottom: 10px;
}

#precheck table {
  margin: 16px 0;
  border-collapse: collapse;
}

#precheck table th,
#precheck table td {
  padding: 14px;
}

#precheck thead th {
  font-family: var(--narrow-font);
  text-transform: capitalize;
}

#precheck thead th:nth-of-type(4),
#precheck tbody td:nth-of-type(4) {
  text-align: center;
}

#precheck tbody tr td:first-of-type {
  font-weight: bold;
}

#precheck tfoot th {
  border-top: 1px solid #cccccc;
}

#precheck tfoot th:first-of-type {
  text-align: right;
}

#plan_message { display: none; }

#plan_message.active {
  display: block;
  animation: activeMsg 1.7s ease-in-out;
}

.ssl-msg {
  padding: 20px;
  text-align: center;
  background: var(--block-stripe-odd);
  border-radius: 20px;
}
.ssl-msg h4 { margin-top: 0; }
.ssl-msg img { margin: 0 !important; }

#card-errors {
  display: none;
  transition: all 1s;
}

.stripe-container {
  clear: both;
  margin-top: 16px;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

@media screen and (max-width: 1100px) {
  .pricing_item {
    min-width: 232px;
    margin: 1em auto;
    padding: 40px 10px 30px;
    border-width: 2px;
  }

  .pricing_item button.pricing_action {
    min-width: auto;
  }

  .flex .pricing_item {
    flex: 0 1 330px;
  }
}

@media screen and (max-width: 970px) {
  .pricing_item {
    float: left;
    width: 49.9%;
  }
}

@media screen and (max-width: 767px) {
  .pricing_item {
    display: block;
    min-width: 100%;
    margin: 1em auto;
  }

  .flex .pricing_item {
    flex: 0 1 330px;
  }

  #precheck table th,
  #precheck table td {
    padding: 4px;
  }
}