/* variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #e2e1e2;
--am_bg_size: auto;
--am_bg_size_px: auto;
--am_bg_attachment: scroll;
--am_bg_repeat: no-repeat;
--am_color: #e2e1e2;
--am_link_color: #6B6BA4;
--am_btn_color: #fd6574;
--am_text_color: #1d1d1d;
--am_color_c: #1d1e1d;
--am_color_d: #b0afb0;
--am_logo_align: left;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_max_width: 1260;
--am_max_width_px: 1260px;
--am_font_size: 16;
--am_font_size_px: 16px;
--am_font_family: Roboto;
--am_content_shadow: none;
--am_border_radius: 4;
--am_border_radius_px: 4px;
--am_login_layout: layout.phtml;
--am_login_bg: white;
--am_login_bg_color: #ffffff;
--am_login_shadow: none;
--am_login_legend_bg: #FFFFFF;
--am_login_legend_padding_top: 1em;
--am_login_form_bg_color: #FFFFFF;
--am_login_header_display: block;
--am_header_bg_color: #f7f6f2f0;
--am_header_bg_size: cover;
--am_header_bg_size_px: cover;
--am_header_bg_repeat: no-repeat;
--am_header_bg: #f7f6f2f0;
--am_menu_color: #fd6574;
--am_menu_dashboard: icon;
--am_dashboard_layout: two-col;
--am_identity_align: left;
--am_identity_type: login;
--am_page_bg_color: #ffffff;
--am_page_bg: #ffffff;
--am_header_menu_link_color: #000000;
--am_header_menu_link2_color: #000000;
--am_header_menu_bg_color: #000000;
--am_footer_bg: #293241;
--am_footer_bg_color: #293241;
--am_footer_text_color: #FFFFFF;
--am_footer_link_color: #FFFFFF;
--am_sm_size: 18;
--am_sm_size_px: 18px;
--am_sm_color: #0d0d0d;
--am_header_logo: 132;
--am_login_sidebar: <blockquote>
<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden">After focusing so much on marketing and agencies we have been overlooking the most important factor the machine that makes sales. After teaming up with conversion wise and their level of help we are already seeing improvements. It is fair to say that this company will be an integral part of our business and future businesses moving forwards.</div>
</blockquote>

<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/pBqjbr9hQVg" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<p></p>;
--am_body_finish_out: <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Questrial&display=swap" rel="stylesheet">

<script>
if (
  window.location.origin === 'https://conversionrateacademy.com' &&
  window.location.pathname === '/membership/signup/'
) {

function addSignupFooterStyles() {
  const footer = document.querySelector('.am-footer');

  if (!footer || document.querySelector('#ac-signup-footer-styles')) return;

  footer.insertAdjacentHTML(
    'beforeend',
    `
      <style id="ac-signup-footer-styles">
        @media (min-width: 768px) {
          .am-page-signup .am-signup .am-signup--sidebar {
            flex: 0 1 490px !important;
            padding: 0 40px !important;
            box-sizing: border-box;
            min-width: 420px !important;
            max-width: 420px !important;
            width: 420px !important;
          }
        }

         @media (max-width: 600px) {
            .am-page-signup .am-signup .am-signup--sidebar {
        flex: 0 1 100%;
        padding: 0;
        box-sizing: border-box;
        margin-top: 20px;
        min-width: 100% !important;
    }
         }
      </style>
    `
  );
}

  function addBenefitsAboveFAQs() {
    const bottomFaqs = document.querySelector('.bottom_faqs');

    if (!bottomFaqs || document.querySelector('.ac-hero-benefits')) return;

    bottomFaqs.insertAdjacentHTML(
      'beforebegin',
      `
        <div class="ac-hero-benefits">
          <div class="w-layout-hflex ac-benefits-wrapper">
            ${[
              '60+ Bite-Sized Lessons',
              '300hr+ Audit Recordings',
              'Weekly Calls',
              'Longest Running CRO Membership',
              'AI Training Included',
              'Real Store Breakdowns'
            ]
              .map(
                text => `
                  <div class="ac-benefit-link-wrapper">
                    <div class="ac-benefits-icon w-embed">
                      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <path d="M8.75 16.75C13.1683 16.75 16.75 13.1683 16.75 8.75C16.75 4.33172 13.1683 0.75 8.75 0.75C4.33172 0.75 0.75 4.33172 0.75 8.75C0.75 13.1683 4.33172 16.75 8.75 16.75Z" stroke="#189FFB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M7.15021 5.54999L11.9502 8.74999L7.15021 11.95V5.54999Z" stroke="#189FFB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg>
                    </div>
                    <div class="ac-benefit-link-text">${text}</div>
                  </div>
                `
              )
              .join('')}
          </div>
        </div>
      `
    );
  }

  function updateProductTerms() {
    const productTerms = document.querySelector(
      'label[for="product-3-21"] span#am-product-terms-3-21'
    );

    if (!productTerms || productTerms.dataset.acTermsUpdated === 'true') return;

    productTerms.innerHTML =
      '<strong>$297</strong> for each year. Instead of <del>$564</del> Save a massive <strong>$267!</strong>';

    productTerms.dataset.acTermsUpdated = 'true';
  }

  function applySignupUpdates() {
    addBenefitsAboveFAQs();
    updateProductTerms();
    addSignupFooterStyles();
  }

  applySignupUpdates();

  const observer = new MutationObserver(() => {
    applySignupUpdates();

    if (
      document.querySelector('.ac-hero-benefits') &&
      document.querySelector(
        'label[for="product-3-21"] span#am-product-terms-3-21[data-ac-terms-updated="true"]'
      )
    ) {
      observer.disconnect();
    }
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });
}
</script>;
--am_body_finish_in: <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Questrial&display=swap" rel="stylesheet">


<script>
if (
  window.location.origin === 'https://conversionrateacademy.com' &&
  window.location.pathname === '/membership/signup/'
) {

function addSignupFooterStyles() {
  const footer = document.querySelector('.am-footer');

  if (!footer || document.querySelector('#ac-signup-footer-styles')) return;

  footer.insertAdjacentHTML(
    'beforeend',
    `
      <style id="ac-signup-footer-styles">
        @media (min-width: 768px) {
         .am-page-signup .am-signup .am-signup--sidebar {
            flex: 0 1 490px !important;
            padding: 0 40px !important;
            box-sizing: border-box;
            min-width: 420px !important;
            max-width: 420px !important;
            width: 420px !important;
          }
        }

   @media (max-width: 600px) {
            .am-page-signup .am-signup .am-signup--sidebar {
        flex: 0 1 100%;
        padding: 0;
        box-sizing: border-box;
        margin-top: 20px;
        min-width: 100% !important;
    }
         }
      </style>
    `
  );
}
  function addBenefitsAboveFAQs() {
    const bottomFaqs = document.querySelector('.bottom_faqs');

    if (!bottomFaqs || document.querySelector('.ac-hero-benefits')) return;

    bottomFaqs.insertAdjacentHTML(
      'beforebegin',
      `
        <div class="ac-hero-benefits">
          <div class="w-layout-hflex ac-benefits-wrapper">
            ${[
              '60+ Bite-Sized Lessons',
              '300hr+ Audit Recordings',
              'Weekly Calls',
              'Longest Running CRO Membership',
              'AI Training Included',
              'Real Store Breakdowns'
            ]
              .map(
                text => `
                  <div class="ac-benefit-link-wrapper">
                    <div class="ac-benefits-icon w-embed">
                      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <path d="M8.75 16.75C13.1683 16.75 16.75 13.1683 16.75 8.75C16.75 4.33172 13.1683 0.75 8.75 0.75C4.33172 0.75 0.75 4.33172 0.75 8.75C0.75 13.1683 4.33172 16.75 8.75 16.75Z" stroke="#189FFB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M7.15021 5.54999L11.9502 8.74999L7.15021 11.95V5.54999Z" stroke="#189FFB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg>
                    </div>
                    <div class="ac-benefit-link-text">${text}</div>
                  </div>
                `
              )
              .join('')}
          </div>
        </div>
      `
    );
  }

  function updateProductTerms() {
    const productTerms = document.querySelector(
      'label[for="product-3-21"] span#am-product-terms-3-21'
    );

    if (!productTerms || productTerms.dataset.acTermsUpdated === 'true') return;

    productTerms.innerHTML =
      '<strong>$297</strong> for each year. Instead of <del>$564</del> Save a massive <strong>$267!</strong>';

    productTerms.dataset.acTermsUpdated = 'true';
  }

  function applySignupUpdates() {
    addBenefitsAboveFAQs();
    updateProductTerms();
    addSignupFooterStyles();
  }

  applySignupUpdates();

  const observer = new MutationObserver(() => {
    applySignupUpdates();

    if (
      document.querySelector('.ac-hero-benefits') &&
      document.querySelector(
        'label[for="product-3-21"] span#am-product-terms-3-21[data-ac-terms-updated="true"]'
      )
    ) {
      observer.disconnect();
    }
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });
}
</script>;
--am_header_path: 6a7ae055ac4ff.png;
--am_link_color_a99: #6B6BA499;

}
/* end: variables from theme configuration */

