.test {
  color: blue;
}
:root {
  /* Primary Brand Colors */
  --brand-color: var(--ast-global-color-1);
  /* Gold/brown - STANDARDIZED */
  --brand-text: var(--ast-global-color-4);
  --alternate-brand: var(--ast-global-color-0);
  /* Navy blue */
  --alternate-brand-text: var(--ast-global-color-4);
  --heading-color: var(--ast-global-color-3);
  /* For standard headings */
  --text-color: var(--ast-global-color-2);
  /* For body text */
  --secondary-brand: var(--ast-global-color-0);
  /* Same as alternate brand - navy */
  --primary-bg: var(--ast-global-color-4);
  /* White background */
  --subtle-color: var(--ast-global-color-6);
  /* Light grey for subtle elements */
  --alternate-subtle: var(--ast-global-color-7);
  /* Alternative subtle accent */
  --supporting-color: var(--ast-global-color-1);
  /* Gold/brown for CTAs and highlights */
  /* Additional utility variables */
  --dark-brand: var(--ast-global-color-0);
  /* Navy for hero backgrounds */
  --light-accent: var(--ast-global-color-5);
  /* Light grey for accents */
  --cta-color: var(--ast-global-color-1);
  /* FIXED: Gold for buttons (was inconsistent) */
  --cta-hover: var(--ast-global-color-8);
  /* Darker gold for hover */
  --card-bg: var(--primary-bg);
  /* White for cards */
  --section-bg: var(--ast-global-color-5);
  /* Light grey for section backgrounds */
  --stats-bg: var(--ast-global-color-0);
  /* Navy from stats section */
  --tag-bg: var(--ast-global-color-7);
  /* Light background for tags */
  /* Status Colors */
  --danger-color: #dc3545;
  /* Red for reporting/blocking */
  --success-color: #28a745;
  /* Green for success states */
  --warning-color: #ffc107;
  /* Yellow for warnings */
  --info-color: #0dcaf0;
  /* Blue for info states */
  /* Extended Variables for Addons */
  --border-color: var(--ast-global-color-7);
  /* Standard border color */
  --border-radius: 10px;
  /* Standard border radius */
  --dating-border-radius: 15px;
  /* Enhanced radius for dating components */
  /* Spacing System */
  --moa-x: 20px;
  --moa-y-sd: 30px;
  --moa-y-lg: 60px;
  --moa-y-xl: 120px;
  --moa-y-xxl: 200px;
  /* Tablet Spacing */
  --moa-x-tablet: 15px;
  --moa-y-sd-tablet: 20px;
  --moa-y-lg-tablet: 30px;
  --moa-y-xl-tablet: 75px;
  --moa-y-xxl-tablet: 125px;
  /* Mobile Spacing */
  --moa-x-mobile: 10px;
  --moa-y-sd-mobile: 15px;
  --moa-y-lg-mobile: 20px;
  --moa-y-xl-mobile: 50px;
  --moa-y-xxl-mobile: 75px;
  /* Padding Presets */
  --moa-p-1: 20px 40px;
  --moa-p-2: 20px 70px;
}
:root {
  --moa-x: 20px;
  --moa-y-sd: 30px;
  --moa-y-lg: 60px;
  --moa-y-xl: 120px;
  --moa-y-xxl: 200px;
  --moa-x-tablet: 15px;
  --moa-y-sd-tablet: 20px;
  --moa-y-lg-tablet: 30px;
  --moa-y-xl-tablet: 75px;
  --moa-y-xxl-tablet: 125px;
  --moa-x-mobile: 10px;
  --moa-y-sd-mobile: 15px;
  --moa-y-lg-mobile: 20px;
  --moa-y-xl-mobile: 50px;
  --moa-y-xxl-mobile: 75px;
  --moa-p-1: 20px 40px;
  --moa-p-2: 20px 70px;
}
.light, .light2, .section-light-text {
  --bg: var(--ast-global-color-4);
  --bg2: var(--ast-global-color-5);
  --text-color: var(--ast-global-color-3);
  --text-color2: var(--ast-global-color-2);
  --text-color3: var(--ast-global-color-3);
  --text-highlight: var(--ast-global-color-1);
  --text-highlight2: var(--ast-global-color-0);
  --b-border-color: var(--ast-global-color-7);
  --e-border-color: var(--ast-global-color-7);
  --accent: var(--ast-global-color-0);
  --accent-text: var(--ast-global-color-7);
  --accent-2: var(--ast-global-color-1);
  --accent-text-2: var(--ast-global-color-7);
  --accent-3: var(--ast-global-color-6);
  --accent-text-3: var(--ast-global-color-2);
  --button-color: var(--ast-global-color-0);
  --button-color-text: var(--ast-global-color-7);
  --button-border-color: var(--ast-global-color-0);
  --button-ghost-color-text: var(--ast-global-color-0);
  --icon-color: var(--ast-global-color-1);
}
.dark, .dark2, .section-dark-text {
  --bg: var(--ast-global-color-0);
  --bg2: var(--ast-global-color-2);
  --text-color: var(--ast-global-color-4);
  --text-color2: var(--ast-global-color-4);
  --text-color3: var(--ast-global-color-5);
  --text-highlight: var(--ast-global-color-1);
  --text-highlight2: var(--ast-global-color-7);
  --b-border-color: var(--ast-global-color-0);
  --e-border-color: var(--ast-global-color-0);
  --accent: var(--ast-global-color-1);
  --accent-text: var(--ast-global-color-7);
  --accent-2: var(--ast-global-color-7);
  --accent-text-2: var(--ast-global-color-0);
  --accent-3: var(--ast-global-color-2);
  --accent-text-3: var(--ast-global-color-7);
  --button-color: var(--ast-global-color-1);
  --button-color-text: var(--ast-global-color-7);
  --button-border-color: var(--ast-global-color-1);
  --button-ghost-color-text: var(--ast-global-color-1);
  --icon-color: var(--ast-global-color-7);
}
.light2 {
  --bg: var(--ast-global-color-5);
}
.dark2 {
  --bg: var(--ast-global-color-8);
  --text-color: var(--ast-global-color-5);
  --text-color2: var(--ast-global-color-7);
}
.text2 h1, .text2 h2, .text2 h3, .text2 h4, .text2 h5, .text2 h6, .text2 p, .text2 a {
  color: var(--text-color2);
}
.text2 svg {
  fill: var(--text-color2);
}
.text3 h1, .text3 h2, .text3 h3, .text3 h4, .text3 h5, .text3 h6, .text3 p, .text3 a {
  color: var(--text-color3);
}
.text3 svg {
  fill: var(--text-color);
}
.button-primary {
  --button-color: var(--accent);
  --button-color-text: var(--accent-text);
  --button-border-color: var(--accent);
}
.button-secondary {
  --button-color: var(--accent-2);
  --button-color-text: var(--accent-text-2);
  --button-border-color: var(--accent-2);
}
.button-tertiary {
  --button-color: var(--accent-3);
  --button-color-text: var(--accent-text-3);
  --button-border-color: var(--accent-3);
}
.button-outline {
  --button-color: transparent;
  --button-color-text: var(--accent);
  --button-border-color: var(--accent);
}
.button-outline-secondary {
  --button-color: transparent;
  --button-color-text: var(--accent-2);
  --button-border-color: var(--accent-2);
}
.button-outline-tertiary {
  --button-color: transparent;
  --button-color-text: var(--accent-3);
  --button-border-color: var(--accent-3);
}
.button-ghost {
  --button-color: transparent;
  --button-color-text: var(--accent);
  --button-border-color: transparent;
}
.button-ghost-secondary {
  --button-color: transparent;
  --button-color-text: var(--accent-2);
  --button-border-color: transparent;
}
.button-small {
  --button-padding: 0.5rem 1rem;
  --button-font-size: 0.875rem;
}
.button-large {
  --button-padding: 1rem 2rem;
  --button-font-size: 1.125rem;
}
.button-extra-large {
  --button-padding: 1.25rem 2.5rem;
  --button-font-size: 1.25rem;
}
.button-brand {
  --button-color: var(--brand-color);
  --button-color-text: var(--brand-text);
  --accent: var(--brand-color);
  --accent-text: var(--brand-text);
}
.button2 {
  --button-color: var(--accent-2);
  --button-color-text: var(--accent-text-2);
  --accent: var(--accent-2);
  --accent-text: var(--accent-text-2);
}
.button3 {
  --button-color: var(--accent-3);
  --button-color-text: var(--accent-text-3);
  --accent: var(--accent-3);
  --accent-text: var(--accent-text-3);
}
.section.light, .section.light2, .section.section-light-text, .section.dark, .section.dark2, .section.section-dark-text {
  background-color: var(--bg);
  color: var(--text-color);
}
.section.light h1, .section.light2 h1, .section.section-light-text h1, .section.light h2, .section.light2 h2, .section.section-light-text h2, .section.light h3, .section.light2 h3, .section.section-light-text h3, .section.light h4, .section.light2 h4, .section.section-light-text h4, .section.light h5, .section.light2 h5, .section.section-light-text h5, .section.light h6, .section.light2 h6, .section.section-light-text h6, .section.light p, .section.light2 p, .section.section-light-text p, .section.light a, .section.light2 a, .section.section-light-text a, .section.dark h1, .section.dark2 h1, .section.section-dark-text h1, .section.dark h2, .section.dark2 h2, .section.section-dark-text h2, .section.dark h3, .section.dark2 h3, .section.section-dark-text h3, .section.dark h4, .section.dark2 h4, .section.section-dark-text h4, .section.dark h5, .section.dark2 h5, .section.section-dark-text h5, .section.dark h6, .section.dark2 h6, .section.section-dark-text h6, .section.dark p, .section.dark2 p, .section.section-dark-text p, .section.dark a, .section.dark2 a, .section.section-dark-text a {
  color: var(--text-color);
}
.section.light a.filled, .section.light2 a.filled, .section.section-light-text a.filled, .section.light button.filled, .section.light2 button.filled, .section.section-light-text button.filled, .section.dark a.filled, .section.dark2 a.filled, .section.section-dark-text a.filled, .section.dark button.filled, .section.dark2 button.filled, .section.section-dark-text button.filled {
  color: var(--accent-text);
}
.section.light a.alt, .section.light2 a.alt, .section.section-light-text a.alt, .section.light button.alt, .section.light2 button.alt, .section.section-light-text button.alt, .section.dark a.alt, .section.dark2 a.alt, .section.section-dark-text a.alt, .section.dark button.alt, .section.dark2 button.alt, .section.section-dark-text button.alt {
  background-color: var(--accent);
  color: var(--accent-text);
}
.section.light .nav-tabs.alt li, .section.light2 .nav-tabs.alt li, .section.section-light-text .nav-tabs.alt li, .section.dark .nav-tabs.alt li, .section.dark2 .nav-tabs.alt li, .section.section-dark-text .nav-tabs.alt li {
  background-color: var(--accent);
  color: var(--accent-text);
  margin: 0 8px;
}
.section.light .nav-tabs.alt li:hover, .section.light2 .nav-tabs.alt li:hover, .section.section-light-text .nav-tabs.alt li:hover, .section.dark .nav-tabs.alt li:hover, .section.dark2 .nav-tabs.alt li:hover, .section.section-dark-text .nav-tabs.alt li:hover {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.section.light .nav-tabs.alt li a, .section.light2 .nav-tabs.alt li a, .section.section-light-text .nav-tabs.alt li a, .section.light .nav-tabs.alt li button, .section.light2 .nav-tabs.alt li button, .section.section-light-text .nav-tabs.alt li button, .section.dark .nav-tabs.alt li a, .section.dark2 .nav-tabs.alt li a, .section.section-dark-text .nav-tabs.alt li a, .section.dark .nav-tabs.alt li button, .section.dark2 .nav-tabs.alt li button, .section.section-dark-text .nav-tabs.alt li button {
  color: var(--accent-text);
}
.section.light .nav-tabs.alt li a:hover, .section.light2 .nav-tabs.alt li a:hover, .section.section-light-text .nav-tabs.alt li a:hover, .section.light .nav-tabs.alt li button:hover, .section.light2 .nav-tabs.alt li button:hover, .section.section-light-text .nav-tabs.alt li button:hover, .section.dark .nav-tabs.alt li a:hover, .section.dark2 .nav-tabs.alt li a:hover, .section.section-dark-text .nav-tabs.alt li a:hover, .section.dark .nav-tabs.alt li button:hover, .section.dark2 .nav-tabs.alt li button:hover, .section.section-dark-text .nav-tabs.alt li button:hover {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.section.light .nav-tabs.alt li:first-child, .section.light2 .nav-tabs.alt li:first-child, .section.section-light-text .nav-tabs.alt li:first-child, .section.light .nav-tabs.alt li:last-child, .section.light2 .nav-tabs.alt li:last-child, .section.section-light-text .nav-tabs.alt li:last-child, .section.dark .nav-tabs.alt li:first-child, .section.dark2 .nav-tabs.alt li:first-child, .section.section-dark-text .nav-tabs.alt li:first-child, .section.dark .nav-tabs.alt li:last-child, .section.dark2 .nav-tabs.alt li:last-child, .section.section-dark-text .nav-tabs.alt li:last-child {
  margin: 0;
}
.section.light svg, .section.light2 svg, .section.section-light-text svg, .section.dark svg, .section.dark2 svg, .section.section-dark-text svg {
  fill: var(--text-color);
}
.section.light .highlight b, .section.light2 .highlight b, .section.section-light-text .highlight b, .section.dark .highlight b, .section.dark2 .highlight b, .section.section-dark-text .highlight b {
  color: var(--text-color2);
}
.section.light .wp-block-button a.wp-element-button, .section.light2 .wp-block-button a.wp-element-button, .section.section-light-text .wp-block-button a.wp-element-button, .section.dark .wp-block-button a.wp-element-button, .section.dark2 .wp-block-button a.wp-element-button, .section.section-dark-text .wp-block-button a.wp-element-button {
  background-color: var(--accent);
  color: var(--accent-text);
}
.section.light a.elementor-button, .section.light2 a.elementor-button, .section.section-light-text a.elementor-button, .section.dark a.elementor-button, .section.dark2 a.elementor-button, .section.section-dark-text a.elementor-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
}
.section.light .elementor-button-wrapper a, .section.light2 .elementor-button-wrapper a, .section.section-light-text .elementor-button-wrapper a, .section.dark .elementor-button-wrapper a, .section.dark2 .elementor-button-wrapper a, .section.section-dark-text .elementor-button-wrapper a {
  color: var(--accent-text);
  background-color: var(--accent);
  border-color: var(--e-border-color);
}
.section.light .elementor-social-icons-wrapper a, .section.light2 .elementor-social-icons-wrapper a, .section.section-light-text .elementor-social-icons-wrapper a, .section.dark .elementor-social-icons-wrapper a, .section.dark2 .elementor-social-icons-wrapper a, .section.section-dark-text .elementor-social-icons-wrapper a {
  background: var(--accent);
}
.section.light .elementor-social-icons-wrapper a svg, .section.light2 .elementor-social-icons-wrapper a svg, .section.section-light-text .elementor-social-icons-wrapper a svg, .section.dark .elementor-social-icons-wrapper a svg, .section.dark2 .elementor-social-icons-wrapper a svg, .section.section-dark-text .elementor-social-icons-wrapper a svg {
  fill: var(--accent-text);
}
.section.light .elementor-progress-bar, .section.light2 .elementor-progress-bar, .section.section-light-text .elementor-progress-bar, .section.dark .elementor-progress-bar, .section.dark2 .elementor-progress-bar, .section.section-dark-text .elementor-progress-bar {
  background-color: var(--accent);
}
.section.light span.elementor-progress-percentage, .section.light2 span.elementor-progress-percentage, .section.section-light-text span.elementor-progress-percentage, .section.light span.elementor-progress-text, .section.light2 span.elementor-progress-text, .section.section-light-text span.elementor-progress-text, .section.dark span.elementor-progress-percentage, .section.dark2 span.elementor-progress-percentage, .section.section-dark-text span.elementor-progress-percentage, .section.dark span.elementor-progress-text, .section.dark2 span.elementor-progress-text, .section.section-dark-text span.elementor-progress-text {
  color: var(--accent-text);
}
.section .wp-block-cover__background.has-background-dim {
  background-color: var(--bg);
}
.section-dark-text h1, .section-dark-text h2, .section-dark-text h3, .section-dark-text h4, .section-dark-text h5, .section-dark-text h6, .section-dark-text p, .section-dark-text a {
  color: var(--text-color);
}
.section-dark-text svg {
  fill: var(--text-color);
}
.section-light-text h1, .section-light-text h2, .section-light-text h3, .section-light-text h4, .section-light-text h5, .section-light-text h6, .section-light-text p, .section-light-text a {
  color: var(--text-color);
}
.section-light-text svg {
  fill: var(--text-color);
}
button.button.button-brand {
  background-color: var(--button-color);
  color: var(--button-color-text);
}
.ghost .elementor-button-text {
  color: var(--button-ghost-color-text, var(--bg));
}
.ghost-2 .elementor-button-text {
  color: var(--bg);
}
.container-light {
  background-color: var(--bg);
  border: 1px solid var(--border-color);
}
.moa-sm, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
  padding: 10px var(--moa-x);
}
.moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
.moa-border-rounding {
  border-radius: 10px;
}
.no-p-blocks, .no-p-blocks > .e-con-inner {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}
.mbtn1 {
  --accent: var(--ast-global-color-1);
  --accent-text: var(--ast-global-color-7);
}
.mbtn1 .elementor-button-wrapper a {
  color: var(--accent-text);
  background-color: var(--accent);
  border-color: var(--e-border-color);
}
.mbtn1 .elementor-social-icons-wrapper a {
  background: var(--accent);
}
.mbtn1 .elementor-social-icons-wrapper a svg {
  fill: var(--accent-text);
}
.mbtn1 .elementor-progress-bar {
  background-color: var(--accent);
}
.mbtn1 span.elementor-progress-percentage, .mbtn1 span.elementor-progress-text {
  color: var(--accent-text);
}
.elementor-widget-text-editor p:last-child {
  margin: 0;
}
.style-hero h1 {
  font-size: 4rem;
}
.style-hero h2 {
  font-size: 3rem;
}
.style-hero b {
  color: var(--text-color2);
}
.style-hero a.elementor-button {
  padding: var(--moa-p-2);
}
.moa-features-icon-feed > div:last-child {
  border-bottom: 1px solid var(--b-border-color);
}
.moa-features-icon-feed .elementor-icon svg {
  fill: var(--accent);
}
.moa-features-grid .moa-grid {
  padding: 15px;
  text-align: center;
}
.moa-price p, .moa-discount-price p {
  font-size: 1.5em;
  font-weight: 700;
}
.moa-discount-price {
  text-decoration: line-through;
}
.moa-number-highlight h2 {
  display: inline-block;
  background-color: var(--accent);
  color: var(--accent-text);
  padding: 15px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  max-width: 100%;
}
.moa-icon span.elementor-divider-separator {
  border-block-color: var(--accent) !important;
}
.moa-icon svg {
  fill: var(--accent);
}
hr.moa-icon {
  color: var(--accent);
}
.gform_wrapper.gravity-theme .gfield_label {
  color: var(--text-color);
}
input[type=submit].gform-button {
  color: var(--accent-text);
  background-color: var(--accent);
}
.pp-gravity-form .gform-footer input[type=submit] {
  background-color: var(--accent);
  color: var(--accent-text);
}
.wpcf7 label {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .gform-grid-col span {
  padding-right: 0 !important;
}
.moa-gform-inline .gform_wrapper .gform-body fieldset legend {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=text], .moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=email], .moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=password] {
  width: 100%;
  padding: 20px;
}
.moa-gform-inline .gform_wrapper .gform-body .ginput_container label {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .ginput_container label a {
  color: var(--text-color);
}
.moa-gform-inline .gform_footer .gform_button {
  background: var(--button-color);
  color: var(--button-color-text);
}
.moa-modal.gf .gform_wrapper .gform_heading {
  text-align: center;
}
.moa-modal.gf .gform_wrapper .gform_heading p {
  margin-top: 10px;
  font-size: 21px;
}
.moa-modal.gf .gform_wrapper.gravity-theme .ginput_container_email input[type=email] {
  width: 100%;
}
.moa-modal.gf .gform_wrapper.gravity-theme input {
  padding: 25px;
  font-size: 18px;
}
.moa-modal.gf .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .moa-modal.gf .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
  padding-right: 0 !important;
}
.moa-modal.gf .gform_wrapper.gravity-theme .gform-footer.gform_footer input[type=submit] {
  width: 100%;
}
body.single-training .entry-header {
  display: none;
}
#lesson-video .wp-video {
  width: 100% !important;
}
.moa-course-nav-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#video-tracker-wrapper {
  width: 100%;
  aspect-ratio: 1.7777777778;
}
#bps-vimeo-player, #bps-vimeo-player iframe {
  width: 100%;
  height: 100%;
}
.moa-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: var(--bg);
  color: var(--text-color);
}
.temp1 input[type=email], .temp1 input[type=number], .temp1 input[type=password], .temp1 input[type=reset], .temp1 input[type=search], .temp1 input[type=tel], .temp1 input[type=text], .temp1 input[type=url], .temp1 select, .temp1 textarea {
  color: var(--ast-global-color-3);
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #d3d3d3;
  background: #ffffff;
}
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {
  font-size: 1rem;
}
.moa-width-narrow {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.moa-width-regular {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
ul {
  margin: 0;
  list-style-position: inside;
}
.bps-inline-form input {
  height: 46px;
  width: 100%;
}
img.card-img-to.profile-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.profile-card {
  height: 100%;
  background: var(--card-bg);
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: 0.3s ease;
}
.entry-content.clear > p:first-child {
  display: none;
}
.moa-media-item {
  background: var(--card-bg);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
  margin-bottom: 1.5rem;
}
.moa-media-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.moa-media-image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
}
.moa-media-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.moa-media-image:hover {
  transform: scale(1.05);
}
.moa-media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
}
.moa-media-overlay i {
  color: white;
  font-size: 2rem;
}
.moa-media-image-container:hover .moa-media-overlay {
  opacity: 1;
}
.moa-media-actions {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.moa-action-btn, a.moa-action-btn, button.moa-action-btn {
  flex: 1;
  padding: 0.5rem;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: 0.3s ease;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background-color: var(--cta-color);
  color: var(--cta-text);
}
.moa-action-btn.view, a.moa-action-btn.view, button.moa-action-btn.view {
  background-color: var(--cta-color);
  color: var(--cta-text);
}
.moa-action-btn.view:hover, a.moa-action-btn.view:hover, button.moa-action-btn.view:hover {
  background-color: var(--cta-hover);
  color: var(--cta-text);
  text-decoration: none;
}
.moa-action-btn.edit, a.moa-action-btn.edit, button.moa-action-btn.edit {
  background-color: var(--subtle-color);
  color: var(--text-color);
  border: 1px solid var(--border-color);
}
.moa-action-btn.edit:hover, a.moa-action-btn.edit:hover, button.moa-action-btn.edit:hover {
  background-color: var(--alternate-subtle);
  color: var(--text-color);
  text-decoration: none;
}
.moa-action-btn.delete, a.moa-action-btn.delete, button.moa-action-btn.delete {
  background-color: var(--danger-color);
  color: white;
}
.moa-action-btn.delete:hover, a.moa-action-btn.delete:hover, button.moa-action-btn.delete:hover {
  background-color: #c82333;
  color: white;
  text-decoration: none;
}
.bps-media-upload {
  --upload-size: 200px;
  --upload-aspect: 1;
  --upload-border-color: var(--border-color);
  --upload-border-hover: var(--brand-color);
  --upload-bg-color: var(--subtle-color);
  --upload-bg-hover: var(--alternate-subtle);
  position: relative;
}
.bps-media-upload .file-input {
  display: none !important;
}
.bps-media-upload.drag-over .upload-target, .bps-media-upload.drag-over .upload-slot {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
  transform: scale(1.02);
}
.bps-media-upload .upload-target {
  width: var(--upload-size);
  aspect-ratio: var(--upload-aspect);
  border: 3px dashed var(--upload-border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
  background-color: var(--upload-bg-color);
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.bps-media-upload .upload-target:hover {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
}
.bps-media-upload .upload-target.has-image {
  border-style: solid;
  border-color: var(--upload-border-hover);
}
.bps-media-upload .upload-target[data-shape="circle"], .bps-media-upload[data-shape="circle"] .bps-media-upload .upload-target {
  border-radius: 50%;
}
.bps-media-upload .upload-target[data-shape="square"], .bps-media-upload[data-shape="square"] .bps-media-upload .upload-target {
  border-radius: var(--border-radius);
}
.bps-media-upload .upload-target[data-shape="rectangle"], .bps-media-upload[data-shape="rectangle"] .bps-media-upload .upload-target {
  border-radius: calc(var(--border-radius) * 1.5);
  width: 100%;
  height: 200px;
  aspect-ratio: unset;
}
.bps-media-upload .upload-placeholder {
  text-align: center;
  color: var(--text-color);
  pointer-events: none;
}
.bps-media-upload .upload-placeholder i {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
  opacity: 0.8;
}
.bps-media-upload .upload-placeholder span {
  font-size: 0.9rem;
  font-weight: 500;
}
.bps-media-upload .upload-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: none;
}
.bps-media-upload .upload-preview.show {
  display: block;
}
.bps-media-upload .upload-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: inherit;
}
.bps-media-upload .upload-overlay .btn {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s ease;
}
.bps-media-upload .upload-overlay .btn.btn-primary {
  background: var(--brand-color);
  color: var(--brand-text);
}
.bps-media-upload .upload-overlay .btn.btn-primary:hover {
  opacity: 0.9;
}
.bps-media-upload .upload-overlay .btn.btn-danger {
  background: var(--danger-color);
  color: white;
}
.bps-media-upload .upload-overlay .btn.btn-danger:hover {
  opacity: 0.9;
}
.bps-media-upload .upload-overlay .btn i {
  font-size: 0.7rem;
}
.bps-media-upload .upload-target:hover .upload-overlay {
  display: flex;
}
.bps-media-upload .upload-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 20px 0;
}
@media (max-width: 992px) {
  .bps-media-upload .upload-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .bps-media-upload .upload-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.bps-media-upload .upload-slot {
  aspect-ratio: var(--upload-aspect);
  border: 2px dashed var(--upload-border-color);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
  background-color: var(--upload-bg-color);
  position: relative;
  overflow: hidden;
}
.bps-media-upload .upload-slot:hover {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
}
.bps-media-upload .upload-slot.filled {
  border-style: solid;
  border-color: var(--success-color);
}
.bps-media-upload .slot-placeholder {
  text-align: center;
  color: var(--text-color);
  font-size: 0.8rem;
  pointer-events: none;
}
.bps-media-upload .slot-placeholder i {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.5rem;
  opacity: 0.8;
}
.bps-media-upload .slot-placeholder span {
  font-size: 0.75rem;
  font-weight: 500;
}
.bps-media-upload .slot-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: none;
}
.bps-media-upload .slot-preview.show {
  display: block;
}
.bps-media-upload .slot-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: inherit;
}
.bps-media-upload .slot-overlay .btn {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.3s ease;
}
.bps-media-upload .slot-overlay .btn.btn-primary {
  background: var(--brand-color);
  color: var(--brand-text);
}
.bps-media-upload .slot-overlay .btn.btn-danger {
  background: var(--danger-color);
  color: white;
}
.bps-media-upload .slot-overlay .btn i {
  font-size: 0.6rem;
}
.bps-media-upload .upload-slot:hover .slot-overlay {
  display: flex;
}
.moa-media-header {
  text-align: center;
  margin-bottom: 2rem;
}
.moa-media-header h2 {
  color: var(--heading-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.moa-media-header p {
  color: var(--text-color);
  margin: 0;
}
.moa-upload-area {
  border: 2px dashed var(--border-color);
  border-radius: var(--border-radius);
  padding: 2rem;
  text-align: center;
  background: var(--card-bg);
  transition: 0.3s ease;
  margin-bottom: 2rem;
}
.moa-upload-area:hover {
  border-color: var(--cta-color);
}
.moa-upload-btn {
  background-color: var(--cta-color);
  color: var(--brand-text);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 500;
  transition: 0.3s ease;
}
.moa-upload-btn:hover {
  background-color: var(--cta-hover);
}
.profile-photo-section, .square-upload-section, .grid-upload-section, .cover-photo-section {
  text-align: center;
  margin: 2rem auto;
}
.profile-photo-section .upload-title, .square-upload-section .upload-title, .grid-upload-section .upload-title, .cover-photo-section .upload-title {
  margin-bottom: 0.5rem;
  color: var(--heading-color);
  font-size: 1.25rem;
  font-weight: 600;
}
.profile-photo-section .upload-description, .square-upload-section .upload-description, .grid-upload-section .upload-description, .cover-photo-section .upload-description {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  color: var(--text-color);
}
.profile-photo-section {
  max-width: 400px;
}
.square-upload-section {
  max-width: 300px;
}
.grid-upload-section {
  max-width: 600px;
}
.cover-photo-section {
  max-width: 800px;
}
.cover-photo-section .bps-media-upload[data-shape="rectangle"] .upload-target {
  width: 100%;
  height: 200px;
  aspect-ratio: unset;
  border-radius: var(--border-radius);
}
.bps-media-upload.uploading .upload-target, .bps-media-upload.uploading .upload-slot {
  opacity: 0.6;
  cursor: not-allowed;
}
.bps-media-upload.uploading .upload-target::after, .bps-media-upload.uploading .upload-slot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid var(--brand-color);
  border-radius: 50%;
  animation: upload-spin 1s linear infinite;
}
.bps-media-upload.uploading .upload-placeholder, .bps-media-upload.uploading .slot-placeholder {
  display: none;
}
@keyframes upload-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bps-media-upload.error .upload-target, .bps-media-upload.error .upload-slot {
  border-color: var(--danger-color);
  background-color: rgba(220, 53, 69, 0.1);
}
.bps-media-upload.success .upload-target, .bps-media-upload.success .upload-slot {
  border-color: var(--success-color);
  background-color: rgba(40, 167, 69, 0.1);
}
.moa-empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-color);
}
.moa-empty-state i {
  font-size: 4rem;
  color: var(--alternate-subtle);
  margin-bottom: 1rem;
}
.bps-media-upload .upload-target:focus-visible, .bps-media-upload .upload-slot:focus-visible {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
.bps-media-upload .upload-target[tabindex]:focus, .bps-media-upload .upload-slot[tabindex]:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .bps-media-upload .upload-target, .bps-media-upload .upload-slot, .bps-media-upload .btn {
    transition: none;
  }
  .bps-media-upload.uploading .upload-target::after, .bps-media-upload.uploading .upload-slot::after {
    animation: none;
    opacity: 0.5;
  }
  .moa-media-item {
    transition: none;
  }
  .moa-media-item:hover {
    transform: none;
  }
}
.uploadGrid .upload-slot {
  aspect-ratio: 1;
  border: 2px dashed var(--border-color);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: var(--subtle-color);
  transition: 0.3s ease;
  min-height: 120px;
}
.uploadGrid .upload-slot:hover {
  border-color: var(--brand-color);
  background: var(--alternate-subtle);
}
.uploadGrid .upload-slot.filled {
  border: 2px solid var(--success-color);
  cursor: default;
}
.uploadGrid .upload-slot.drag-over {
  border-color: var(--success-color);
  background: rgba(40, 167, 69, 0.1);
}
.uploadGrid .upload-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--border-radius) - 2px);
}
.uploadGrid .upload-slot .bps-placeholder {
  color: var(--text-color);
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1;
  opacity: 0.7;
  transition: 0.2s ease;
}
.uploadGrid .upload-slot:hover .bps-placeholder {
  color: var(--brand-color);
  transform: scale(1.1);
}
.uploadGrid .upload-slot .remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  background-color: var(--danger-color);
  border: none;
  color: white;
  cursor: pointer;
  transition: 0.2s ease;
}
.uploadGrid .upload-slot .remove-btn:hover {
  background-color: #c53030;
  transform: scale(1.1);
}
.uploadGrid .upload-slot:hover .remove-btn {
  display: flex;
}
.uploadGrid .upload-slot.has-image .bps-placeholder {
  display: none;
}
.uploadGrid .upload-slot.has-image .remove-btn {
  opacity: 0;
}
.uploadGrid .upload-slot.has-image:hover .remove-btn {
  opacity: 1;
  display: flex;
}
.upload-all-btn {
  background: linear-gradient(135deg, var(--brand-color) 0%, var(--cta-hover) 100%);
  border: none;
  color: white;
  padding: 12px 32px;
  border-radius: var(--border-radius);
  font-weight: 500;
  font-size: 1.1rem;
  transition: 0.3s ease;
  display: block;
  margin: 0 auto;
  min-width: 150px;
  cursor: pointer;
}
.upload-all-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
  background: linear-gradient(135deg, var(--cta-hover) 0%, var(--brand-color) 100%);
}
.upload-all-btn:disabled {
  background: var(--subtle-color);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  opacity: 0.6;
}
.upload-section h2 {
  color: var(--heading-color);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .uploadGrid .upload-slot {
    min-height: 100px;
  }
  .uploadGrid .upload-slot .bps-placeholder {
    font-size: 2rem;
  }
  .uploadGrid .upload-slot .remove-btn {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
  .upload-all-btn {
    padding: 10px 24px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .uploadGrid .upload-slot {
    min-height: 80px;
  }
  .uploadGrid .upload-slot .bps-placeholder {
    font-size: 1.5rem;
  }
  .uploadGrid .upload-slot .remove-btn {
    width: 20px;
    height: 20px;
    font-size: 12px;
    top: 4px;
    right: 4px;
  }
  .upload-all-btn {
    padding: 8px 20px;
    font-size: 0.9rem;
    min-width: 120px;
  }
}
.moa-styles .pods-form-front .pods-submit {
  float: left;
  margin-top: 15px;
}
.moa-styles .pods-ui-form {
  display: block;
  margin: 15px 0;
}
.moa-styles .pods-field-html-class {
  margin-top: 15px;
  margin-bottom: 15px;
}
.moa-styles .description.pods-form-ui-comment {
  font-size: 85%;
  color: var(--text-color);
  opacity: 0.8;
}
body:not(.wp-admin) .media-router button {
  background: var(--card-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 0.5rem 1rem;
  transition: 0.2s ease;
}
body:not(.wp-admin) .media-router button:hover {
  background: var(--subtle-color);
  color: var(--text-color);
}
body:not(.wp-admin) .media-router button.active {
  background: var(--brand-color);
  color: var(--brand-text);
}
.moa-bps-pods .pods-form-ui-field.pods-form-ui-field-type-pick {
  width: 100%;
}
.pods-form-front .pods-submit {
  float: none;
  clear: both;
  margin-top: 15px;
}
.pods-field__container {
  margin: 15px 0;
}
a.button.pods-dfv-list-add {
  color: white;
  display: inline-block;
  background: var(--brand-color);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
  text-decoration: none;
  font-weight: 500;
  transition: 0.2s ease;
}
a.button.pods-dfv-list-add:hover {
  background: var(--cta-hover);
  color: white;
  text-decoration: none;
}
.pods-dfv-container-pick, .pods-field-option__field, .pods-field-option__field .pods-dfv-container {
  width: 100% !important;
  max-width: 100% !important;
}
.new-profile-form-start .pods-form-front .pods-submit {
  float: left;
}
.pods-form-front .pods-submit {
  margin-top: 20px;
  float: none;
  text-align: center;
}
.pods-form-front .pods-submit .pods-submit-button {
  background: var(--brand-color);
  color: white;
  display: block;
  width: 100%;
  border: none;
  border-radius: var(--border-radius);
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  font-size: 1rem;
  transition: 0.3s ease;
  cursor: pointer;
}
.pods-form-front .pods-submit .pods-submit-button:hover {
  background: black;
  color: white;
}
.pods-form-front .pods-submit .pods-submit-button:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
.pods-form-front .pods-submit .pods-submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pods-form-ui-field {
  margin-bottom: var(--moa-y-sd);
}
.pods-form-ui-field label {
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}
.pods-form-ui-field input[type="text"], .pods-form-ui-field input[type="email"], .pods-form-ui-field input[type="password"], .pods-form-ui-field input[type="number"], .pods-form-ui-field input[type="tel"], .pods-form-ui-field input[type="url"], .pods-form-ui-field textarea, .pods-form-ui-field select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--card-bg);
  color: var(--text-color);
  font-size: 1rem;
  transition: 0.2s ease;
}
.pods-form-ui-field input[type="text"]:focus, .pods-form-ui-field input[type="email"]:focus, .pods-form-ui-field input[type="password"]:focus, .pods-form-ui-field input[type="number"]:focus, .pods-form-ui-field input[type="tel"]:focus, .pods-form-ui-field input[type="url"]:focus, .pods-form-ui-field textarea:focus, .pods-form-ui-field select:focus {
  outline: none;
  border-color: var(--brand-color);
  box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.2);
}
.pods-form-ui-field input[type="text"]:disabled, .pods-form-ui-field input[type="email"]:disabled, .pods-form-ui-field input[type="password"]:disabled, .pods-form-ui-field input[type="number"]:disabled, .pods-form-ui-field input[type="tel"]:disabled, .pods-form-ui-field input[type="url"]:disabled, .pods-form-ui-field textarea:disabled, .pods-form-ui-field select:disabled {
  background: var(--subtle-color);
  opacity: 0.7;
  cursor: not-allowed;
}
.pods-form-ui-field textarea {
  min-height: 120px;
  resize: vertical;
}
.pods-form-ui-field select {
  cursor: pointer;
}
.pods-form-ui-field .pods-pick .pods-pick-values {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--card-bg);
  max-height: 200px;
  overflow-y: auto;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value {
  padding: 0.5rem;
  border-bottom: 1px solid var(--border-color);
  transition: 0.2s ease;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--subtle-color);
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:last-child {
  border-bottom: none;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value input[type="checkbox"], .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value input[type="radio"] {
  margin-right: 0.5rem;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value label {
  margin: 0;
  cursor: pointer;
  font-weight: normal;
}
.pods-form-ui-field.pods-error input, .pods-form-ui-field.pods-error textarea, .pods-form-ui-field.pods-error select {
  border-color: var(--danger-color);
}
.pods-form-ui-field.pods-error input:focus, .pods-form-ui-field.pods-error textarea:focus, .pods-form-ui-field.pods-error select:focus {
  border-color: var(--danger-color);
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
}
.pods-form-ui-field.pods-success input, .pods-form-ui-field.pods-success textarea, .pods-form-ui-field.pods-success select {
  border-color: var(--success-color);
}
.pods-form-ui-field.pods-success input:focus, .pods-form-ui-field.pods-success textarea:focus, .pods-form-ui-field.pods-success select:focus {
  border-color: var(--success-color);
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}
.description.pods-form-ui-comment {
  font-size: 14px;
  color: var(--text-color);
  opacity: 0.8;
  margin-top: 0.25rem;
  line-height: 1.4;
}
.description.pods-form-ui-comment a {
  color: var(--brand-color);
  text-decoration: none;
}
.description.pods-form-ui-comment a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .moa-bps-pods .pods-form-ui-field {
    margin-bottom: var(--moa-y-sd-tablet);
  }
  .moa-bps-pods .pods-form-ui-field input, .moa-bps-pods .pods-form-ui-field textarea, .moa-bps-pods .pods-form-ui-field select {
    padding: 0.6rem;
  }
  .moa-bps-pods .pods-form-front .pods-submit .pods-submit-button {
    padding: 0.6rem 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .moa-bps-pods .pods-form-ui-field {
    margin-bottom: var(--moa-y-sd-mobile);
  }
  .moa-bps-pods .pods-form-ui-field input, .moa-bps-pods .pods-form-ui-field textarea, .moa-bps-pods .pods-form-ui-field select {
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  .moa-bps-pods .pods-form-front .pods-submit .pods-submit-button {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
}
.section .moa-bps-pods .pods-form-ui-field label {
  color: var(--heading-color);
}
.section .moa-bps-pods .pods-form-ui-field input, .section .moa-bps-pods .pods-form-ui-field textarea, .section .moa-bps-pods .pods-form-ui-field select {
  background: var(--card-bg);
  color: var(--text-color);
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values, .section-dark-text .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values {
  background: var(--bg2);
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value, .section-dark-text .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value {
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .section-dark-text .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--bg);
}
.light .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .light2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .section-light-text .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--subtle-color);
}
.moa-styles .pods-form-ui-field input[type="text"], .moa-styles .pods-form-ui-field input[type="email"], .moa-styles .pods-form-ui-field input[type="password"], .moa-styles .pods-form-ui-field input[type="number"], .moa-styles .pods-form-ui-field input[type="tel"], .moa-styles .pods-form-ui-field input[type="url"], .moa-styles .pods-form-ui-field textarea, .moa-styles .pods-form-ui-field select {
  padding: 15px 20px;
}
.moa-styles input[type="text"], .moa-styles input[type="number"], .moa-styles input[type="email"], .moa-styles input[type="url"], .moa-styles input[type="password"], .moa-styles input[type="search"], .moa-styles input[type="reset"], .moa-styles input[type="tel"], .moa-styles input[type="date"], .moa-styles select {
  height: auto;
}
@media screen and (max-width: 967px) {
  :root {
    --moa-x: var(--moa-x-tablet);
    --moa-y-sd: var(--moa-y-sd-tablet);
    --moa-y-lg: var(--moa-y-lg-tablet);
    --moa-y-xl: var(--moa-y-xl-tablet);
    --moa-y-xxl: var(--moa-y-xxl-tablet);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-tablet) var(--moa-x-tablet);
  }
  .moa-border-rounding {
    border-radius: 10px;
  }
}
@media screen and (max-width: 512px) {
  :root {
    --moa-x: var(--moa-x-mobile);
    --moa-y-sd: var(--moa-y-sd-mobile);
    --moa-y-lg: var(--moa-y-lg-mobile);
    --moa-y-xl: var(--moa-y-xl-mobile);
    --moa-y-xxl: var(--moa-y-xxl-mobile);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-mobile) var(--moa-x-mobile);
  }
  .moa-border-rounding {
    border-radius: 10px;
  }
}
@media screen and (max-width: 992px) {
  .moa-sm, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
    padding: 10px var(--moa-x-tablet);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-tablet) var(--moa-x-tablet);
  }
}
@media screen and (max-width: 768px) {
  .moa-sm, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
    padding: 10px var(--moa-x-mobile);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-mobile) var(--moa-x-mobile);
  }
}