/* Layout fallback for pages moved into the BuddyBoss template (their Elementor page CSS is not in the Web Archive). */
/* buttons */
.elementor-button { display: inline-block; padding: 12px 28px; border-radius: 30px; background: #0ab0f5; color: #fff !important; font-weight: 700; line-height: 1.2; text-decoration: none !important; }
.elementor-button .elementor-button-text { color: #fff; }
.elementor-button:hover { opacity: .9; }

/* flex containers of newer Elementor versions */
.e-con { display: flex; flex-direction: column; gap: 20px; padding: 10px 0; }
.e-con-boxed > .e-con-inner { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 1140px; margin: 0 auto; }
.e-con.e-con--row, .e-con-inner.e-con--row { flex-direction: row; flex-wrap: wrap; }
.e-con > .e-con, .e-con-inner > .e-con { flex: 1 1 280px; }
.elementor-widget-image img { max-width: 100%; height: auto; }
.elementor-widget-video .elementor-wrapper { aspect-ratio: 16 / 9; }
.elementor-widget-video iframe, .elementor-widget-video video { width: 100%; height: 100%; }
@media (max-width: 767px) { .e-con.e-con--row, .e-con-inner.e-con--row { flex-direction: column; } }