body, html {
    font-size: var(--am_font_size_px);
    background: none;
}

html {
    background: var(--am_bg);
    background-size: var(--am_bg_size);
    background-attachment: var(--am_bg_attachment);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.am-layout {
    flex: 1;
}

.am-footer {
    height: auto;
    background: var(--am_footer_bg);
}

.am-common {
    font-family: var(--am_font_family), san-serif;
    color: var(--am_text_color);
}

.am-common legend {
    color: var(--am_text_color);
}

.am-common a {
    color: var(--am_link_color);
    text-decoration-color: var(--am_link_color_a99);
}

.ajax-link, .local-link, .local {
    text-decoration-color: var(--am_link_color_a99);
}

.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-header {
    background: var(--am_header_bg);
    background-size: var(--am_header_bg_size);
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border:none;
    background: none;
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: inherit;
    height: auto;
}

.am-footer-content-content {
    padding: 1em 0;
}

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

.am-footer .am-footer-content .am-footer-sm a {
    color: var(--am_sm_color);
    font-size: var(--am_sm_size_px);
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    padding-bottom: 1em;
    margin-bottom: 50px;
    box-shadow: var(--am_content_shadow);
    border-radius: var(--am_border_radius_px);
    background: var(--am_page_bg);
}

.am-body-content {
    min-height: 300px;
}

.am-header-content-wrapper {
    padding: 0;
}

.am-header-content-content {
    display: none;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin: 0;
}

.am-header .am-header-content .am-header-logo-wrapper {
    text-align: var(--am_logo_align);
}

.am-main {
    max-width: var(--am_max_width_px);
}

.am-header-content img {
    width: var(--am_logo_width);
}

.am-footer-actions {
    display:none;
}

.am-footer .am-footer-content-wrapper {
    color: var(--am_footer_text_color);
    font-size:.8rem;
}

.am-footer a,
.am-footer a:hover,
.am-footer a:visited,
.am-footer a:active {
    color: var(--am_footer_link_color)
}

.am-user-identity-block {
    float: var(--am_identity_align);
}

.am-page-login .am-header {
    display: var(--am_login_header_display);
}

.am-page-login .am-auth-form legend {
    background: var(--am_login_legend_bg);
    padding-top: var(--am_login_legend_padding_top);
}

.am-page-login .am-auth-form div.am-row {
    background: var(--am_login_form_bg_color);
}

.am-page-login .am-body-content-wrapper {
    background: var(--am_login_bg_color);
    box-shadow: var(--am_login_shadow);
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 5px #00000022;
}

.am-auth-form form legend {
    border: none;
    background: #f9f9f9;
    padding: 1em 1em 1.5em;
}

.am-auth-form div.am-row div.element,
.am-auth-form div.am-row div.am-element-title {
    padding-right: 2em;
    padding-left: 2em;
}

@media all and (min-width:500px) {

    .am-auth-form div.am-row div.am-element-title {
        padding-right: .5em;
    }
    .am-auth-form div.am-row div.am-element {
        padding-left: .5em;
    }
}

.am-popup {
    border-color: var(--am_color_d);
}

.am-popup .am-popup-header {
    background: var(--am_color);
    color: var(--am_color_c);
}

.am-popup .am-popup-close-icon:after {
    color: var(--am_color_c);
}

.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: var(--am_color);
}

