/* variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #f1f5f9;
--am_bg_size: auto;
--am_bg_size_px: auto;
--am_bg_attachment: scroll;
--am_bg_repeat: no-repeat;
--am_color: #f1f5f9;
--am_link_color: #432812;
--am_btn_color: #432812;
--am_text_color: #000000;
--am_color_c: #0e0a06;
--am_color_d: #bfc3c7;
--am_logo_align: left;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_max_width: 800;
--am_max_width_px: 800px;
--am_font_size: 14;
--am_font_size_px: 14px;
--am_font_family: Roboto;
--am_drop_shadow: 1;
--am_content_shadow: 0px 0px 5px #00000022;;
--am_login_layout: layout.phtml;
--am_login_bg: none;
--am_login_bg_color: unset;
--am_login_shadow: none;
--am_login_legend_bg: #f9f9f9;
--am_login_legend_padding_top: 1em;
--am_login_form_bg_color: #f9f9f9;
--am_login_header_display: block;
--am_header_bg_size: cover;
--am_header_bg_size_px: cover;
--am_header_bg_repeat: no-repeat;
--am_header_bg: none;
--am_menu_color: #432812;
--am_menu_dashboard: icon;
--am_dashboard_layout: two-col;
--am_identity_align: left;
--am_identity_type: login;
--am_page_bg_color: #f7ebdf;
--am_page_bg: #f7ebdf;
--am_header_menu_link_color: #000000;
--am_header_menu_link2_color: #000000;
--am_header_menu_bg_color: #f1f5f9;
--am_footer_bg: none;
--am_footer_text_color: #0d0d0d;
--am_footer_link_color: #0d0d0d;
--am_sm_size: 18;
--am_sm_size_px: 18px;
--am_sm_color: #0d0d0d;
--am_header_logo: 3;
--am_home_url: https://mepsi.org;
--am_body_finish_out: <script>
document.addEventListener('DOMContentLoaded', function () {

  const eraSubMap = [
    { eraValue: 'classical',     sub: 'sub_classical' },
    { eraValue: 'postclassical', sub: 'sub_postclassical' },
    { eraValue: 'revolutionary', sub: 'sub_revolutionary' },
    { eraValue: 'modern',        sub: 'sub_modern' },
    { eraValue: 'botb',          sub: 'sub_botb' },
    { eraValue: 'stationery',    sub: 'sub_stationery' },
  ];

  eraSubMap.forEach(function (pair) {

    const eraCheckbox = document.querySelector('input[name="era_interest[]"][value="' + pair.eraValue + '"]');
    if (!eraCheckbox) return;

    const subInputs = document.querySelectorAll('input[name="' + pair.sub + '[]"]');
    if (!subInputs.length) return;

    const subContainer = document.getElementById('row-' + pair.sub + '-0');
    if (!subContainer) return;
    subContainer.classList.add('sub-interests');
    subContainer.style.position = 'relative';

    // --- Move subContainer directly after the era checkbox's label ---
    const eraLabel = eraCheckbox.closest('label') || eraCheckbox.parentElement;
    eraLabel.parentNode.insertBefore(subContainer, eraLabel.nextSibling);

    // --- Add Close button to upper right of panel ---
    const closeBtn = document.createElement('button');
    closeBtn.type = 'button';
    closeBtn.textContent = '▲ Close';
    closeBtn.style.cssText = [
      'position: absolute',
      'top: 6px',
      'right: 8px',
      'font-size: 0.75em',
      'color: #432812',
      'background: none',
      'border: 1px solid #b8a898',
      'border-radius: 3px',
      'padding: 1px 6px',
      'cursor: pointer',
      'line-height: 1.4',
    ].join(';');

    closeBtn.addEventListener('click', function () {
      subContainer.classList.remove('visible');
    });

    subContainer.appendChild(closeBtn);

    // --- Build "Select All" checkbox ---
    const selectAllLabel = document.createElement('label');
    selectAllLabel.style.cssText = 'display:block; font-weight:bold; margin-bottom:6px; cursor:pointer;';

    const selectAllCheckbox = document.createElement('input');
    selectAllCheckbox.type = 'checkbox';
    selectAllCheckbox.style.marginRight = '6px';

    selectAllLabel.appendChild(selectAllCheckbox);
    selectAllLabel.appendChild(document.createTextNode('Select All'));
    subContainer.insertBefore(selectAllLabel, subContainer.firstChild);

    // --- Select All logic ---
    selectAllCheckbox.addEventListener('change', function () {
      subInputs.forEach(function (input) {
        input.checked = selectAllCheckbox.checked;
      });
    });

    // Keep Select All in sync with individual checkboxes
    subInputs.forEach(function (input) {
      input.addEventListener('change', function () {
        const allChecked = Array.from(subInputs).every(function (i) { return i.checked; });
        const noneChecked = Array.from(subInputs).every(function (i) { return !i.checked; });
        selectAllCheckbox.checked = allChecked;
        selectAllCheckbox.indeterminate = !allChecked && !noneChecked;
      });
    });

// --- Change handler on era checkbox ---
eraCheckbox.addEventListener('change', function () {
  if (!this.checked) {
    const anyChecked = Array.from(subInputs).some(function (i) { return i.checked; });
    if (anyChecked) {
      // Subcategories still selected — don't allow unchecking, toggle the panel instead
      this.checked = true;
      if (subContainer.classList.contains('visible')) {
        subContainer.classList.remove('visible');
      } else {
        subContainer.classList.add('visible');
      }
    } else {
      // Nothing selected underneath — let it uncheck and collapse the panel
      subContainer.classList.remove('visible');
    }
  } else {
    // Newly checked — collapse other open panels, expand this one
    eraSubMap.forEach(function (otherPair) {
      if (otherPair.eraValue === pair.eraValue) return;
      const otherContainer = document.getElementById('row-' + otherPair.sub + '-0');
      if (otherContainer) otherContainer.classList.remove('visible');
    });
    subContainer.classList.add('visible');
  }
});

   // --- Set initial state on page load ---
const isProfilePage = window.location.pathname.indexOf('/members/profile') !== -1;

if (eraCheckbox.checked) {
  const allChecked = Array.from(subInputs).every(function (i) { return i.checked; });
  const noneChecked = Array.from(subInputs).every(function (i) { return !i.checked; });
  selectAllCheckbox.checked = allChecked;
  selectAllCheckbox.indeterminate = !allChecked && !noneChecked;

  if (!isProfilePage) {
    subContainer.classList.add('visible');
  }
}
  });
// --- Other Societies conditional ---
  const yesRadio = document.querySelector('input[name="other_societies"][value="Y"]');
  const noRadio  = document.querySelector('input[name="other_societies"][value="N"]');
  const societiesContainer = document.getElementById('row-other_societies_names-0');
  const otherTextRow = document.getElementById('row-other_societies_other-0');
  const otherTextarea = document.querySelector('textarea[name="other_societies_other"]');

  if (yesRadio && noRadio && societiesContainer) {

    const societyInputs = societiesContainer.querySelectorAll('input[type="checkbox"]');

    // Find "Other" checkbox by looking for the one whose label contains "Other"
    let otherCheckbox = null;
    societiesContainer.querySelectorAll('label').forEach(function (label) {
      if (label.textContent.trim().toLowerCase().includes('other')) {
        const input = label.querySelector('input[type="checkbox"]');
        if (input) otherCheckbox = input;
      }
    });

    societiesContainer.classList.add('sub-interests');
    societiesContainer.style.position = 'relative';

    // Move societies list directly after the Yes/No field
    const yesNoRow = document.getElementById('row-other_societies-0');
    if (yesNoRow) {
      yesNoRow.parentNode.insertBefore(societiesContainer, yesNoRow.nextSibling);
    }

    // Move text row directly after the societies container
    if (otherTextRow) {
      otherTextRow.classList.add('sub-interests');
      otherTextRow.style.position = 'relative';
      societiesContainer.parentNode.insertBefore(otherTextRow, societiesContainer.nextSibling);
    }

    // Add Close button to societies container
    const closeBtn = document.createElement('button');
    closeBtn.type = 'button';
    closeBtn.textContent = '▲ Close';
    closeBtn.style.cssText = [
      'position: absolute',
      'top: 6px',
      'right: 8px',
      'font-size: 0.75em',
      'color: #432812',
      'background: none',
      'border: 1px solid #b8a898',
      'border-radius: 3px',
      'padding: 1px 6px',
      'cursor: pointer',
      'line-height: 1.4',
    ].join(';');

    closeBtn.addEventListener('click', function () {
      societiesContainer.classList.remove('visible');
      if (otherTextRow) otherTextRow.classList.remove('visible');
    });

    societiesContainer.appendChild(closeBtn);

    function showOtherText() {
      if (otherTextRow && otherTextarea) {
        otherTextRow.classList.add('visible');
        otherTextarea.disabled = false;
      }
    }

    function hideOtherText() {
      if (otherTextRow && otherTextarea) {
        otherTextRow.classList.remove('visible');
        otherTextarea.disabled = true;
      }
    }

    function showSocieties() {
      societiesContainer.classList.add('visible');
      societyInputs.forEach(function (input) {
        input.disabled = false;
      });
      // Restore Other textarea if Other checkbox is checked
      if (otherCheckbox && otherCheckbox.checked) {
        showOtherText();
      }
    }

    function hideSocieties() {
      societiesContainer.classList.remove('visible');
      societyInputs.forEach(function (input) {
        input.disabled = true;
      });
      hideOtherText();
      if (otherTextarea) otherTextarea.disabled = true;
    }

    // --- Other checkbox triggers textarea ---
    if (otherCheckbox && otherTextRow && otherTextarea) {
      otherCheckbox.addEventListener('change', function () {
        if (this.checked) {
          showOtherText();
        } else {
          hideOtherText();
        }
      });
    }

    // Set initial state
    if (yesRadio.checked) {
      showSocieties();
      if (otherCheckbox && otherCheckbox.checked) {
        showOtherText();
      } else {
        hideOtherText();
      }
    } else {
      hideSocieties();
    }

    yesRadio.addEventListener('change', function () {
      if (this.checked) showSocieties();
    });

    noRadio.addEventListener('change', function () {
      if (this.checked) hideSocieties();
    });
  }
// --- Dealer conditional ---
  const dealerYes = document.querySelector('input[name="is_dealer"][value="y"]');
  const dealerNo  = document.querySelector('input[name="is_dealer"][value="n"]');
  const dealerUrlRow = document.getElementById('row-dealer_url-0');
  const dealerUrlInput = document.querySelector('input[name="dealer_url"]');
  const dealerDirectoryRow = document.getElementById('row-dealer_directory-0');
  const dealerDirectoryInputs = dealerDirectoryRow ? dealerDirectoryRow.querySelectorAll('input[type="radio"]') : [];

  if (dealerYes && dealerNo && dealerUrlRow && dealerDirectoryRow) {

    // Style both rows as sub-interests panels
    [dealerUrlRow, dealerDirectoryRow].forEach(function (row) {
      row.classList.add('sub-interests');
      row.style.position = 'relative';
    });

    // Move both rows directly after the is_dealer row
    const isDealerRow = document.getElementById('row-is_dealer-0');
    if (isDealerRow) {
      isDealerRow.parentNode.insertBefore(dealerUrlRow, isDealerRow.nextSibling);
      isDealerRow.parentNode.insertBefore(dealerDirectoryRow, dealerUrlRow.nextSibling);
    }

    function showDealerFields() {
      dealerUrlRow.classList.add('visible');
      dealerDirectoryRow.classList.add('visible');
      if (dealerUrlInput) dealerUrlInput.disabled = false;
      dealerDirectoryInputs.forEach(function (input) { input.disabled = false; });
    }

    function hideDealerFields() {
      dealerUrlRow.classList.remove('visible');
      dealerDirectoryRow.classList.remove('visible');
      if (dealerUrlInput) dealerUrlInput.disabled = true;
      dealerDirectoryInputs.forEach(function (input) { input.disabled = true; });
    }

    // Set initial state
    if (dealerYes.checked) {
      showDealerFields();
    } else {
      hideDealerFields();
    }

    dealerYes.addEventListener('change', function () {
      if (this.checked) showDealerFields();
    });

    dealerNo.addEventListener('change', function () {
      if (this.checked) hideDealerFields();
    });
  }
});
</script>;
--am_body_finish_in: <script>
document.addEventListener('DOMContentLoaded', function () {

  const eraSubMap = [
    { eraValue: 'classical',     sub: 'sub_classical' },
    { eraValue: 'postclassical', sub: 'sub_postclassical' },
    { eraValue: 'revolutionary', sub: 'sub_revolutionary' },
    { eraValue: 'modern',        sub: 'sub_modern' },
    { eraValue: 'botb',          sub: 'sub_botb' },
    { eraValue: 'stationery',    sub: 'sub_stationery' },
  ];

  eraSubMap.forEach(function (pair) {

    const eraCheckbox = document.querySelector('input[name="era_interest[]"][value="' + pair.eraValue + '"]');
    if (!eraCheckbox) return;

    const subInputs = document.querySelectorAll('input[name="' + pair.sub + '[]"]');
    if (!subInputs.length) return;

    const subContainer = document.getElementById('row-' + pair.sub + '-0');
    if (!subContainer) return;
    subContainer.classList.add('sub-interests');
    subContainer.style.position = 'relative';

    // --- Move subContainer directly after the era checkbox's label ---
    const eraLabel = eraCheckbox.closest('label') || eraCheckbox.parentElement;
    eraLabel.parentNode.insertBefore(subContainer, eraLabel.nextSibling);

    // --- Add Close button to upper right of panel ---
    const closeBtn = document.createElement('button');
    closeBtn.type = 'button';
    closeBtn.textContent = '▲ Close';
    closeBtn.style.cssText = [
      'position: absolute',
      'top: 6px',
      'right: 8px',
      'font-size: 0.75em',
      'color: #432812',
      'background: none',
      'border: 1px solid #b8a898',
      'border-radius: 3px',
      'padding: 1px 6px',
      'cursor: pointer',
      'line-height: 1.4',
    ].join(';');

    closeBtn.addEventListener('click', function () {
      subContainer.classList.remove('visible');
    });

    subContainer.appendChild(closeBtn);

    // --- Build "Select All" checkbox ---
    const selectAllLabel = document.createElement('label');
    selectAllLabel.style.cssText = 'display:block; font-weight:bold; margin-bottom:6px; cursor:pointer;';

    const selectAllCheckbox = document.createElement('input');
    selectAllCheckbox.type = 'checkbox';
    selectAllCheckbox.style.marginRight = '6px';

    selectAllLabel.appendChild(selectAllCheckbox);
    selectAllLabel.appendChild(document.createTextNode('Select All'));
    subContainer.insertBefore(selectAllLabel, subContainer.firstChild);

    // --- Select All logic ---
    selectAllCheckbox.addEventListener('change', function () {
      subInputs.forEach(function (input) {
        input.checked = selectAllCheckbox.checked;
      });
    });

    // Keep Select All in sync with individual checkboxes
    subInputs.forEach(function (input) {
      input.addEventListener('change', function () {
        const allChecked = Array.from(subInputs).every(function (i) { return i.checked; });
        const noneChecked = Array.from(subInputs).every(function (i) { return !i.checked; });
        selectAllCheckbox.checked = allChecked;
        selectAllCheckbox.indeterminate = !allChecked && !noneChecked;
      });
    });

   // --- Change handler on era checkbox ---
eraCheckbox.addEventListener('change', function () {
  if (!this.checked) {
    const anyChecked = Array.from(subInputs).some(function (i) { return i.checked; });
    if (anyChecked) {
      // Subcategories still selected — don't allow unchecking, toggle the panel instead
      this.checked = true;
      if (subContainer.classList.contains('visible')) {
        subContainer.classList.remove('visible');
      } else {
        subContainer.classList.add('visible');
      }
    } else {
      // Nothing selected underneath — let it uncheck and collapse the panel
      subContainer.classList.remove('visible');
    }
  } else {
    // Newly checked — collapse other open panels, expand this one
    eraSubMap.forEach(function (otherPair) {
      if (otherPair.eraValue === pair.eraValue) return;
      const otherContainer = document.getElementById('row-' + otherPair.sub + '-0');
      if (otherContainer) otherContainer.classList.remove('visible');
    });
    subContainer.classList.add('visible');
  }
});

 // --- Set initial state on page load ---
const isProfilePage = window.location.pathname.indexOf('/members/profile') !== -1;

if (eraCheckbox.checked) {
  const allChecked = Array.from(subInputs).every(function (i) { return i.checked; });
  const noneChecked = Array.from(subInputs).every(function (i) { return !i.checked; });
  selectAllCheckbox.checked = allChecked;
  selectAllCheckbox.indeterminate = !allChecked && !noneChecked;

  if (!isProfilePage) {
    subContainer.classList.add('visible');
  }
}
  });
// --- Other Societies conditional ---
  const yesRadio = document.querySelector('input[name="other_societies"][value="Y"]');
  const noRadio  = document.querySelector('input[name="other_societies"][value="N"]');
  const societiesContainer = document.getElementById('row-other_societies_names-0');
  const otherTextRow = document.getElementById('row-other_societies_other-0');
  const otherTextarea = document.querySelector('textarea[name="other_societies_other"]');

  if (yesRadio && noRadio && societiesContainer) {

    const societyInputs = societiesContainer.querySelectorAll('input[type="checkbox"]');

    // Find "Other" checkbox by looking for the one whose label contains "Other"
    let otherCheckbox = null;
    societiesContainer.querySelectorAll('label').forEach(function (label) {
      if (label.textContent.trim().toLowerCase().includes('other')) {
        const input = label.querySelector('input[type="checkbox"]');
        if (input) otherCheckbox = input;
      }
    });

    societiesContainer.classList.add('sub-interests');
    societiesContainer.style.position = 'relative';

    // Move societies list directly after the Yes/No field
    const yesNoRow = document.getElementById('row-other_societies-0');
    if (yesNoRow) {
      yesNoRow.parentNode.insertBefore(societiesContainer, yesNoRow.nextSibling);
    }

    // Move text row directly after the societies container
    if (otherTextRow) {
      otherTextRow.classList.add('sub-interests');
      otherTextRow.style.position = 'relative';
      societiesContainer.parentNode.insertBefore(otherTextRow, societiesContainer.nextSibling);
    }

    // Add Close button to societies container
    const closeBtn = document.createElement('button');
    closeBtn.type = 'button';
    closeBtn.textContent = '▲ Close';
    closeBtn.style.cssText = [
      'position: absolute',
      'top: 6px',
      'right: 8px',
      'font-size: 0.75em',
      'color: #432812',
      'background: none',
      'border: 1px solid #b8a898',
      'border-radius: 3px',
      'padding: 1px 6px',
      'cursor: pointer',
      'line-height: 1.4',
    ].join(';');

    closeBtn.addEventListener('click', function () {
      societiesContainer.classList.remove('visible');
      if (otherTextRow) otherTextRow.classList.remove('visible');
    });

    societiesContainer.appendChild(closeBtn);

    function showOtherText() {
      if (otherTextRow && otherTextarea) {
        otherTextRow.classList.add('visible');
        otherTextarea.disabled = false;
      }
    }

    function hideOtherText() {
      if (otherTextRow && otherTextarea) {
        otherTextRow.classList.remove('visible');
        otherTextarea.disabled = true;
      }
    }

    function showSocieties() {
      societiesContainer.classList.add('visible');
      societyInputs.forEach(function (input) {
        input.disabled = false;
      });
      // Restore Other textarea if Other checkbox is checked
      if (otherCheckbox && otherCheckbox.checked) {
        showOtherText();
      }
    }

    function hideSocieties() {
      societiesContainer.classList.remove('visible');
      societyInputs.forEach(function (input) {
        input.disabled = true;
      });
      hideOtherText();
      if (otherTextarea) otherTextarea.disabled = true;
    }

    // --- Other checkbox triggers textarea ---
    if (otherCheckbox && otherTextRow && otherTextarea) {
      otherCheckbox.addEventListener('change', function () {
        if (this.checked) {
          showOtherText();
        } else {
          hideOtherText();
        }
      });
    }

    // Set initial state
    if (yesRadio.checked) {
      showSocieties();
      if (otherCheckbox && otherCheckbox.checked) {
        showOtherText();
      } else {
        hideOtherText();
      }
    } else {
      hideSocieties();
    }

    yesRadio.addEventListener('change', function () {
      if (this.checked) showSocieties();
    });

    noRadio.addEventListener('change', function () {
      if (this.checked) hideSocieties();
    });
  }
// --- Dealer conditional ---
  const dealerYes = document.querySelector('input[name="is_dealer"][value="y"]');
  const dealerNo  = document.querySelector('input[name="is_dealer"][value="n"]');
  const dealerUrlRow = document.getElementById('row-dealer_url-0');
  const dealerUrlInput = document.querySelector('input[name="dealer_url"]');
  const dealerDirectoryRow = document.getElementById('row-dealer_directory-0');
  const dealerDirectoryInputs = dealerDirectoryRow ? dealerDirectoryRow.querySelectorAll('input[type="radio"]') : [];

  if (dealerYes && dealerNo && dealerUrlRow && dealerDirectoryRow) {

    // Style both rows as sub-interests panels
    [dealerUrlRow, dealerDirectoryRow].forEach(function (row) {
      row.classList.add('sub-interests');
      row.style.position = 'relative';
    });

    // Move both rows directly after the is_dealer row
    const isDealerRow = document.getElementById('row-is_dealer-0');
    if (isDealerRow) {
      isDealerRow.parentNode.insertBefore(dealerUrlRow, isDealerRow.nextSibling);
      isDealerRow.parentNode.insertBefore(dealerDirectoryRow, dealerUrlRow.nextSibling);
    }

    function showDealerFields() {
      dealerUrlRow.classList.add('visible');
      dealerDirectoryRow.classList.add('visible');
      if (dealerUrlInput) dealerUrlInput.disabled = false;
      dealerDirectoryInputs.forEach(function (input) { input.disabled = false; });
    }

    function hideDealerFields() {
      dealerUrlRow.classList.remove('visible');
      dealerDirectoryRow.classList.remove('visible');
      if (dealerUrlInput) dealerUrlInput.disabled = true;
      dealerDirectoryInputs.forEach(function (input) { input.disabled = true; });
    }

    // Set initial state
    if (dealerYes.checked) {
      showDealerFields();
    } else {
      hideDealerFields();
    }

    dealerYes.addEventListener('change', function () {
      if (this.checked) showDealerFields();
    });

    dealerNo.addEventListener('change', function () {
      if (this.checked) hideDealerFields();
    });
  }
});
</script>;
--am_header_path: 6a33e0c708376.png;
--am_link_color_a99: #43281299;

    --color-text-primary: var(--am_text_color);
    --color-text-secondary: color-mix(in srgb, var(--color-text-primary) 70%, transparent);
    --color-link: var(--am_link_color);
}
/* 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);
}

.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.am-tabs__tab_open,
ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: var(--am_menu_color);
}

ul.am-tabs li.am-tabs__tab_open > a,
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;
}