/* Style Helper */
.style {
  overflow: hidden; }

/* Alignment Helpers */
.text-right {
  text-align: right; }

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

/* Show Hide Helpers */
.show-mobile {
  display: none; }

.show-desktop {
  display: block; }

@media (max-width: 767px) {
  .show-mobile {
    display: block; }
  .show-desktop {
    display: none; } }

/* General Layout */
html, body {
  height: 100%; }

.container {
  padding-left: 24px;
  padding-right: 24px; }

/* General Responsive Layout */
@media (max-width: 767px) {
  body {
    padding-top: 0 !important; } }

/* Error Messages */
.parsley-errors-list {
  margin-bottom: 0; }

/* Dynamic Backgrounds */
.background-dark {
  color: #fff; }
  .background-dark a {
    color: #fff; }
    .background-dark a:hover {
      color: #fff; }
  .background-dark h1, .background-dark h2, .background-dark h3, .background-dark h4, .background-dark h5, .background-dark h6 {
    color: #fff; }
  .background-dark .header-toggle span {
    background: #fff; }

.background-light {
  color: var(--color-body); }
  .background-light a {
    color: var(--color-body); }
    .background-light a:hover {
      color: var(--color-body); }
  .background-light h1, .background-light h2, .background-light h3, .background-light h4, .background-light h5, .background-light h6 {
    color: var(--color-heading); }
  .background-light .header-toggle span {
    background: var(--color-body); }

/* Dynamic Backgrounds Nested */
.block.background-dark, .price.background-dark, .card.background-dark, .countdown-card.background-dark {
  color: #fff; }
  .block.background-dark a, .price.background-dark a, .card.background-dark a, .countdown-card.background-dark a {
    color: #fff; }
  .block.background-dark h1, .block.background-dark h2, .block.background-dark h3, .block.background-dark h4, .block.background-dark h5, .block.background-dark h6, .price.background-dark h1, .price.background-dark h2, .price.background-dark h3, .price.background-dark h4, .price.background-dark h5, .price.background-dark h6, .card.background-dark h1, .card.background-dark h2, .card.background-dark h3, .card.background-dark h4, .card.background-dark h5, .card.background-dark h6, .countdown-card.background-dark h1, .countdown-card.background-dark h2, .countdown-card.background-dark h3, .countdown-card.background-dark h4, .countdown-card.background-dark h5, .countdown-card.background-dark h6 {
    color: #fff; }

.block.background-light, .price.background-light, .card.background-light, .countdown-card.background-light {
  color: var(--color-body); }
  .block.background-light a, .price.background-light a, .card.background-light a, .countdown-card.background-light a {
    color: var(--color-body); }
  .block.background-light h1, .block.background-light h2, .block.background-light h3, .block.background-light h4, .block.background-light h5, .block.background-light h6, .price.background-light h1, .price.background-light h2, .price.background-light h3, .price.background-light h4, .price.background-light h5, .price.background-light h6, .card.background-light h1, .card.background-light h2, .card.background-light h3, .card.background-light h4, .card.background-light h5, .card.background-light h6, .countdown-card.background-light h1, .countdown-card.background-light h2, .countdown-card.background-light h3, .countdown-card.background-light h4, .countdown-card.background-light h5, .countdown-card.background-light h6 {
    color: var(--color-heading); }

/* Dynamic Link Backgrounds */
a.btn.background-dark, a:not([href]):not([tabindex]).background-dark, a.background-dark {
  color: #fff; }
  a.btn.background-dark:hover, a:not([href]):not([tabindex]).background-dark:hover, a.background-dark:hover {
    color: #fff; }

a.btn.background-light, a:not([href]):not([tabindex]).background-light, a.background-light {
  color: var(--color-heading); }
  a.btn.background-light:hover, a:not([href]):not([tabindex]).background-light:hover, a.background-light:hover {
    color: var(--color-heading); }

/* Typography */
body {
  font-family: var(--font-body);
  color: var(--color-body);
  line-height: 1.7;
  font-size: var(--size-body); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-heading);
  font-weight: 600;
  line-height: 1.2; }

h1 {
  font-size: var(--size-h1); }

h2 {
  font-size: var(--size-h2); }

h3 {
  font-size: var(--size-h3); }

h4 {
  font-size: var(--size-h4); }

h5 {
  font-size: var(--size-h5); }

h6 {
  font-size: var(--size-h6); }

a {
  color: var(--color-primary);
  font-weight: 500; }

img {
  max-width: 100%; }

/* Visibility Helpers */
.visible-none {
  display: none; }

.visible-mobile {
  display: none; }

@media (max-width: 767px) {
  .visible-desktop {
    display: none; }
  .visible-mobile {
    display: block; } }

.reveal-hide {
  display: none; }

/* General Header Styles */
.footer {
  padding: 20px 0; }
  .footer-block {
    margin: 0 10px;
    font-size: 16px; }
  .footer .container {
    padding-left: 15px;
    padding-right: 15px; }
  .footer a {
    font-size: 16px;
    margin: 0 10px; }
    .footer a:first-of-type {
      margin-left: 0; }
    .footer a:last-of-type {
      margin-right: 0; }

/* Mobile Footer Styles */
@media (max-width: 767px) {
  .footer-block {
    margin: 10px; }
    .footer-block .text-center, .footer-block .text-right {
      text-align: left !important; }
  .footer .media {
    display: block; }
  .footer a {
    display: block;
    margin: 10px 0;
    display: block; } }

/* General Header Styles */
.header {
  padding: 20px 0; }
  .header-block {
    margin: 0 10px; }
  .header-flush {
    margin: 0 0; }
    .header-flush a {
      display: block;
      padding: 10px;
      font-size: 14px; }
  .header .container {
    padding-left: 15px;
    padding-right: 15px; }
  .header a {
    font-size: 16px;
    margin: 0 10px; }
    .header a:first-of-type {
      margin-left: 0; }
    .header a:last-of-type {
      margin-right: 0; }
  .header .btn {
    padding: 10px 25px;
    font-size: 14px; }

/* Header Toggle Styles */
.header-toggle {
  width: 40px;
  display: inline-block;
  vertical-align: middle; }
  .header-toggle:hover {
    cursor: pointer; }
  .header-toggle span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height: 2px;
    background: #000;
    display: block;
    margin: 6px; }
  .header-toggle.open span:nth-of-type(1) {
    transform: rotate(45deg) translate(5px, 5px); }
  .header-toggle.open span:nth-of-type(2) {
    opacity: 0; }
  .header-toggle.open span:nth-of-type(3) {
    transform: rotate(-45deg) translate(6px, -7px); }

.header-sticky {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0; }
  .header-sticky-scroll {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); }

.header-overlay {
  top: 0;
  position: absolute;
  width: 100%;
  background: transparent; }
  .header-overlay .header {
    background-color: transparent !important; }

/* Header Mobile Styles */
.header-mobile {
  display: none; }

@media (min-width: 767px) {
  .header-mobile {
    display: none !important; } }

@media (max-width: 767px) {
  .header-block {
    display: none; }
  .header-show {
    display: block; }
  .header-flush {
    display: block; }
  .header-mobile {
    padding-bottom: 20px; }
    .header-mobile .header-block {
      margin: 10px 0;
      display: block;
      text-align: left; }
      .header-mobile .header-block .text-center, .header-mobile .header-block .text-right {
        text-align: left !important; }
    .header-mobile .header-dropdown .dropdown-trigger {
      display: none; }
    .header-mobile .header-dropdown .dropdown-menu {
      display: block;
      position: static;
      float: none;
      box-shadow: none;
      margin: 0;
      padding: 0;
      font-size: 16px; }
    .header-mobile .header-dropdown .dropdown-item {
      padding: 0; }
    .header-mobile a {
      display: block;
      margin: 10px 0;
      font-size: 16px; }
  .header-sticky, .header-overlay {
    position: static; } }

/* Powered By Kajabi Styles */
.powered-by {
  padding: 20px 0;
  font-size: 14px; }
  .powered-by a {
    opacity: .5; }

/* User Avatar */
.avatar {
  border-radius: 50%;
  width: 40px; }

/* Block Mobile Spacing */
@media (max-width: 767px) {
  [class*="col-"] {
    padding: 15px !important; }
  .block {
    margin: 0 !important; } }

/* Button Styles */
.btn {
  padding: 14px 40px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px; }

/* Dropdown Styles */
.dropdown-menu {
  border: none;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); }

.dropdown-item:hover {
  text-decoration: none;
  background: transparent; }

/* Null Message Used Only In Editor  */
.editor-null {
  padding: 20px;
  border: 2px dashed #E4E8EE;
  text-align: center; }

.modal-body {
  padding: 30px; }

/* Price Styles */
.price-info {
  display: inline-flex;
  margin-bottom: 10px; }

.price-number {
  margin-bottom: 0px; }

.price-frequency {
  margin-bottom: 3px; }

.price-content ul {
  padding-left: 0;
  list-style-type: none; }

.price-content li {
  margin: 8px 0; }
  .price-content li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 15px;
    color: var(--color-primary); }

.price-content .btn {
  width: 100%;
  margin-top: 40px; }

/* Section Background Image Stayles */
div[id^="section-"] {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Mobile Section Styles */
@media (max-width: 767px) {
  .section .container {
    padding: 15px !important; } }

.social-icons {
  padding: 30px 0; }
  .social-icons a {
    margin-right: 10px;
    font-size: 24px; }

.fields-wrapper {
  display: flex; }
  .fields-wrapper .form-group {
    flex-grow: 1;
    margin-right: 1rem;
    margin-bottom: 0; }

@media (max-width: 767px) {
  .fields-wrapper {
    flex-direction: column; }
    .fields-wrapper .form-group {
      margin-right: 0;
      margin-bottom: 1rem; } }