.am-popup .am-fb-login-button-wrapper.am-fb-login-form-after::before,
.am-popup .am-fb-login-button-wrapper.am-fb-login-form-before::after {
    background: white;
}

.am-signup-link {
    color: var(--am_color_c);
}

.am-login-layout-with-sidebar {
    max-width: 800px;
    margin: 2em auto 0;
}

.am-login-layout-with-sidebar .am-login-form-wrapper,
.am-login-layout-with-sidebar .am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-signup-link {
    max-width: 450px;
    margin: 1em auto 0;
}

@media all and (min-width: 800px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_form {
        float: left;
        width: 65%;
    }
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        display: block;
        width: 35%;
        float: right;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .am-login-layout-with-sidebar .am-auth-form {
        margin: 0;
    }
    .am-login-layout-with-sidebar .am-signup-link {
        margin: 1em 0 0;
    }
}
.am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
    border-radius: 3px;
    padding: 1em 2em;
    max-width: 450px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #00000022;
    background: #f9f9f9;
    color: #555;
}
.am-login-layout-with-sidebar_clear {
    clear: both;
}

@media all and (max-width: 799px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        margin: 2em auto 0;
    }
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: var(--am_menu_color);
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: var(--am_menu_color);
}

.am-page-login-no-label .am-auth-form,
.am-page-login-no-label .am-signup-link,
.am-page-login-no-label .am-fb-login-button-wrapper {
    max-width:350px;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element-title {
    display: none;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element {
    margin:0;
    padding:.6em 2em;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit],
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:active,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:hover,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:disabled {
    width: 100%;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper {
    text-align: center;
    display: block;
    padding: 1.2em 2em .6em;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper  .am-form-login-switch {
    margin:0;
}

@media all and (max-width: 799px) {
    .am-page-login-no-label .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        max-width:350px;
        margin: 2em auto 0;
    }
}

.am-body-content input,
.am-body-content textarea,
.am-body-content select,
.am-body-content button,
.am-popup input,
.am-popup textarea,
.am-popup select,
.am-popup button {
    font-family: var(--am_font_family), san-serif;
}

.am-body-content a.button,
.am-body-content button,
.am-body-content input[type="button"],
.am-body-content input[type="submit"],
.am-popup a.button,
.am-popup button,
.am-popup input[type="button"],
.am-popup input[type="submit"],
.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type="button"]:hover,
.am-body-content input[type="submit"]:hover,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type="button"]:hover,
.am-popup input[type="submit"]:hover {
    color: white;
    background: var(--am_btn_color);
    border-color: var(--am_btn_color);
}

.am-body-content input[type=submit]:disabled,
.am-body-content input[type=submit]:disabled:hover,
.am-body-content input[type=button]:disabled,
.am-body-content input[type=button]:disabled:hover,
.am-body-content button:disabled,
.am-body-content button:disabled:hover,
.am-popup input[type=submit]:disabled,
.am-popup input[type=submit]:disabled:hover,
.am-popup input[type=button]:disabled,
.am-popup input[type=button]:disabled:hover
.am-popup button:disabled,
.am-popup button:disabled:hover {
    background: #f1f1f1;
    color: #ccc;
    border-color: #ced4da;
}

.input-file .input-file-button,
.input-file.hover .input-file-button {
    color: white;
    background: var(--am_btn_color);
    border: none;
    text-shadow: none;
}
.input-file.hover {
    border-color: var(--am_btn_color);
}

.am-header-menu-wrapper a,
ul.am-header-menu-narrow a,
ul.am-header-menu a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu ul a {
    color: var(--am_header_menu_link2_color);
}

ul.am-header-menu-narrow ul a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu > li > a::after {
    background: var(--am_header_menu_link_color);
    opacity: .4;
}

ul.am-header-menu li ul {
    background: var(--am_header_menu_bg_color);
}

.am-grid-wrap .filter-button input[type=submit] {
    border-color: #ced4da;
}
