.ve-preloader {
position: absolute;
inset: 0;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
background: var(--bs-body-bg, #0b0b0c);
color: var(--bs-body-color, #fff);
transition: opacity .16s ease, visibility .16s ease;
} html {
scrollbar-gutter: stable;
}
[data-bs-theme="light"] .ve-preloader {
background: var(--bs-body-bg, #ffffff);
color: var(--bs-body-color, #212529);
}
.ve-preloader__spinner {
width: 3rem;
height: 3rem;
border-radius: 50%;
border: .3rem solid currentColor;
border-right-color: transparent;
animation: ve-spin .75s linear infinite;
}
.ve-preloader--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.ve-like[aria-pressed="true"]{font-weight:700;color:var(--bs-success,#198754)}
.ve-like[aria-pressed="true"] i,
.ve-like[aria-pressed="true"] .ve-like-count{color:inherit}
.ve-favorite[aria-pressed="true"]{font-weight:700}
.ve-badge-dot{
width:.55rem;
height:.55rem;
min-width:.55rem;
padding:0;
font-size:0;
line-height:0;
display:inline-flex;
align-items:center;
justify-content:center;
} .ve-chip {
display: inline-flex;
align-items: center;
gap: .25rem;
padding: .35rem .85rem;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.35);
background-color: transparent;
color: inherit;
font-size: .85rem;
font-weight: 500;
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ve-chip:hover,
.ve-chip:focus-visible {
background-color: rgba(255,255,255,.12);
color: inherit;
text-decoration: none;
}
.ve-chip.active {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #000;
}
.btn-check:checked + .ve-chip {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #000;
}
[data-bs-theme="light"] .btn-check:checked + .ve-chip {
color: #fff;
}
[data-bs-theme="dark"] .btn-check:checked + .ve-chip {
background-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
color: #000;
}
.btn-check:focus-visible + .ve-chip {
outline: 0;
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
.ve-event-hero {
position: relative;
overflow: hidden;
border-radius: 0.5rem;
min-height: 220px;
}
.ve-event-featured-media,
.ve-event-featured-media img {
width: 100%;
}
.ve-event-featured-media img {
display: block;
height: auto;
}
.ve-event-meta-overlay {
position: absolute;
inset: auto auto 1rem 1rem;
z-index: 2;
width: min(100% - 2rem, 36rem);
}
.ve-event-meta-chip {
border-color: var(--ve-chip-pill-border, rgba(255, 255, 255, 0.35));
background-color: color-mix(in srgb, var(--bs-body-bg, #fff) 78%, transparent);
color: var(--bs-body-color, #212529);
cursor: default;
pointer-events: none;
backdrop-filter: blur(10px);
}
:root[data-bs-theme="dark"] .ve-event-meta-chip {
background-color: color-mix(in srgb, var(--bs-body-bg, #000) 70%, transparent);
color: var(--bs-body-color, #f8f9fa);
}
@media (max-width: 575.98px) {
.ve-event-hero {
min-height: 180px;
}
.ve-event-meta-overlay {
inset: auto 0.75rem 0.75rem 0.75rem;
width: auto;
}
}
.ve-events-card-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px) {
.ve-events-card-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.ve-events-card {
min-width: 0;
}
.ve-events-card__link {
display: block;
}
.ve-events-card__hero {
min-height: 180px;
}
.ve-events-card__hero .ve-event-featured-media,
.ve-events-card__hero .ve-event-featured-media img {
height: 100%;
}
.ve-events-card__hero .ve-event-featured-media img {
object-fit: cover;
}
.ve-events-card__hero .ve-event-meta-overlay {
inset: auto 0.75rem 0.75rem 0.75rem;
width: auto;
}
.ve-events-card__hero .ve-event-meta-chip {
font-size: 0.75rem;
padding: 0.25rem 0.55rem;
}
.ve-chip.ve-chip--security {
color: var(--ve-security-color, inherit);
background-color: transparent !important;
}
[data-bs-theme="dark"] .ve-chip.ve-chip--security {
color: var(--ve-security-color, inherit) !important;
}
.ve-chip.ve-chip--security:hover,
.ve-chip.ve-chip--security:focus-visible {
color: var(--ve-security-color, inherit);
background-color: transparent !important;
}
.ve-chip.ve-chip--security i,
.ve-chip.ve-chip--security span,
.ve-chip.ve-chip--security a {
color: inherit;
}
.ve-chip.ve-chip--security.active,
.btn-check:checked + .ve-chip.ve-chip--security {
background-color: #fff !important;
border-color: #fff !important;
color: var(--ve-security-color, inherit);
}
[data-bs-theme="light"] .ve-chip.ve-chip--security.active,
[data-bs-theme="light"] .btn-check:checked + .ve-chip.ve-chip--security {
background-color: var(--ve-security-color, #0d6efd) !important;
border-color: rgba(0,0,0,.2) !important;
color: #fff !important;
}
.ve-chip .badge {
font-size: .7rem;
line-height: 1;
padding: .2rem .45rem;
}
[data-bs-theme="light"] .ve-chip__icon {
color: inherit;
}
.ve-chip-badge-wrap {
position: relative;
display: flex;
flex: 0 0 auto;
}
.ve-chip-badge {
position: absolute;
top: 0;
right: .35rem;
transform: translate(25%, -50%);
pointer-events: none;
z-index: 1;
width: 1.5rem;
height: 1.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .75rem;
line-height: 1;
padding: 0;
border-radius: 999px;
}
[data-bs-theme="dark"] [data-ve-notifications-tabs] .ve-chip-badge {
color: #000 !important;
}
[data-bs-theme="dark"] [data-ve-group-chips] .ve-chip-badge {
color: #000 !important;
}
[data-bs-theme="dark"] [data-ve-settings-chips] .ve-chip-badge {
color: #000 !important;
}
@media (max-width: 575.98px) {
[data-ve-notifications-tabs] .ve-chip__label {
display: none;
}
}
[data-bs-theme="light"] .ve-chip {
border-color: rgba(0,0,0,.2);
}
[data-bs-theme="light"] .ve-chip:hover,
[data-bs-theme="light"] .ve-chip:focus-visible {
background-color: rgba(0,0,0,.05);
}
[data-bs-theme="light"] .ve-chip.active {
color: #fff;
}
[data-bs-theme="light"] .ve-chip.active,
[data-bs-theme="light"] .ve-chip.active:hover,
[data-bs-theme="light"] .ve-chip.active:focus-visible,
[data-bs-theme="light"] .btn-check:checked + .ve-chip:hover,
[data-bs-theme="light"] .btn-check:checked + .ve-chip:focus-visible {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #fff;
}
[data-bs-theme="dark"] .ve-chip.active {
background-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
color: #000;
} [data-ve-settings-chips] .ve-chip,
[data-ve-notifications-tabs] .ve-chip,
[data-ve-profile-chips] .ve-chip,
[data-ve-profile-group-chips] .ve-chip {
--ve-chip-pill-border: rgba(255, 255, 255, 0.35);
--ve-chip-pill-hover-bg: rgba(255, 255, 255, 0.12);
--ve-chip-pill-active-bg: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-border: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-color: #000;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
background-color: transparent;
color: inherit;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
[data-ve-settings-chips] .ve-chip:hover,
[data-ve-settings-chips] .ve-chip:focus-visible,
[data-ve-notifications-tabs] .ve-notifications-tab:hover,
[data-ve-notifications-tabs] .ve-notifications-tab:focus-visible,
[data-ve-profile-chips] .ve-chip:hover,
[data-ve-profile-chips] .ve-chip:focus-visible,
[data-ve-profile-group-chips] .ve-chip:hover,
[data-ve-profile-group-chips] .ve-chip:focus-visible {
background-color: var(--ve-chip-pill-hover-bg);
color: inherit;
text-decoration: none;
}
[data-ve-settings-chips] .ve-chip:focus-visible,
[data-ve-notifications-tabs] .ve-notifications-tab:focus-visible,
[data-ve-profile-chips] .ve-chip:focus-visible,
[data-ve-profile-group-chips] .ve-chip:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
[data-ve-settings-chips] .ve-chip.active,
[data-ve-notifications-tabs] .ve-notifications-tab.active,
[data-ve-profile-chips] .ve-chip.active {
background-color: var(--ve-chip-pill-active-bg);
border-color: var(--ve-chip-pill-active-border);
color: var(--ve-chip-pill-active-color);
font-weight: 600;
}
:root[data-bs-theme="light"] [data-ve-settings-chips] .ve-chip,
:root[data-bs-theme="light"] [data-ve-notifications-tabs] .ve-notifications-tab,
:root[data-bs-theme="light"] [data-ve-profile-chips] .ve-chip,
:root[data-bs-theme="light"] [data-ve-profile-group-chips] .ve-chip {
--ve-chip-pill-border: rgba(0, 0, 0, 0.2);
--ve-chip-pill-hover-bg: rgba(0, 0, 0, 0.05);
--ve-chip-pill-active-color: #fff;
}
:root[data-bs-theme="dark"] [data-ve-settings-chips] .ve-chip,
:root[data-bs-theme="dark"] [data-ve-notifications-tabs] .ve-notifications-tab,
:root[data-bs-theme="dark"] [data-ve-profile-chips] .ve-chip,
:root[data-bs-theme="dark"] [data-ve-profile-group-chips] .ve-chip {
--ve-chip-pill-active-bg: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-border: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-color: #000;
}
.ve-chip.active i,
.ve-chip.active span,
.ve-chip.active a {
color: inherit;
}
.ve-chip:focus-visible {
outline: 0;
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
} .ve-follow-tabs {
display: flex;
flex-wrap: wrap;
gap: .5rem;
margin: 1rem 0;
}
.ve-follow-feed-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
flex-wrap: nowrap;
margin: 1rem 0;
width: 100%;
}
.ve-follow-feed-header .ve-follow-tabs,
.ve-follow-feed-header .ve-feed-toolbar {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ve-follow-feed-header .ve-feed-toolbar {
display: inline-flex !important;
flex: 1 1 auto;
margin-left: auto;
min-width: 0;
}
.ve-feed-toolbar-title {
min-width: 0;
}
.ve-feed-toolbar-controls {
flex: 0 0 auto;
}
.ve-following-list {
display: flex;
flex-wrap: nowrap;
gap: .5rem;
overflow-x: auto;
padding: .25rem;
align-items: flex-start;
}
.ve-following-avatar-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: .25rem;
flex: 0 0 auto;
position: relative;
}
.ve-following-avatar {
width: 52px;
height: 52px;
padding: 0;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.35);
background: rgba(255,255,255,.06);
color: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
overflow: visible;
position: relative;
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ve-following-avatar img {
width: 100%;
height: 100%;
border-radius: 999px;
object-fit: cover;
position: relative;
z-index: 1;
}
.ve-following-avatar__placeholder {
font-weight: 600;
font-size: .95rem;
position: relative;
z-index: 1;
}
.ve-following-avatar-badge {
position: absolute;
top: -0.15rem;
right: -0.15rem;
min-width: 1.25rem;
height: 1.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .65rem;
line-height: 1;
padding: 0 .3rem;
border-radius: 999px;
pointer-events: none;
z-index: 10;
}
.ve-following-remove {
position: absolute;
top: -0.2rem;
left: -0.2rem;
width: 1.2rem;
height: 1.2rem;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.5);
background: rgba(0,0,0,.6);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .55rem;
line-height: 1;
padding: 0;
z-index: 12;
cursor: pointer;
}
.ve-following-remove:hover,
.ve-following-remove:focus-visible {
background: rgba(220,53,69,.9);
border-color: rgba(220,53,69,.9);
}
[data-bs-theme="light"] .ve-following-remove {
background: rgba(255,255,255,.95);
color: #212529;
border-color: rgba(0,0,0,.2);
}
[data-bs-theme="light"] .ve-following-remove:hover,
[data-bs-theme="light"] .ve-following-remove:focus-visible {
background: rgba(220,53,69,.9);
border-color: rgba(220,53,69,.9);
color: #fff;
}
.ve-following-chip {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .15rem .45rem;
border-radius: 999px;
font-size: .62rem;
line-height: 1;
border: 1px solid rgba(255,255,255,.25);
background: rgba(255,255,255,.08);
color: inherit;
text-transform: uppercase;
letter-spacing: .02em;
white-space: nowrap;
max-width: 5.75rem;
overflow: hidden;
text-overflow: ellipsis;
}
.ve-following-chip--ghost {
visibility: hidden;
}
.ve-following-avatar-chip {
max-width: 52px;
width: 52px;
font-size: 0.5rem;
box-sizing: border-box;
}
.ve-following-avatar--add {
border-style: dashed;
}
.ve-following-avatar:hover,
.ve-following-avatar:focus-visible {
background-color: rgba(255,255,255,.12);
}
.ve-following-avatar.active {
border-color: var(--bs-primary, #0d6efd);
border-width: 2px;
box-shadow: 0 0 0 .3rem rgba(13,110,253,.35);
}
[data-bs-theme="light"] .ve-following-avatar {
border-color: rgba(0,0,0,.2);
background: rgba(0,0,0,.04);
}
[data-bs-theme="light"] .ve-following-avatar:hover,
[data-bs-theme="light"] .ve-following-avatar:focus-visible {
background: rgba(0,0,0,.08);
}
.ve-following-option {
display: flex;
align-items: center;
gap: .75rem;
}
.ve-following-option__avatar-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: .25rem;
flex: 0 0 auto;
}
.ve-following-option__avatar {
width: 40px;
height: 40px;
border-radius: 999px;
object-fit: cover;
background: rgba(255,255,255,.08);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
[data-bs-theme="light"] .ve-following-chip {
border-color: rgba(0,0,0,.15);
background: rgba(0,0,0,.06);
}
.ve-follow-avatar-trigger {
width: 48px;
height: 48px;
border-radius: 999px;
border: 1px dashed rgba(255,255,255,.35);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: rgba(255,255,255,.06);
transition: background-color .2s ease, border-color .2s ease;
}
.ve-follow-avatar-trigger:hover,
.ve-follow-avatar-trigger:focus-visible {
background: rgba(255,255,255,.12);
}
[data-bs-theme="light"] .ve-follow-avatar-trigger {
border-color: rgba(0,0,0,.2);
background: rgba(0,0,0,.04);
}
.ve-follow-avatar-placeholder {
width: 48px;
height: 48px;
border-radius: 999px;
border: 1px dashed rgba(255,255,255,.35);
display: inline-flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,.6);
background: rgba(255,255,255,.04);
}
[data-bs-theme="light"] .ve-follow-avatar-placeholder {
border-color: rgba(0,0,0,.2);
color: rgba(0,0,0,.45);
background: rgba(0,0,0,.04);
}
.is-loading {
position: relative;
pointer-events: none;
opacity: .85;
}
.is-loading::after{
content: "";
display: inline-block;
width: 1rem; height: 1rem;
border: .15em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
margin-left: .5rem;
vertical-align: -0.125em;
animation: ve-spin .6s linear infinite;
}
@keyframes ve-spin { to { transform: rotate(360deg); } } #ve-toast-host { z-index: 1080; } .ve-btn-accent,
.ve-btn-accent-outline,
.ve-link-accent {
transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ve-btn-accent {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
}
.ve-btn-accent:hover,
.ve-btn-accent:focus,
.ve-btn-accent:active {
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 90%, black 10%);
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
}
[data-bs-theme="dark"] .ve-btn-accent:hover,
[data-bs-theme="dark"] .ve-btn-accent:focus,
[data-bs-theme="dark"] .ve-btn-accent:active {
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 82%, white 18%);
}
.ve-btn-accent-outline {
color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
background-color: transparent;
}
.ve-btn-accent-outline:hover,
.ve-btn-accent-outline:focus,
.ve-btn-accent-outline:active {
color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 95%, black 5%);
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 12%, transparent);
}
[data-bs-theme="dark"] .ve-btn-accent-outline:hover,
[data-bs-theme="dark"] .ve-btn-accent-outline:focus,
[data-bs-theme="dark"] .ve-btn-accent-outline:active {
color: var(--ve-dark-button-text, #000);
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 85%, transparent);
}
.ve-btn-accent:focus-visible,
.ve-btn-accent-outline:focus-visible {
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
.ve-link-accent {
color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
font-weight: 600;
text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 60%, transparent);
}
.ve-link-accent:hover,
.ve-link-accent:focus {
color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 90%, black 10%);
text-decoration-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 85%, transparent);
}
[data-bs-theme="dark"] .ve-link-accent:hover,
[data-bs-theme="dark"] .ve-link-accent:focus {
color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 85%, white 15%);
} .page-template-page-landing .ve-landing-cta-btn,
.page-template-page-landing-php .ve-landing-cta-btn {
--ve-landing-cta-bg: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-landing-cta-border: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-landing-cta-color: #000;
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
background-color: var(--ve-landing-cta-bg);
border: 1px solid var(--ve-landing-cta-border);
color: var(--ve-landing-cta-color) !important;
transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.page-template-page-landing .ve-landing-cta-btn:hover,
.page-template-page-landing .ve-landing-cta-btn:focus-visible,
.page-template-page-landing-php .ve-landing-cta-btn:hover,
.page-template-page-landing-php .ve-landing-cta-btn:focus-visible {
color: var(--ve-landing-cta-color) !important;
background-color: var(--ve-landing-cta-bg);
border-color: var(--ve-landing-cta-border);
transform: translateY(-1px);
box-shadow: 0 8px 24px -14px color-mix(in srgb, var(--ve-landing-cta-bg) 65%, transparent);
text-decoration: none;
}
:root[data-bs-theme="light"] .page-template-page-landing .ve-landing-cta-btn,
:root[data-bs-theme="light"] .page-template-page-landing-php .ve-landing-cta-btn {
--ve-landing-cta-color: #fff;
}
:root[data-bs-theme="dark"] .page-template-page-landing .ve-landing-cta-btn,
:root[data-bs-theme="dark"] .page-template-page-landing-php .ve-landing-cta-btn {
--ve-landing-cta-bg: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-landing-cta-border: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-landing-cta-color: #000;
}
.ve-alert--restricted {
padding: 2rem 1.5rem;
background-color: var(--bs-body-bg, transparent);
border: 1px solid var(--bs-border-color, rgba(108, 117, 125, 0.4));
color: var(--bs-body-color, #212529);
}
[data-bs-theme="dark"] .ve-alert--restricted {
background-color: var(--bs-body-bg, transparent);
border-color: var(--bs-border-color, rgba(255, 255, 255, 0.25));
color: var(--bs-body-color, #f8f9fa);
}
.ve-alert--restricted__eyebrow {
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 600;
color: var(--bs-secondary-color, #6c757d);
}
.ve-alert--restricted__headline {
font-weight: 600;
color: var(--bs-heading-color, currentColor);
}
.ve-alert--restricted__copy {
color: var(--bs-body-color, currentColor);
}
.alert[data-ve-auto-dismiss] {
transition: opacity 0.25s ease, transform 0.25s ease;
}
.alert[data-ve-auto-dismiss].ve-alert--dismiss {
opacity: 0;
transform: translateY(-6px);
}
.ve-settings-alerts {
position: fixed;
top: 50%;
left: 50%;
z-index: 1080;
transform: translate(-50%, -50%);
width: 90vw;
max-width: 520px;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.ve-settings-alerts .alert {
margin: 0 !important;
box-shadow: 0 16px 36px -24px rgba(0, 0, 0, 0.45);
}
@media (prefers-reduced-motion: reduce) {
.alert[data-ve-auto-dismiss] {
transition: none;
}
}
.ve-feed article {
transition: background .2s;
}
.ve-feed article:hover {
background: rgba(255,255,255,0.03);
}
.ve-feed img {
max-width: 100%;
border-radius: 0.25rem;
} .ve-feed--single .post-media,
.ve-feed--single .post-featured,
.ve-following-single-page .post-media,
.ve-following-single-page .post-featured {
display: flex;
align-items: center;
justify-content: center;
}
.ve-feed--single .post-media img,
.ve-feed--single .post-media video,
.ve-feed--single .post-featured img,
.ve-feed--single .post-featured video,
.ve-feed--single .content img,
.ve-feed--single .content video,
.ve-feed--single .content iframe,
.ve-following-single-page .post-media img,
.ve-following-single-page .post-media video,
.ve-following-single-page .post-featured img,
.ve-following-single-page .post-featured video,
.ve-following-single-page .post-content img,
.ve-following-single-page .post-content video,
.ve-following-single-page .post-content iframe {
display: block;
margin-left: auto;
margin-right: auto;
}
.ve-feed--single .content figure,
.ve-following-single-page .post-content figure {
margin-left: auto;
margin-right: auto;
}
.ve-favorite[aria-pressed="true"] {
color: var(--bs-warning, #f0ad4e);
}
.ve-post-actions-trigger {
color: var(--bs-secondary-color);
}
.ve-post-actions-trigger:hover,
.ve-post-actions-trigger:focus {
color: var(--bs-body-color);
}
#ve-feed {
min-height: 100px; 
}
#ve-feed .ve-feed-loading {
background: rgba(0,0,0,0.1);
}
.post-media .ve-video-player.ve-video--portrait {
width: 100%;
max-width: 360px;
height: var(--ve-video-portrait-height, auto);
max-height: 80vh;
object-fit: cover;
border-radius: 1rem;
display: block;
margin-left: auto;
margin-right: auto;
}
.ve-feed .post-media .ve-media.ve-media--portrait,
.ve-feed--single .post-media .ve-media.ve-media--portrait,
.ve-feed-latest .post-media .ve-media.ve-media--portrait,
.post-media .ve-media.ve-media--portrait {
width: 100%;
max-width: 360px;
height: auto;
max-height: 80vh;
object-fit: contain;
border-radius: 1rem;
display: block;
margin-left: auto;
margin-right: auto;
}
.ve-feed .post-media .wp-block-embed,
.ve-feed--single .post-media .wp-block-embed,
.ve-feed-latest .post-media .wp-block-embed,
.post-media .wp-block-embed,
.ve-feed .post-media .wp-block-embed__wrapper,
.ve-feed--single .post-media .wp-block-embed__wrapper,
.ve-feed-latest .post-media .wp-block-embed__wrapper,
.post-media .wp-block-embed__wrapper {
width: 100%;
max-width: 100%;
}
.ve-feed .post-media iframe,
.ve-feed--single .post-media iframe,
.ve-feed-latest .post-media iframe,
.post-media iframe {
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
height: auto;
display: block;
}
@media (min-width: 992px) {
.post-media .ve-video-player.ve-video--portrait {
max-width: clamp(280px, 22vw, 420px);
}
.ve-feed .post-media .ve-video-player.ve-video--portrait,
.ve-feed--single .post-media .ve-video-player.ve-video--portrait,
.ve-feed-latest .post-media .ve-video-player.ve-video--portrait {
width: 50% !important;
max-width: 50%;
}
.ve-feed .post-media .ve-media.ve-media--portrait,
.ve-feed--single .post-media .ve-media.ve-media--portrait,
.ve-feed-latest .post-media .ve-media.ve-media--portrait,
.post-media .ve-media.ve-media--portrait {
max-width: clamp(280px, 22vw, 420px);
}
}
.ve-video-player:fullscreen,
.ve-video-player:-webkit-full-screen,
.ve-video-player:-moz-full-screen,
.ve-video-player:-ms-fullscreen,
.ve-video-player.ve-video--fullscreen {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
background: #000;
border-radius: 0 !important;
margin: 0 !important;
}
@media (min-width: 992px) and (orientation: landscape) {
.ve-video-player.ve-video--portrait:fullscreen,
.ve-video-player.ve-video--portrait:-webkit-full-screen,
.ve-video-player.ve-video--portrait:-moz-full-screen,
.ve-video-player.ve-video--portrait:-ms-fullscreen,
.ve-video-player.ve-video--portrait.ve-video--fullscreen {
width: auto !important;
height: 100% !important;
max-width: 100vw !important;
max-height: 100vh !important;
object-fit: contain !important;
}
}
.ve-comment .media { align-items: flex-start; }
.ve-comment img { display:block; }
.ve-comment .ve-reply-form textarea { resize: vertical; }
.ve-post-content {
display: -webkit-box;
-webkit-line-clamp: 5; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .ve-fab {
position: fixed;
bottom: 1.5rem;
left: 1.5rem;
z-index: 1050;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
transition: transform 0.2s ease-in-out;
}
.ve-fab:hover {
transform: scale(1.1);
}
@media (max-width: 767.98px) {
.ve-fab {
bottom: 4.5rem!important;
left: .5rem!important;
}
}
.feed-item.clickable { cursor: pointer; }
.feed-item.clickable:hover {
background-color: rgb(239 239 239);
transition: background-color 0.2s ease-in-out;
}
.feed-item {
position: relative;
}
.feed-item + .feed-item {
margin-top: 1rem;
}
.ve-posts-legacy__grid > .feed-item + .feed-item,
.lista-posts-grid > .feed-item + .feed-item {
margin-top: 0 !important;
}
.ve-posts-legacy__grid > .feed-item,
.lista-posts-grid > .feed-item,
.ve-posts-legacy__grid > .lista-posts-item,
.lista-posts-grid > .lista-posts-item {
margin-top: 0 !important;
}
.ve-posts-legacy__card[data-ve-card-link] {
position: relative;
cursor: pointer;
}
.ve-posts-legacy__card .ve-event-featured-media {
position: relative;
overflow: hidden;
display: block;
}
.ve-posts-legacy__card .ve-event-featured-media > a,
.ve-posts-legacy__card .ve-event-featured-media > img {
display: block;
width: 100%;
}
.ve-posts-legacy__card .ve-event-featured-media img {
display: block;
width: 100%;
height: auto;
}
.ve-posts-legacy__card .ve-event-featured-media .ve-event-meta-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: .6rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .72) 100%);
z-index: 2;
}
.ve-posts-legacy__card .ve-event-featured-media .ve-event-meta-chip {
background: rgba(255, 255, 255, .18);
color: #fff;
border-color: rgba(255, 255, 255, .28);
}
:root[data-bs-theme="light"] .ve-posts-legacy__card[data-ve-card-link]:hover {
background-color: rgb(239 239 239);
transition: background-color .2s ease-in-out;
}
:root[data-bs-theme="dark"] .ve-posts-legacy__card[data-ve-card-link]:hover {
background-color: #0a0a0a !important;
}
.comment-list .feed-item {
background-color: var(--bs-dark, #000);
}
.ve-autocomplete-dropdown {
max-height: 220px;
overflow-y: auto;
z-index: 1060;
}
.ve-autocomplete-dropdown .list-group-item {
cursor: pointer;
}
.ve-autocomplete-dropdown .list-group-item.active,
.ve-autocomplete-dropdown .list-group-item:hover {
background: var(--bs-primary);
color: #fff;
}
.ve-hashtag {
color: var(--bs-secondary);
font-weight: 600;
text-decoration: none;
text-decoration-color: color-mix(in srgb, var(--bs-secondary) 60%, transparent);
}
.ve-hashtag:hover,
.ve-hashtag:focus {
color: var(--bs-secondary);
text-decoration-color: color-mix(in srgb, var(--bs-secondary) 80%, transparent);
}
.ve-feed-body {
position: relative;
}
.ve-feed-qr-thumbnail {
flex: 0 0 auto;
width: 30px;
max-width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.ve-feed-qr-thumbnail--video {
position: absolute;
top: -3.5rem;
right: 2rem;
z-index: 3;
}
.ve-feed-qr-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
background-color: #fff;
border: 0;
padding: 2px;
}
.ve-feed .post-media,
.ve-feed .post-featured {
position: relative;
overflow: visible;
}
.feed-item.clickable:hover .post-media {
background-color: rgb(239 239 239);
transition: background-color 0.2s ease-in-out;
}
:root[data-bs-theme="dark"] .feed-item.clickable:hover .post-media {
background-color: #0a0a0a !important;
}
.feed-item.clickable:hover .post-content {
background-color: rgb(239 239 239);
transition: background-color 0.2s ease-in-out;
}
:root[data-bs-theme="dark"] .feed-item.clickable:hover .post-content {
background-color: #0a0a0a !important;
}
.ve-feed-group-badges {
position: absolute;
top: -2.7rem;
right: 5rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: .35rem;
pointer-events: none;
max-width: calc(100% - 1rem);
margin-left: auto;
z-index: 2;
transform: translateY(-35%);
}
.ve-feed-group-badges--inline {
position: static;
top: auto;
right: auto;
transform: none;
pointer-events: auto;
max-width: none;
margin-left: 0;
z-index: auto;
} .ve-posts-combined .feed-item {
overflow: hidden !important;
display: flex;
flex-direction: column;
height: auto;
}
.ve-posts-combined .post-media,
.ve-posts-combined .post-featured {
position: relative;
overflow: hidden !important;
border-radius: 1rem;
}
.ve-posts-combined .ve-feed-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: hidden !important;
max-width: 100%;
}
.ve-posts-combined .post-media img,
.ve-posts-combined .post-featured img,
.ve-posts-combined .post-media video,
.ve-posts-combined .post-featured video {
display: block;
width: 100%;
height: auto;
}
.ve-posts-combined .post-content {
overflow: hidden !important;
max-width: 100%;
} @media (min-width: 992px) {
.ve-posts-combined__grid .row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: var(--ve-masonry-row, 10px);
gap: var(--bs-gutter-y, 1.5rem) var(--bs-gutter-x, 1.5rem);
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding: 0;
}
.ve-posts-combined__grid .col {
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
margin: 0;
}
.ve-posts-combined__grid .feed-item {
height: auto !important;
}
}
.ve-feed-group-badge {
display: inline-flex;
align-items: center;
background: var(--bs-primary-bg-subtle, rgba(13,110,253,.15));
color: var(--bs-primary-text-emphasis, #0d6efd);
border: 1px solid var(--bs-primary-border-subtle, rgba(13,110,253,.35));
font-size: .6rem;
font-weight: 600;
line-height: 1;
padding: .35rem .75rem;
letter-spacing: .05em;
pointer-events: none;
}
[data-bs-theme="dark"] .ve-feed-group-badge {
background: rgba(77,163,255,.18);
border-color: rgba(77,163,255,.32);
color: rgba(226,242,255,.9);
}
#ve-forward-suggestions {
max-height: 220px;
overflow-y: auto;
z-index: 1060;
}
#ve-forward-suggestions .list-group-item {
cursor: pointer;
}
#ve-forward-suggestions .list-group-item.active,
#ve-forward-suggestions .list-group-item:hover {
background: var(--bs-primary);
color: #fff;
}
.fs-7 {
font-size: 0.7rem;
}
.pc01-content-unclamped .pc01-justify{
text-align: justify;
hyphens: auto;
font-family: "Arial", Sans-serif; 
font-size: 14px; 
font-weight: 300; 
}
.pc01-line-clamp-5 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: justify; 
} .header-logo {
width: 70px;
height: 70px;
max-height: 70px;
margin-left: 10px;
display: block;
}
.ve-header-brand {
gap: 0.65rem;
min-width: 0;
}
.ve-header-brand .header-logo {
flex: 0 0 auto;
}
.ve-header-brand .header-logo--svg {
color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--svg-color: currentColor;
--logo-color: currentColor;
--logo-outline: transparent;
--logo-text-color: #000;
contain: paint;
background:
radial-gradient(
circle at center,
rgba(var(--ve-dark-accent-rgb, var(--bs-primary-rgb, 13, 110, 253)), 0.22) 0 65.52%,
transparent 66.52%
);
}
:root[data-bs-theme="dark"] .ve-header-brand .header-logo--svg {
--logo-text-color: #fff;
}
.ve-header-brand .header-logo--svg .logo-text-outline,
.ve-header-brand .header-logo--svg .logo-text-fill {
display: none;
}
.ve-header-brand .header-logo--svg .logo-mark-fill {
animation: none;
fill: var(--logo-color);
}
@keyframes veHeaderLogoMarkFill {
0%,
99% {
fill: url(#veHeaderLogoGradient);
}
100% {
fill: var(--logo-color);
}
}
.ve-header-brand-text {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-self: stretch;
min-width: 0;
max-width: min(44vw, 340px);
margin-left: -14px;
margin-bottom: 0.125rem;
line-height: 1.05;
}
.ve-header-site-title,
.ve-header-site-description {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Avenir Next", "Avenir", "Futura", "Century Gothic", "Montserrat", "Segoe UI", sans-serif;
}
.ve-header-site-title,
.ve-header-site-description {
line-height: 1.1;
letter-spacing: 0.055em;
font-size: clamp(0.475rem, 0.21vw + 0.45rem, 0.61rem);
}
.ve-header-site-title {
font-weight: 600;
}
.ve-header-site-description {
color: var(--bs-body-color);
font-weight: 400;
opacity: 0.8;
text-align: center;
}
@media (max-width: 767.98px) {
.ve-header-brand .header-logo--svg {
background:
radial-gradient(
circle at center,
rgba(var(--ve-dark-accent-rgb, var(--bs-primary-rgb, 13, 110, 253)), 0.22) 0 72%,
transparent 73%
) !important;
}
.ve-header-brand-text {
max-width: 36vw;
margin-bottom: -0.125rem !important;
}
.ve-header-brand .ve-header-site-title {
letter-spacing: 0.035em;
font-size: 0.72rem !important;
font-weight: 500 !important;
margin-bottom: -0.125rem !important;
}
.ve-header-brand .ve-header-site-description {
letter-spacing: 0.035em;
font-size: 0.84rem !important;
font-weight: 500 !important;
margin-bottom: -0.125rem !important;
opacity: 0.9 !important;
text-align: center !important;
}
}
#siteHeader { z-index: 9999 !important;}
#siteHeader nav { position: sticky; z-index: 9999; }
#siteHeader { backdrop-filter: saturate(1.2) blur(6px); }
#siteHeader nav[role="navigation"] { opacity: 1; visibility: visible; }
#siteHeader nav[role="navigation"] .ve-header-quick-link,
#siteHeader nav[role="navigation"] #toggleTheme,
#siteHeader nav[role="navigation"] #ve-logout-btn,
#siteHeader nav[role="navigation"] #ve-login-btn {
opacity: 1;
visibility: visible;
}
@media (max-width: 767.98px) {
#siteHeader .ve-header-posts-link {
display: none !important;
}
#siteHeader .ve-header-greeting {
display: none !important;
}
}
.pc-title, .pc-title-downloads{
display:flex;
align-items:center;
gap:.5rem;
padding:.5rem .75rem;
margin-bottom:1rem;       
border-radius:.25rem; 
font-style: italic;
}
.pc-title{
background:#2A5388;  
color:#fff; 
}
.pc-title--transparent{
background: transparent;
color: inherit;
}
.pc-title-downloads{
background: #339966;  
color:#fff; 
}
.ve-app-showcase {
width: 100%;
max-width: none;
margin-inline: auto;
}
.ve-app-showcase__intro {
max-width: 100%;
padding: 1rem 1.1rem;
border-radius: 1rem;
border: 1px solid color-mix(in srgb, var(--bs-border-color, rgba(255, 255, 255, 0.2)) 80%, transparent);
background:
radial-gradient(120% 120% at 10% 0%, color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 14%, transparent), transparent 68%),
color-mix(in srgb, var(--bs-tertiary-bg, #f8f9fa) 82%, transparent);
box-shadow: 0 12px 30px -24px rgba(0, 0, 0, 0.45);
}
.ve-app-showcase__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.32rem 0.8rem;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
background: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 18%, transparent);
}
.ve-app-badges-list {
display: grid;
gap: 0.85rem;
width: 100%;
margin-top: 0.9rem;
}
.ve-app-badge-row {
display: block;
width: 100%;
}
.ve-app-badge-card {
width: 100%;
border-radius: 1rem;
border: 1px solid color-mix(in srgb, var(--bs-border-color, rgba(255, 255, 255, 0.2)) 75%, transparent);
background-color: color-mix(in srgb, var(--bs-body-bg, #fff) 92%, transparent);
box-shadow: 0 14px 28px -26px rgba(0, 0, 0, 0.6);
padding: 0.95rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 84px;
}
.ve-app-badge-card > a,
.ve-app-badge-card > [role="link"] {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.ve-app-badge-card img {
width: auto;
max-height: 48px;
}
:root[data-bs-theme="dark"] .ve-app-showcase__intro {
border-color: color-mix(in srgb, var(--bs-border-color, rgba(255, 255, 255, 0.25)) 88%, transparent);
background:
radial-gradient(120% 120% at 8% 0%, color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 24%, transparent), transparent 68%),
color-mix(in srgb, var(--bs-tertiary-bg, #111) 90%, transparent);
}
:root[data-bs-theme="dark"] .ve-app-badge-card {
border-color: color-mix(in srgb, var(--bs-border-color, rgba(255, 255, 255, 0.25)) 90%, transparent);
background-color: color-mix(in srgb, var(--bs-body-bg, #000) 94%, transparent);
}
.pc-title .pc-title-icon{
width:20px;
height:20px;
object-fit:contain;
flex:0 0 auto;
}
.pc-title a{ color:inherit; text-decoration:none; }
.pc-title-downloads{
}
.container {
max-width: 1200px !important;
} .header-logo { max-height: 70px; height: 70px; }
.logo-dark { display: none; } [data-bs-theme="dark"] .logo-light { display: none; }
[data-bs-theme="dark"] .logo-dark  { display: inline-block; }
[data-bs-theme="light"] .logo-light { display: inline-block; }
[data-bs-theme="light"] .logo-dark  { display: none; } .list-group-item {
padding-left: 0.5rem!important;
padding-right: 0.5rem!important;
border:0;
line-height: 1rem;
font-size: 0.9rem;
}
.ve-groups-list > .list-group-item,
.ve-trash-list > .list-group-item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ve-pages-list > .list-group-item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ve-page-thumb {
width: 64px;
height: 64px;
border-radius: 0.75rem;
overflow: hidden;
border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.2));
background: var(--bs-tertiary-bg, rgba(0, 0, 0, 0.05));
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.ve-page-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ve-page-thumb__placeholder {
color: var(--bs-secondary-color, rgba(0, 0, 0, 0.45));
font-size: 1.4rem;
}
:root[data-bs-theme="dark"] .ve-page-thumb__placeholder {
color: rgba(255, 255, 255, 0.55);
}
.ve-page-actions .btn {
width: 2.25rem;
height: 2.25rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.ve-page-home[aria-pressed="true"] {
color: var(--bs-primary, #0d6efd);
border-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 65%, transparent);
background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 15%, transparent);
}
.ve-page-home[aria-pressed="true"] i {
color: inherit;
}
:root .ve-trash-actions {
transition: opacity .2s ease;
}
.ve-trash-actions.is-muted .btn {
opacity: .45;
}
.ve-trash-actions.is-muted .btn:disabled {
opacity: .45;
}
:root[data-bs-theme="dark"] .ve-page-actions .bi-pencil {
color: #fff;
}
:root[data-bs-theme="dark"] .ve-page-actions .bi-eye {
color: #fff;
}
#ve-users-accordion {
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill {
background-color: transparent;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4));
color: var(--bs-body-color, #212529) !important;
}
#ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:hover,
#ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:focus,
#ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:active {
background-color: color-mix(in srgb, var(--bs-body-color, #212529) 10%, transparent);
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.55));
color: var(--bs-body-color, #212529) !important;
}
#ve-users-accordion .btn-check:checked + .btn.btn-outline-secondary.rounded-pill,
#ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill.active {
background-color: var(--bs-primary, #0d6efd);
border-color: var(--bs-primary, #0d6efd);
color: #fff !important;
}
#ve-users-accordion .btn-check:disabled + .btn.btn-outline-secondary.rounded-pill {
opacity: .85;
cursor: not-allowed;
}
#ve-users-accordion .btn-check:focus-visible + .btn.btn-outline-secondary.rounded-pill {
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--bs-primary, #0d6efd) 30%, transparent);
}
:root[data-bs-theme="light"] #ve-users-accordion .card {
background-color: #fff;
}
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill {
border-color: rgba(255, 255, 255, 0.35);
color: #fff !important;
background-color: transparent;
}
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:hover,
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:focus,
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill:active {
border-color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.12);
color: #fff !important;
}
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check:checked + .btn.btn-outline-secondary.rounded-pill,
:root[data-bs-theme="dark"] #ve-users-accordion .btn-check + .btn.btn-outline-secondary.rounded-pill.active {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000) !important;
}
:root[data-bs-theme="light"] #ve-users-accordion .card-header .btn.btn-link,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-user"],
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-group"],
:root[data-bs-theme="light"] #ve-users-accordion .card-header .btn.btn-link:hover,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-user"]:hover,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-group"]:hover,
:root[data-bs-theme="light"] #ve-users-accordion .card-header .btn.btn-link:focus,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-user"]:focus,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-group"]:focus,
:root[data-bs-theme="light"] #ve-users-accordion .card-header .btn.btn-link:active,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-user"]:active,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-group"]:active,
:root[data-bs-theme="light"] #ve-users-accordion .card-header .btn.btn-link:focus-visible,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-user"]:focus-visible,
:root[data-bs-theme="light"] .card-header .btn.btn-link[data-bs-target="#ve-create-group"]:focus-visible {
background-color: transparent !important;
border: 0 !important;
border-color: transparent !important;
color: inherit !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share, .ve-post-actions-trigger, .ve-content-toggle, [data-ve-toggle-sort], [data-ve-notifications-sort-toggle]).btn.btn-link,
:root[data-bs-theme="light"] :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share, .ve-post-actions-trigger, .ve-content-toggle, [data-ve-toggle-sort], [data-ve-notifications-sort-toggle]).btn.btn-link:hover,
:root[data-bs-theme="light"] :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share, .ve-post-actions-trigger, .ve-content-toggle, [data-ve-toggle-sort], [data-ve-notifications-sort-toggle]).btn.btn-link:focus,
:root[data-bs-theme="light"] :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share, .ve-post-actions-trigger, .ve-content-toggle, [data-ve-toggle-sort], [data-ve-notifications-sort-toggle]).btn.btn-link:active,
:root[data-bs-theme="light"] :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share, .ve-post-actions-trigger, .ve-content-toggle, [data-ve-toggle-sort], [data-ve-notifications-sort-toggle]).btn.btn-link:focus-visible {
background-color: transparent !important;
border: 0 !important;
border-color: transparent !important;
color: inherit !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-notif-read.btn.btn-outline-secondary,
:root[data-bs-theme="light"] .ve-notif-read.btn.btn-outline-secondary:hover,
:root[data-bs-theme="light"] .ve-notif-read.btn.btn-outline-secondary:focus,
:root[data-bs-theme="light"] .ve-notif-read.btn.btn-outline-secondary:active,
:root[data-bs-theme="light"] .ve-notif-read.btn.btn-outline-secondary:focus-visible {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-like.btn.btn-link[aria-pressed="true"] {
color: var(--bs-success, #198754) !important;
}
:root[data-bs-theme="light"] .ve-favorite.btn.btn-link[aria-pressed="true"] {
color: var(--bs-warning, #f0ad4e) !important;
}
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-secondary,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-secondary:hover,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-secondary:focus,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-secondary:active,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-secondary:focus-visible {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-danger,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-danger:hover,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-danger:focus,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-danger:active,
:root[data-bs-theme="light"] .ve-page-actions .btn.btn-outline-danger:focus-visible {
background-color: transparent !important;
border-color: var(--bs-danger, #dc3545) !important;
color: var(--bs-danger, #dc3545) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] [data-ve-account-delete-trigger].btn.btn-outline-danger,
:root[data-bs-theme="light"] [data-ve-account-delete-trigger].btn.btn-outline-danger:hover,
:root[data-bs-theme="light"] [data-ve-account-delete-trigger].btn.btn-outline-danger:focus,
:root[data-bs-theme="light"] [data-ve-account-delete-trigger].btn.btn-outline-danger:active,
:root[data-bs-theme="light"] [data-ve-account-delete-trigger].btn.btn-outline-danger:focus-visible {
background-color: transparent !important;
border-color: var(--bs-danger, #dc3545) !important;
color: var(--bs-danger, #dc3545) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] [data-ve-data-export-trigger].btn.btn-primary {
background-color: var(--bs-primary) !important;
border-color: var(--bs-primary) !important;
color: #fff !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] [data-ve-data-export-trigger].btn.btn-primary:hover,
:root[data-bs-theme="light"] [data-ve-data-export-trigger].btn.btn-primary:focus,
:root[data-bs-theme="light"] [data-ve-data-export-trigger].btn.btn-primary:active,
:root[data-bs-theme="light"] [data-ve-data-export-trigger].btn.btn-primary:focus-visible {
background-color: color-mix(in srgb, var(--bs-primary) 90%, #000 10%) !important;
border-color: color-mix(in srgb, var(--bs-primary) 88%, #000 12%) !important;
color: #fff !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-secondary,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-secondary:hover,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-secondary:focus,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-secondary:active,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-secondary:focus-visible {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-primary,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-primary:hover,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-primary:focus,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-primary:active,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-outline-primary:focus-visible {
background-color: transparent !important;
border-color: var(--bs-primary, #0d6efd) !important;
color: var(--bs-primary, #0d6efd) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-success,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-success:hover,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-success:focus,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-success:active,
:root[data-bs-theme="light"] .ve-review__actions .btn.btn-success:focus-visible {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
box-shadow: none !important;
}
.list-group-item-category {
text-align: left;
color: #fff !important;
background-color: #2A5388 !important;
font-weight: 400; font-family: inherit;
font-size: 0.9rem;
letter-spacing: 1px;
}
.list-group .list-group-item.active {
color: #000 !important;
background-color: #00599521 !important;
border: 0 !important;
font-size: 0.9rem;
} [data-bs-theme="dark"] .list-group-item {
color: #fff !important;
border: none;
} [data-bs-theme="dark"] .list-group-item.active {
color: #074a00  !important;
background-color: #ffffff  !important;
}
.specs-list {
list-style: none; padding-left: 0; margin-left: 0; }
.title-post-list {
color: #2A5388;
font-family: "Arial", sans-serif;
font-size: 20px;
font-weight: 300;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.2em;
letter-spacing: 0px;
text-align: center; }
.text-post-list{
font-family: "Arial", Sans-serif;
font-size: 15px;
font-weight: 300;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.5em;
letter-spacing: 0.2px;
text-align: justify;
}
:root[data-bs-theme="dark"] .title-post-list {
color: #fff; }
.mauticform_wrapper { max-width: 600px; margin: 0.5em auto; font-family: Helvetica, Arial, sans-serif;}
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-input {line-height:1.1em;}
.mauticform-name { font-weight: bold; font-size: 1.2em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 0.8em; display: block; font-weight: 300; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default { color: #fff;background-color: #808080;;border-color: #808080; font-weight:100; }
.mauticform-button-wrapper .mauticform-button.btn-default:hover{ color: #fff;background-color: #00620d;;border-color: #00620d; font-weight:100; }
.mauticform-button-wrapper .mauticform-button { display: inline-block; margin-bottom: 0; font-weight: 600;text-align: center; vertical-align: middle; cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 8px 30px;font-size: 12px;line-height: 1.2;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled] { background-color: #3124ec; border-color: #dddddd;}
.mauticform-field-hidden { display:none }
.mauticform-errormsg {
display: none;
}
.mauticform-row.invalid .mauticform-errormsg {
display: block;
}
#mauticform_input_lvhvertica_email_2,
#mauticform_label_lvhvertica_email_2,
#mauticform_input_trillion_email_2,
#mauticform_label_trillion_email_2{
display:none;
}
.custom-btn {
background-color: #339966;
color: #fff;
}
.custom-btn:hover {
background-color: #000;
color: #fff;
} .owl-slider .post-img img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 8px;
}
.owl-slider .entry-content {
text-align: center;
padding: 15px;
}
.owl-slider .entry-content .entry-title {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
.owl-slider .entry-content a {
color: #000;
text-decoration: none;
}
.owl-slider .entry-content a:hover {
text-decoration: underline;
} .owl-stage {
padding-left: 0 !important;
padding-right: 0 !important;
} @media (max-width: 768px) {
.owl-slider .entry-content .entry-title { font-size: 1rem; }
.owl-slider .entry-content { padding: 10px; }
}
@media (max-width: 576px) {
.owl-slider .entry-content .entry-title { font-size: 0.875rem; }
.owl-slider .entry-content { padding: 8px; }
}
.pc01-related-carousel .item h3 { font-size: .95rem; font-weight: 400; }
.pc01-related-carousel .ratio > img { border-radius: .25rem; }
.owl-stage { padding-left: 0 !important; padding-right: 0 !important; }
.pc01-side-text h5,
.pc01-side-text h6 { color: #2A5388; }
:root[data-bs-theme="dark"] .pc01-side-text h5 {
color: #fff; }
:root[data-bs-theme="dark"] .pc01-side-text h6 {
color: #fff; }
.site-footer{
background-color: #fff;
color:#000;
padding-top:50px;
height:auto;
}
:root[data-bs-theme="dark"] .site-footer {
background-color: #000;
color:#fff; } footer a {
text-decoration: none; color: inherit; transition: color 0.3s ease, text-decoration 0.3s ease;
}
footer a:hover {
text-decoration: underline; }
footer a[aria-current="page"],
footer a.is-active {
text-decoration: underline;
text-underline-offset: 0.18em;
text-decoration-thickness: 0.08em;
} .footer-social a {
text-decoration: none !important;
margin: 0 10px; 
font-size: 1.5rem; color: inherit; } .footer-social a:hover {
text-decoration: none !important;
} .footer-social a:hover .bi-facebook {
color: #1877F2 !important; }
.footer-social a:hover .bi-instagram {
color: #E4405F !important; }
.footer-social a:hover .bi-youtube {
color: #FF0000 !important; }
.footer-social a i {
font-size: 35px;
color: #ffffff; 
}
.fs-8 { font-size: 0.625rem; }
.fs-7{ font-size: 0.75rem;}
.reposicao-box {
margin: 0% 10% 0% 10%;
padding: 0 1%;
border-style: solid;
border-width: 1px;
border-color: blue;
border-radius: 0px 24px 0px 0px;
}
.reposicao-box i{
color: blue;
}
:root[data-bs-theme="dark"] .reposicao-box i {
color: #fff; }
:root[data-bs-theme="dark"] .reposicao-box {
border-color: #03f84d; }
.manual-box {
margin: 0% 10% 0% 10%;
padding: 0 1%;
}
.manual-icon{
font-size: 1.5rem;
}
.manual-title {
font-size: 1.25rem; font-weight: 600;
}
:root[data-bs-theme="dark"] .manual-icon {
color: #fff; }
:root[data-bs-theme="dark"] .manual-title {
color: #03f84d; }
.ve-notif-dot{
background-color:rgb(2, 163, 2)!important;
} :root { --ve-sticky-top: 0px; }
body.admin-bar { --ve-sticky-top: 32px; }
@media (max-width: 782px) {
body.admin-bar { --ve-sticky-top: 46px; }
} .ve-shell {
min-height: 100vh;
}
.ve-shell > .row {
--bs-gutter-y: 0;
} .ve-col-left,
.ve-col-right {
position: relative;
align-self: flex-start;
}
@media (min-width: 992px) {
.ve-col-left {
height: calc(100vh - var(--ve-sticky-top));
overflow: visible;
}
.ve-col-left .ve-nav {
position: sticky;
top: var(--ve-sticky-top);
}
} .ve-col-center {
position: relative;
height: calc(100vh - var(--ve-sticky-top));
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
-ms-overflow-style: none; scrollbar-width: none; } @media (max-width: 991.98px) {
.ve-shell { height: auto; overflow: visible; }
.ve-col-left,
.ve-col-right {
position: static;
height: auto;
overflow: visible;
}
.ve-col-center {
position: static;
height: auto;
overflow: visible;
}
} .ve-col-center::-webkit-scrollbar {
width: 0;
height: 0; } .ve-back-to-top {
position: fixed;
bottom: var(--ve-back-to-top-bottom, 1.5rem);
right: var(--ve-back-to-top-right, 1.5rem);
display: flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 1rem;
border: none;
border-radius: 999px;
font-size: 0.85rem;
font-weight: 600;
line-height: 1.2;
background: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #000;
box-shadow: 0 0.75rem 1.35rem rgba(0, 0, 0, 0.35);
opacity: 0;
visibility: hidden;
transform: translateY(0.4rem);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease,
background-color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
pointer-events: none;
z-index: 1050;
}
.ve-back-to-top i {
font-size: 1.25rem;
line-height: 1;
}
.ve-back-to-top:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.9);
outline-offset: 2px;
}
.ve-back-to-top.ve-back-to-top--visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
@media (max-width: 991.98px) {
.ve-back-to-top {
display: none;
}
}
:root[data-bs-theme="dark"]{ --bs-body-bg:        #000;
--bs-body-color:     #e6e6e6;
--bs-secondary-bg:   #000;
--bs-tertiary-bg:    #000;
--ve-dark-button-text: #fff; --bs-card-bg:        #000;
--bs-card-border-color: #1b1b1b;
--bs-dropdown-bg:    #000;
--bs-dropdown-link-color: #e6e6e6;
--bs-dropdown-link-hover-bg: #111;
--bs-modal-bg:       #000;
--bs-offcanvas-bg:   #000;
--bs-popover-bg:     #000;
--bs-list-group-bg:  #000;
--bs-list-group-border-color: #1b1b1b;
--bs-table-bg:       #000;
--bs-table-striped-bg:#0a0a0a;
--bs-table-hover-bg: #111;
--bs-input-bg:                 #000;
--bs-input-color:              #fff;
--bs-input-border-color:       #2a2a2a;
--bs-input-placeholder-color:  rgba(255,255,255,.55); --bs-form-control-bg: var(--bs-input-bg);
}
:root[data-bs-theme="light"]{
--bs-primary: var(--ve-dark-accent, #0d6efd);
--bs-primary-rgb: var(--ve-dark-accent-rgb, 13,110,253);
--bs-link-color: var(--ve-dark-accent, #0d6efd);
--bs-link-hover-color: color-mix(in srgb, var(--ve-dark-accent, #0d6efd) 85%, #000);
}
:root[data-bs-theme="light"] .btn,
:root[data-bs-theme="light"] button.btn,
:root[data-bs-theme="light"] a.btn {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
color: #fff !important;
}
:root[data-bs-theme="light"] .btn:hover,
:root[data-bs-theme="light"] .btn:focus,
:root[data-bs-theme="light"] .btn:active {
background-color: color-mix(in srgb, var(--bs-primary) 90%, #000 10%);
border-color: color-mix(in srgb, var(--bs-primary) 88%, #000 12%);
color: #fff !important;
}
:root[data-bs-theme="dark"]{
--bs-primary: var(--ve-dark-accent, #0d6efd);
--bs-primary-rgb: var(--ve-dark-accent-rgb, 13,110,253);
--bs-link-color: var(--ve-dark-link, #7cc7ff);
--bs-link-hover-color: color-mix(in srgb, var(--ve-dark-link, #7cc7ff) 85%, white 15%);
}
:root[data-bs-theme="dark"] .ve-help-center a:not(.btn) {
color: #7cc7ff;
}
:root[data-bs-theme="dark"] .ve-help-center a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-help-center a:not(.btn):focus,
:root[data-bs-theme="dark"] .ve-help-center a:not(.btn):focus-visible {
color: color-mix(in srgb, #7cc7ff 85%, white 15%);
text-decoration-color: color-mix(in srgb, #7cc7ff 70%, transparent);
}
:root[data-bs-theme="dark"] .ve-legal a:not(.btn) {
color: #7cc7ff;
}
:root[data-bs-theme="dark"] .ve-legal a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-legal a:not(.btn):focus,
:root[data-bs-theme="dark"] .ve-legal a:not(.btn):focus-visible {
color: color-mix(in srgb, #7cc7ff 85%, white 15%);
text-decoration-color: color-mix(in srgb, #7cc7ff 70%, transparent);
}
.ve-legal__body h2 {
margin-top: 1.5rem;
font-size: 1.2rem;
}
.ve-legal__body h2:first-child {
margin-top: 0;
}
.ve-legal__body h3 {
margin-top: 1rem;
font-size: 1rem;
}
.ve-legal__body p {
margin-bottom: .75rem;
}
.ve-legal__body ul {
padding-left: 1.25rem;
margin-bottom: .75rem;
}
.ve-terms-acceptance > summary {
cursor: pointer;
}
[data-ve-terms-text] {
white-space: pre-line;
}
.ve-terms-scroll-frame {
border-color: var(--bs-border-color, #dee2e6);
}
.ve-terms-scroll-body {
max-height: 9.5rem;
overflow-y: scroll;
scrollbar-gutter: stable;
text-align: justify;
padding-right: 0.5rem;
scrollbar-width: thin;
scrollbar-color: var(--bs-secondary-color, #6c757d) transparent;
}
.ve-terms-scroll-body::-webkit-scrollbar {
width: 6px;
}
.ve-terms-scroll-body::-webkit-scrollbar-track {
background: transparent;
}
.ve-terms-scroll-body::-webkit-scrollbar-thumb {
background-color: var(--bs-secondary-color, #6c757d);
border-radius: 999px;
}
#veTermsModal .ve-terms-modal-dialog {
width: min(720px, calc(100vw - 1.5rem));
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] {
height: min(78vh, 42rem);
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] .modal-body {
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] [data-ve-terms-text] {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
scrollbar-gutter: stable;
text-align: justify;
padding-right: 0.5rem;
scrollbar-width: thin;
scrollbar-color: var(--bs-secondary-color, #6c757d) transparent;
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] [data-ve-terms-text]::-webkit-scrollbar {
width: 6px;
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] [data-ve-terms-text]::-webkit-scrollbar-track {
background: transparent;
}
#veTermsModal .modal-content[data-ve-terms-requires-scroll="1"] [data-ve-terms-text]::-webkit-scrollbar-thumb {
background-color: var(--bs-secondary-color, #6c757d);
border-radius: 999px;
}
.ve-copy-btn {
border: 0;
background: transparent;
color: var(--bs-secondary-color, #6c757d);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
font-size: 0.95rem;
line-height: 1;
cursor: pointer;
}
.ve-copy-btn:hover,
.ve-copy-btn:focus-visible {
color: var(--bs-body-color, #212529);
}
.ve-copy-btn:focus-visible {
outline: 2px solid var(--bs-primary, #0d6efd);
outline-offset: 2px;
border-radius: 4px;
}
.ve-copy-feedback {
margin-left: 0.35rem;
font-size: 0.75rem;
color: var(--bs-success, #198754);
}
:root[data-bs-theme="dark"] .text-bg-light {
background-color: #1b1b1b !important;
color: #fff !important;
border-color: #2a2a2a !important;
}
:root[data-bs-theme="dark"] #primary,
:root[data-bs-theme="dark"] .ve-shell,
:root[data-bs-theme="dark"] .ve-col-left,
:root[data-bs-theme="dark"] .ve-col-center,
:root[data-bs-theme="dark"] .ve-col-right,
:root[data-bs-theme="dark"] .card,
:root[data-bs-theme="dark"] .dropdown-menu,
:root[data-bs-theme="dark"] .modal-content,
:root[data-bs-theme="dark"] .offcanvas,
:root[data-bs-theme="dark"] .accordion-item,
:root[data-bs-theme="dark"] .input-group-text,
:root[data-bs-theme="dark"] .form-control {
background-color: #000 !important;
}
:root[data-bs-theme="light"] .modal-content {
background-color: #fff;
color: #000;
}
:root[data-bs-theme="dark"] #veLoginModal #ve-apple-signin.btn.btn-dark {
background-color: #e9ecef !important;
border-color: #e9ecef !important;
color: #111 !important;
}
:root[data-bs-theme="dark"] #veLoginModal #ve-apple-signin.btn.btn-dark:hover,
:root[data-bs-theme="dark"] #veLoginModal #ve-apple-signin.btn.btn-dark:focus,
:root[data-bs-theme="dark"] #veLoginModal #ve-apple-signin.btn.btn-dark:active {
background-color: #dde2e6 !important;
border-color: #dde2e6 !important;
color: #111 !important;
} :root[data-bs-theme="dark"] .feed-item,
:root[data-bs-theme="dark"] .post-content,
:root[data-bs-theme="dark"] .post-media {
background-color: #000 !important;
} :root[data-bs-theme="dark"]  #siteHeader { --ve-header-bg: #000; --ve-header-fg: #fff; }
:root[data-bs-theme="light"] #siteHeader { --ve-header-bg: #fff; --ve-header-fg: #000; } #siteHeader {
background-color: var(--ve-header-bg) !important;
color: var(--ve-header-fg) !important;
} :root[data-bs-theme="dark"] #siteHeader .card,
:root[data-bs-theme="dark"] #siteHeader .dropdown-menu,
:root[data-bs-theme="dark"] #siteHeader .collapse,
:root[data-bs-theme="dark"] #siteHeader .form-control{
background-color: #000 !important;
} :root[data-bs-theme="dark"] #siteHeader .dropdown-menu.show,
:root[data-bs-theme="dark"] #siteHeader .form-control:focus {
background-color: #000 !important;
box-shadow: none !important;
}
#siteHeader,
#siteHeader a,
#siteHeader a:hover,
#siteHeader a:focus,
#siteHeader .bi,
#siteHeader i,
#siteHeader .btn,
#siteHeader .btn i,
#siteHeader .btn span {
color: var(--ve-header-fg) !important;
} :root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme,
:root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme:visited,
:root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme:hover,
:root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme:focus,
:root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme:active,
:root[data-bs-theme="light"] #siteHeader .btn.btn-outline-theme:focus-visible {
background-color: transparent !important;
color: var(--ve-header-fg, #000) !important;
border: 0 !important;
box-shadow: none !important;
}
#siteHeader {
--ve-header-action-size: 2.35rem;
--ve-header-action-icon-size: 1.2rem;
}
#siteHeader .ve-header-quick-link,
#siteHeader #toggleTheme,
#siteHeader #ve-logout-btn,
#siteHeader #ve-login-btn {
border-radius: 1rem;
transition: background-color 0.2s ease, color 0.2s ease;
border: 0 !important;
width: var(--ve-header-action-size);
height: var(--ve-header-action-size);
padding: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
#siteHeader .ve-header-quick-link .bi,
#siteHeader .ve-header-quick-link i,
#siteHeader #toggleTheme .bi,
#siteHeader #toggleTheme i,
#siteHeader #ve-logout-btn .bi,
#siteHeader #ve-logout-btn i,
#siteHeader #ve-login-btn .bi,
#siteHeader #ve-login-btn i {
font-size: var(--ve-header-action-icon-size) !important;
line-height: 1;
}
:root[data-bs-theme="light"] #siteHeader .ve-header-quick-link:hover,
:root[data-bs-theme="light"] #siteHeader .ve-header-quick-link:focus-visible {
background-color: var(--ve-nav-hover-light, rgba(15, 23, 42, 0.06)) !important;
}
:root[data-bs-theme="light"] #siteHeader .ve-header-quick-link.active,
:root[data-bs-theme="light"] #siteHeader .ve-header-quick-link[aria-current="page"] {
color: var(--bs-primary) !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
:root[data-bs-theme="dark"] #siteHeader .ve-header-quick-link:hover,
:root[data-bs-theme="dark"] #siteHeader .ve-header-quick-link:focus-visible {
background-color: var(--ve-nav-hover-dark, rgba(255, 255, 255, 0.08)) !important;
}
:root[data-bs-theme="dark"] #siteHeader .ve-header-quick-link.active,
:root[data-bs-theme="dark"] #siteHeader .ve-header-quick-link[aria-current="page"] {
color: var(--bs-primary) !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
} #siteHeader .ve-header-quick-link.active .bi,
#siteHeader .ve-header-quick-link[aria-current="page"] .bi,
#siteHeader .ve-header-quick-link.active i,
#siteHeader .ve-header-quick-link[aria-current="page"] i {
color: var(--bs-primary) !important;
} @media (max-width: 991.98px) {
#siteHeader .ve-header-comunidades-link,
#siteHeader .ve-header-notifications-link,
#siteHeader .ve-header-settings-link,
#siteHeader .ve-header-profile-link,
#siteHeader .ve-header-procura-link {
display: none !important;
}
}
.ve-mobile-footer-nav {
display: none;
}
@media (max-width: 991.98px) {
body {
padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
}
.ve-mobile-footer-nav {
display: block;
}
.ve-col-left .ve-nav--sticky-mobile {
display: none !important;
}
.ve-mobile-footer-nav .ve-nav--sticky-mobile {
display: block !important;
position: fixed;
inset: auto 0 0;
left: 0;
right: 0;
width: 100%;
margin-inline: 0;
border-radius: 1rem 1rem 0 0;
z-index: 10030 !important;
}
} body.page-template-posts .ve-shell .ve-col-left,
body.page-template-posts-php .ve-shell .ve-col-left,
body.page-template-page-configuracoes .ve-shell .ve-col-left,
body.page-template-page-configuracoes-php .ve-shell .ve-col-left {
display: none !important;
}
body.page-template-posts .ve-shell .ve-col-center,
body.page-template-posts-php .ve-shell .ve-col-center,
body.page-template-page-configuracoes .ve-shell .ve-col-center,
body.page-template-page-configuracoes-php .ve-shell .ve-col-center {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
} @media (min-width: 992px) {
body.page-notificacoes .ve-shell .ve-col-left,
body.page-template-page-notifications .ve-shell .ve-col-left,
body.page-template-page-notifications-php .ve-shell .ve-col-left,
body.page-comunidades .ve-shell .ve-col-left,
body.page-canais .ve-shell .ve-col-left,
body.page-template-page-comunidades .ve-shell .ve-col-left,
body.page-template-page-comunidades-php .ve-shell .ve-col-left {
display: none !important;
}
body.page-notificacoes .ve-shell .ve-col-center,
body.page-template-page-notifications .ve-shell .ve-col-center,
body.page-template-page-notifications-php .ve-shell .ve-col-center,
body.page-comunidades .ve-shell .ve-col-center,
body.page-canais .ve-shell .ve-col-center,
body.page-template-page-comunidades .ve-shell .ve-col-center,
body.page-template-page-comunidades-php .ve-shell .ve-col-center {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
} body.page-id-29 .df-pesquisa-layout {
width: 100%;
max-width: 100%;
}
:root[data-bs-theme="dark"] #siteHeader .form-control,
:root[data-bs-theme="dark"] #siteHeader .input-group-text {
border-color: #fff !important;
}
:root[data-bs-theme="dark"] #siteHeader .form-control:focus {
border-color: #2a2a2a !important;
box-shadow: 0 0 0 .15rem rgba(255,255,255,.12) !important;
} :root[data-bs-theme="dark"] .ve-help-page a:not(.btn),
:root[data-bs-theme="dark"] .ve-terms-page a:not(.btn),
:root[data-bs-theme="dark"] .ve-privacy-page a:not(.btn) {
color: #7fc7ff !important;
}
:root[data-bs-theme="dark"] .ve-help-page a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-help-page a:not(.btn):focus,
:root[data-bs-theme="dark"] .ve-terms-page a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-terms-page a:not(.btn):focus,
:root[data-bs-theme="dark"] .ve-privacy-page a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-privacy-page a:not(.btn):focus {
color: #a7dcff !important;
} :root[data-bs-theme="dark"] .ve-settings-panel a:not(.btn) {
color: var(--bs-body-color, #e6e6e6);
}
:root[data-bs-theme="dark"] .ve-settings-panel a:not(.btn):hover,
:root[data-bs-theme="dark"] .ve-settings-panel a:not(.btn):focus,
:root[data-bs-theme="dark"] .ve-settings-panel a:not(.btn):focus-visible {
color: #ffffff;
text-decoration-color: rgba(255, 255, 255, 0.6);
} .ve-dark-appearance-form {
max-width: 100%;
}
.ve-dark-appearance-fieldset {
border: 0;
margin: 0;
padding: 0;
}
.ve-dark-appearance-fieldset legend {
letter-spacing: 0.08em;
}
.ve-dark-palette {
margin-top: 0.25rem;
}
.ve-theme-mode-option {
margin: 0;
padding: 0.7rem 0.9rem 0.7rem 2.25rem;
border: 1px solid var(--bs-border-color, rgba(148, 163, 184, 0.35));
border-radius: 0.75rem;
background: var(--bs-body-bg, transparent);
}
.ve-theme-mode-option .form-check-input {
margin-top: 0.22rem;
}
:root[data-bs-theme="dark"] .ve-theme-mode-option {
border-color: rgba(148, 163, 184, 0.45);
background: rgba(255, 255, 255, 0.02);
}
.ve-color-option {
position: relative;
display: inline-flex;
cursor: pointer;
}
.ve-color-option input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.ve-color-swatch {
width: 44px;
height: 44px;
border-radius: 12px;
border: 2px solid transparent;
background: var(--ve-color-sample, #0078d7);
display: block;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
label.ve-color-option:hover .ve-color-swatch {
transform: translateY(-1px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}
.ve-color-option input:checked + .ve-color-swatch {
border-color: #ffffff;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35), 0 8px 18px rgba(0, 0, 0, 0.3);
transform: translateY(-2px) scale(1.02);
}
:root[data-bs-theme="light"] .ve-color-option input:checked + .ve-color-swatch {
border-color: #101828;
box-shadow: 0 0 0 3px rgba(16, 24, 40, 0.2), 0 6px 14px rgba(15, 23, 42, 0.25);
}
.ve-color-option.active .ve-color-swatch {
border-color: #ffffff;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35), 0 8px 18px rgba(0, 0, 0, 0.3);
transform: translateY(-2px) scale(1.02);
}
:root[data-bs-theme="light"] .ve-color-option.active .ve-color-swatch {
border-color: #101828;
box-shadow: 0 0 0 3px rgba(16, 24, 40, 0.2), 0 6px 14px rgba(15, 23, 42, 0.25);
}
.ve-dark-appearance-form span.ve-color-option {
cursor: default;
}
.ve-color-option input:focus-visible + .ve-color-swatch {
outline: 3px solid var(--bs-primary);
outline-offset: 2px;
}
.ve-color-preview {
display: none;
}
@media (max-width: 575.98px) {
.ve-color-swatch {
width: 36px;
height: 36px;
border-radius: 10px;
}
.ve-color-preview-inner {
width: 100%;
justify-content: center;
}
}
.ve-nav {
--ve-nav-padding-y: 0.75rem;
--ve-nav-padding-x: 1rem;
--ve-nav-radius: 1rem;
--ve-nav-hover-light: rgba(15, 23, 42, 0.06);
--ve-nav-hover-dark: rgba(255, 255, 255, 0.08);
--ve-nav-active-light: transparent;
--ve-nav-active-dark: transparent;
background-color: transparent !important;
}
.ve-nav-transparent {
background-color: transparent !important;
}
.ve-nav .nav-pills {
--bs-nav-pills-link-active-bg: transparent;
--bs-nav-pills-link-active-color: var(--bs-primary);
gap: 0.5rem;
padding-inline-start: 0;
padding-inline-end: 0.5rem;
}
.ve-nav .nav-link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: var(--ve-nav-padding-y) var(--ve-nav-padding-x);
border-radius: var(--ve-nav-radius);
background-color: transparent;
color: #0f172a;
font-weight: 500;
transition: background-color 0.2s ease, color 0.2s ease;
}
.ve-nav .nav-link:hover,
.ve-nav .nav-link:focus-visible {
background-color: var(--ve-nav-hover-light);
color: #0f172a;
text-decoration: none;
}
.ve-nav .nav-link.active {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--ve-nav-active-light);
font-weight: 600;
}
.ve-nav .nav-link.active .bi,
.ve-nav .nav-link.active i,
.ve-nav .nav-link[aria-current="page"] .bi,
.ve-nav .nav-link[aria-current="page"] i {
color: inherit;
} .page-template-page-landing .landing-header .nav-pills .nav-link,
.page-template-page-landing-php .landing-header .nav-pills .nav-link,
.ve-landing-nav-shortcode .nav-pills .nav-link {
--ve-chip-pill-border: rgba(255, 255, 255, 0.35);
--ve-chip-pill-hover-bg: rgba(255, 255, 255, 0.12);
--ve-chip-pill-active-bg: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-border: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-color: #000;
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
border: 1px solid var(--ve-chip-pill-border);
background-color: transparent;
color: inherit;
font-size: 0.85rem;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
--bs-nav-pills-link-active-bg: transparent;
--bs-nav-pills-link-active-color: inherit;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-template-page-landing .landing-header .nav-pills .nav-link:hover,
.page-template-page-landing .landing-header .nav-pills .nav-link:focus-visible,
.page-template-page-landing-php .landing-header .nav-pills .nav-link:hover,
.page-template-page-landing-php .landing-header .nav-pills .nav-link:focus-visible,
.ve-landing-nav-shortcode .nav-pills .nav-link:hover,
.ve-landing-nav-shortcode .nav-pills .nav-link:focus-visible {
background-color: var(--ve-chip-pill-hover-bg);
color: inherit;
text-decoration: none;
}
.page-template-page-landing .landing-header .nav-pills .nav-link:focus-visible,
.page-template-page-landing-php .landing-header .nav-pills .nav-link:focus-visible,
.ve-landing-nav-shortcode .nav-pills .nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
@media (max-width: 767.98px) {
.page-template-page-landing .landing-header .landing-header-inner .nav-pills,
.page-template-page-landing-php .landing-header .landing-header-inner .nav-pills,
.ve-landing-nav-shortcode .nav-pills {
gap: calc(0.5rem - 1px) !important;
}
.page-template-page-landing .landing-header .nav-pills .nav-link,
.page-template-page-landing-php .landing-header .nav-pills .nav-link,
.ve-landing-nav-shortcode .nav-pills .nav-link {
font-size: 0.85rem !important;
padding: 0.35rem 0.85rem !important;
}
}
.page-template-page-landing .landing-header .nav-pills .nav-link.active,
.page-template-page-landing-php .landing-header .nav-pills .nav-link.active,
.page-template-page-landing .landing-header .nav-pills .nav-link[aria-current="page"],
.page-template-page-landing-php .landing-header .nav-pills .nav-link[aria-current="page"],
.ve-landing-nav-shortcode .nav-pills .nav-link.active,
.ve-landing-nav-shortcode .nav-pills .nav-link[aria-current="page"] {
background-color: var(--ve-chip-pill-active-bg);
border-color: var(--ve-chip-pill-active-border);
color: var(--ve-chip-pill-active-color);
font-weight: 600;
box-shadow: none;
}
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link,
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link,
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link {
--ve-chip-pill-border: rgba(0, 0, 0, 0.2);
--ve-chip-pill-hover-bg: rgba(0, 0, 0, 0.05);
--ve-chip-pill-active-color: #fff;
}
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link.active:hover,
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link.active:focus-visible,
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link.active:hover,
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link.active:focus-visible,
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link.active:hover,
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link.active:focus-visible,
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link[aria-current="page"] {
background-color: var(--ve-chip-pill-active-bg);
border-color: var(--ve-chip-pill-active-border);
color: var(--ve-chip-pill-active-color);
}
:root[data-bs-theme="dark"] .page-template-page-landing .landing-header .nav-pills .nav-link,
:root[data-bs-theme="dark"] .page-template-page-landing-php .landing-header .nav-pills .nav-link,
:root[data-bs-theme="dark"] .ve-landing-nav-shortcode .nav-pills .nav-link {
--ve-chip-pill-active-bg: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-border: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
--ve-chip-pill-active-color: #000;
} .page-template-page-landing .btn.btn-primary,
.page-template-page-landing-php .btn.btn-primary {
--bs-btn-color: #fff;
--bs-btn-hover-color: #fff;
--bs-btn-active-color: #fff;
--bs-btn-disabled-color: #fff;
}
[data-bs-theme="dark"] .page-template-page-landing .btn.btn-primary,
[data-bs-theme="dark"] .page-template-page-landing-php .btn.btn-primary {
--bs-btn-color: #000;
--bs-btn-hover-color: #000;
--bs-btn-active-color: #000;
--bs-btn-disabled-color: #000;
} :root[data-bs-theme="dark"] .ve-nav {
--ve-nav-active-dark: transparent;
}
:root[data-bs-theme="dark"] .ve-nav .nav-link {
color: #ffffff;
}
:root[data-bs-theme="dark"] .ve-nav .nav-link:hover,
:root[data-bs-theme="dark"] .ve-nav .nav-link:focus-visible {
background-color: var(--ve-nav-hover-dark, rgba(255, 255, 255, 0.08));
color: #ffffff;
}
:root[data-bs-theme="dark"] .ve-nav .nav-link.active {
background-color: var(--ve-nav-active-dark);
color: var(--ve-dark-accent, var(--bs-primary));
}
:root[data-bs-theme="dark"] .ve-nav .nav-link.active:hover,
:root[data-bs-theme="dark"] .ve-nav .nav-link.active:focus-visible {
background-color: var(--ve-nav-active-dark);
color: var(--ve-dark-accent, var(--bs-primary));
}
:root[data-bs-theme="dark"] .ve-nav .badge {
color: #000;
}
@media (prefers-reduced-motion: reduce) {
.ve-nav .nav-link {
transition: none;
}
}
@media (max-width: 767.98px) {
.ve-nav .nav-pills {
flex-direction: row !important;
justify-content: space-between;
gap: 0;
}
.ve-nav .nav-item {
flex: 1 1 auto;
}
.ve-nav .nav-link {
justify-content: center;
}
.ve-nav .nav-link .fw-semibold {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.ve-nav {
width: fit-content;
min-width: 0;
}
.ve-nav .nav-pills {
width: auto;
}
.ve-nav .nav-link .fw-semibold {
display: none;
}
.ve-nav .nav-link {
display: inline-flex;
justify-content: center;
padding-inline: 0.5rem;
gap: 0.35rem;
}
.ve-nav .nav-pills {
align-items: center;
justify-content: center;
}
.ve-nav .nav-link {
text-align: center !important;
}
.ve-shell > .row {
flex-wrap: nowrap;
align-items: flex-start;
min-height: auto;
height: auto;
}
.ve-shell > .row > .ve-col-left {
flex: 0 0 auto;
width: auto;
max-width: none;
height: auto;
position: sticky;
top: var(--ve-sticky-top);
align-self: flex-start;
z-index: 9999;
}
.ve-shell > .row > .ve-col-center {
flex: 1 1 0;
width: auto;
max-width: none;
min-width: 0;
}
.ve-shell > .row > .ve-col-right {
flex: 1 1 0;
width: auto;
max-width: none;
min-width: 0;
}
.ve-shell > .row > .ve-col-center,
.ve-shell > .row > .ve-col-right {
margin-left: auto;
max-width: 90%;
}
.ve-shell > .row > .ve-col-center > section.col-12 {
margin-left: auto;
margin-right: 0;
max-width: 90%;
}
.ve-shell > .row > section.col-12.col-lg-9,
.ve-shell > .row > .col-12.col-lg-9.ve-col-center {
width: 90% !important;
max-width: 90% !important;
margin-left: auto;
margin-right: 0;
}
.ve-settings-panel {
width: 90% !important;
max-width: 90% !important;
margin-left: auto;
margin-right: 0;
}
.ve-nav .d-none.d-md-block {
display: none !important;
}
.ve-col-left {
padding-left: 0 !important;
}
.ve-nav-transparent {
background-color: transparent !important;
}
}
:root[data-bs-theme="light"] .ve-nav .nav-pills .nav-link:not(.active),
:root[data-bs-theme="dark"] .ve-nav .nav-pills .nav-link:not(.active) {
background-color: transparent;
} #ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary {
color: var(--bs-body-color, #212529);
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4));
background-color: transparent;
}
#ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary:hover,
#ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary:focus {
color: var(--bs-body-color, #212529);
background-color: color-mix(in srgb, var(--bs-tertiary-bg, #f8f9fa) 70%, transparent);
}
#ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary:focus-visible {
box-shadow: 0 0 0 0.15rem
color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
#ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary.active,
#ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary[aria-pressed="true"] {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
}
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-secondary,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-secondary:hover,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-secondary:focus,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-secondary:active,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-secondary:focus-visible {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-danger,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-danger:hover,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-danger:focus,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-danger:active,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-danger:focus-visible {
background-color: transparent !important;
border-color: var(--bs-danger, #dc3545) !important;
color: var(--bs-danger, #dc3545) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-warning,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-warning:hover,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-warning:focus,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-warning:active,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-outline-warning:focus-visible {
background-color: transparent !important;
border-color: var(--bs-warning, #ffc107) !important;
color: var(--bs-warning, #ffc107) !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-danger,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-danger:hover,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-danger:focus,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-danger:active,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-danger:focus-visible {
background-color: var(--bs-danger, #dc3545) !important;
border-color: var(--bs-danger, #dc3545) !important;
color: #fff !important;
box-shadow: none !important;
}
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-success,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-success:hover,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-success:focus,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-success:active,
:root[data-bs-theme="light"] #ve-tab-reports .btn.btn-success:focus-visible {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
box-shadow: none !important;
}
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary {
color: #fff;
border-color: var(--bs-border-color, rgba(255, 255, 255, 0.25));
}
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary:hover,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > .btn.btn-outline-secondary:focus {
color: #fff;
background-color: color-mix(in srgb, var(--bs-body-color, #e6e6e6) 10%, transparent);
} [id="2fa-configuration-options"] th > label {
display: inline-block;
margin: 0;
font-weight: 600;
} [id="2fa-configuration-options"] summary.qr-btn {
font-size: 0;
line-height: 1.25rem;
}
[id="2fa-configuration-options"] summary.qr-btn::marker {
font-size: 1rem;
line-height: 1;
}
[id="2fa-configuration-options"] summary.qr-btn::-webkit-details-marker {
font-size: 1rem;
line-height: 1;
} .wp2fa-clean [id="2fa-currently-configured-methods"] td {
text-align: left;
text-indent: 0;
}
@media (max-width: 991.98px) {
.ve-shell--nav-sticky,
.ve-main--nav-sticky {
padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
}
.ve-nav--sticky-mobile {
position: fixed;
inset: auto 0 0;
z-index: 9999!important;
width: 100%;
border-radius: 1rem 1rem 0 0;
background-color: transparent;
}
.ve-nav--sticky-mobile.ve-nav-transparent {
background-color: transparent !important;
}
.modal-backdrop {
z-index: 10040;
}
.modal {
z-index: 10050;
}
}
:root[data-bs-theme="dark"] .ve-nav,
:root[data-bs-theme="dark"] .ve-nav.ve-nav-transparent {
background-color: transparent !important;
}
@media (max-width: 767.98px) {
.ve-nav--sticky-mobile {
background-color: rgba(255, 255, 255, 0.8);
}
.ve-nav--sticky-mobile.ve-nav-transparent {
background-color: rgba(255, 255, 255, 0.8) !important;
}
:root[data-bs-theme="dark"] .ve-nav--sticky-mobile,
:root[data-bs-theme="dark"] .ve-nav--sticky-mobile.ve-nav-transparent {
background-color: rgba(15, 23, 42, 0.8) !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.ve-nav--sticky-mobile {
width: fit-content;
inset: auto auto 0;
left: 1rem;
right: auto;
margin-inline: 0;
top: 60px;
}
.ve-mobile-footer-nav .ve-nav--sticky-mobile {
width: 100% !important;
inset: auto 0 0 !important;
left: 0 !important;
right: 0 !important;
margin-inline: 0 !important;
top: auto !important;
}
}
.ve-reply-count{
padding-left: 3px;
}
.ve-profile-cover {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 9;
max-height: 300px;
background-color: var(--bs-gray-900);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
.ve-profile-cover__content{
padding: 1.25rem 1.5rem;
}
@media (max-width: 575.98px){
.ve-profile-cover{
aspect-ratio: auto; max-height: none; }
.ve-profile-cover__content{
min-height: clamp(160px, 35vw, 240px);
padding: 1rem 1.25rem; }
}
.ve-profile-cover--fallback {
background-image: linear-gradient(135deg, var(--bs-primary), var(--bs-indigo));
}
.ve-profile-cover__overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(15, 23, 42, 0.7), rgba(30, 64, 175, 0.35));
pointer-events: none;
}
.ve-profile-cover__content {
position: relative;
z-index: 1;
}
.ve-profile-cover__actions {
position: absolute;
top: 1.25rem;
right: 1.5rem;
z-index: 2;
}
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"],
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:visited {
background-color: rgba(255, 255, 255, 0.94);
border-color: rgba(255, 255, 255, 0.94);
color: #0b1526 !important;
}
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:hover,
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:focus,
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:active {
background-color: #ffffff;
border-color: #ffffff;
color: #0b1526 !important;
}
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:focus-visible {
box-shadow: 0 0 0 .15rem rgba(255, 255, 255, 0.35);
}
.ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"] i {
color: inherit;
}
:root[data-bs-theme="dark"] .ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"],
:root[data-bs-theme="dark"] .ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:hover,
:root[data-bs-theme="dark"] .ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:focus,
:root[data-bs-theme="dark"] .ve-profile-cover__actions a.btn.btn-light[data-bs-target="#veEditProfileModal"]:active {
color: #000 !important;
}
@media (max-width: 575.98px) {
.ve-profile-cover__actions {
top: 1rem;
right: 1.25rem;
}
}
.ve-profile-avatar-editor {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
}
.ve-profile-avatar-editor__image {
display: block;
}
.ve-profile-avatar-editor__form {
position: static;
}
.ve-profile-avatar-editor__file {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
}
.ve-profile-avatar-editor__trigger {
position: absolute;
right: 0;
bottom: 0;
transform: translate(25%, 25%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.95);
color: #000;
border: 1px solid rgba(15, 23, 42, 0.2);
box-shadow: 0 0.35rem 0.95rem rgba(15, 23, 42, 0.35);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.ve-profile-avatar-editor__trigger:hover,
.ve-profile-avatar-editor__trigger:focus-visible {
background-color: var(--bs-primary);
color: #000;
transform: translate(25%, 25%) scale(1.05);
}
.ve-profile-avatar-editor__trigger i {
pointer-events: none;
}
.ve-profile-avatar-editor__remove {
width: 100%;
text-align: center;
margin-top: 0.5rem;
}
.ve-profile-avatar-editor__remove .btn {
color: rgba(255, 255, 255, 0.8);
}
.ve-profile-avatar-editor__remove .btn:hover,
.ve-profile-avatar-editor__remove .btn:focus {
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.ve-profile-avatar-editor__trigger {
transition: none;
}
}
.ve-notifs .list-group-item {
padding: .85rem 1rem;
border: 0;
border-bottom: 1px solid var(--bs-border-color); background: var(--bs-body-bg); color: var(--bs-body-color); transition: background-color .15s ease-in-out;
}
.ve-notifs .list-group-item:hover {
background-color: var(--bs-secondary-bg); }
.ve-notifs .card {
background-color: var(--bs-body-bg);
transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}
.ve-notifs .card:hover {
background-color: rgb(239 239 239);
}
:root[data-bs-theme="dark"] .ve-notifs .card:hover {
background-color: #0a0a0a !important;
} .ve-notif {
display: grid;
grid-template-columns: 40px 1fr auto;
gap: .75rem .9rem;
align-items: start;
}
.ve-notif__icon {
width: 40px; height: 40px;
display: grid; place-items: center;
border-radius: 999px;
background: color-mix(in oklab, var(--bs-primary) 12%, transparent);
}
:root[data-bs-theme="dark"] .ve-notif__icon {
background: color-mix(in oklab, var(--bs-primary) 20%, transparent);
}
.ve-notif__icon i { font-size: 1.1rem; color: var(--bs-primary); }
.ve-notif__body { min-width: 0; }
.ve-notif__title { margin: 0 0 .125rem 0; font-weight: 600; font-size: .95rem; }
.ve-notif__text  { margin: 0; color: var(--bs-secondary-color); font-size: .925rem; }
.ve-notif__meta  { margin-top: .25rem; font-size: .8rem; color: var(--bs-tertiary-color); display:flex; gap:.5rem; align-items:center; }
.ve-notif__avatar {
width: 36px; height: 36px; border-radius: 999px; object-fit: cover;
border: 1px solid var(--bs-border-color);
}
.ve-notif__right { display:flex; align-items:center; gap:.5rem; }
.ve-notif--unread .ve-notif__dot {
width: 10px; height: 10px; border-radius: 999px; background: var(--bs-primary);
}
.ve-notif--unread .ve-notif__title { color: var(--bs-link-color); } .ve-notif-card {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: 14px;
padding: .75rem .9rem;
} #ve-mark-all-read { white-space: nowrap; } .ve-share-actions {
display: flex;
justify-content: center;
gap: .75rem;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: .25rem;
}
.ve-share-action {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
padding: 0;
border-radius: 999px;
flex: 0 0 auto;
font-size: 1.35rem;
}
.ve-btn-close {
color: inherit;
filter: none;
opacity: .65;
transition: opacity 0.2s ease;
}
.ve-btn-close:hover,
.ve-btn-close:focus,
.ve-btn-close:focus-visible {
opacity: 1;
}
.modal .ve-btn-close {
color: var(--bs-body-color);
}
:root[data-bs-theme="dark"] .modal .ve-btn-close {
color: #f8f9fa;
}
#ve-share-copy {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #212529;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
#ve-share-copy:hover,
#ve-share-copy:focus,
#ve-share-copy:focus-visible,
#ve-share-copy:active {
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.4);
color: #000;
}
:root[data-bs-theme="dark"] #ve-share-copy {
border-color: rgba(255, 255, 255, 0.4);
color: #f8f9fa;
}
:root[data-bs-theme="dark"] #ve-share-copy:hover,
:root[data-bs-theme="dark"] #ve-share-copy:focus,
:root[data-bs-theme="dark"] #ve-share-copy:focus-visible,
:root[data-bs-theme="dark"] #ve-share-copy:active {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.65);
color: #fff;
} .ve-delete-confirm-modal .modal-content {
border: 1px solid var(--bs-border-color);
}
.ve-delete-confirm-modal .modal-header,
.ve-delete-confirm-modal .modal-footer {
border-color: var(--bs-border-color);
}
.ve-delete-confirm-modal .modal-title {
font-weight: 600;
}
.ve-delete-confirm-modal .modal-body {
color: var(--bs-secondary-color);
}
.ve-delete-confirm-modal .btn-danger:focus-visible {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .35);
}
.badge[data-ve-feed-count],
.badge[data-ve-notifications-count] {
z-index: 10;
}
.ve-notifications-badge {
opacity: 0;
visibility: hidden;
transform: translateY(-2px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.ve-notifications-badge.ve-notifications-badge--visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.ve-notifications-badge.ve-notifications-badge--pending {
opacity: 0;
visibility: hidden;
}
.badge[data-ve-notifications-count][data-count="0"] {
display: none;
} @keyframes moveGradient {
from {
background-position: 100% 50%;
}
to {
background-position: 0% 50%;
}
}
.primeiro-nome {
position: relative;
display: inline-block;
font-weight: 600;
color: var(--bs-primary);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
.primeiro-nome {
background-image: linear-gradient(
74deg,
color-mix(in oklab, var(--bs-primary) 92%, white) 0%,
color-mix(in oklab, var(--bs-primary) 78%, transparent) 18%,
color-mix(in oklab, var(--bs-info) 82%, transparent) 36%,
color-mix(in oklab, var(--bs-success) 80%, transparent) 54%,
color-mix(in oklab, var(--bs-warning) 75%, transparent) 72%,
color-mix(in oklab, var(--bs-danger) 70%, transparent) 88%,
var(--bs-body-color) 100%
);
background-size: 400% 100%;
background-position: 100% 50%;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
}
.start-animation {
animation: moveGradient 3s ease-in-out forwards;
}
.ve-nav .card-title.primeiro-nome {
justify-content: flex-start;
text-align: left;
}
@media (prefers-reduced-motion: reduce) {
.start-animation {
animation: none;
}
}
.ve-kanban {
--ve-kanban-gap: 1.5rem;
position: relative;
display: flex;
align-items: stretch;
gap: 0.75rem;
width: 100%;
margin-bottom: 0.5rem;
}
.ve-kanban__viewport {
flex: 1;
min-width: 0;
overflow: hidden;
padding-bottom: 0.75rem;
transition: height .35s ease;
}
.ve-kanban__track {
display: flex;
align-items: stretch;
gap: var(--ve-kanban-gap, 1.5rem);
will-change: transform;
transition: transform .35s ease;
}
.ve-kanban__nav {
appearance: none;
border: 1px solid var(--bs-border-color);
background-color: var(--bs-body-bg);
color: var(--bs-body-color);
border-radius: 999px;
width: 2.75rem;
height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
cursor: pointer;
box-shadow: 0 .35rem 1.2rem rgba(15, 23, 42, 0.08);
transition: background-color .15s ease, color .15s ease, border-color .15s ease;
align-self: center;
}
.ve-kanban__nav:hover,
.ve-kanban__nav:focus,
.ve-kanban__nav:focus-visible {
background-color: var(--bs-secondary-bg);
color: var(--bs-primary, currentColor);
border-color: var(--bs-primary, var(--bs-border-color));
}
.ve-kanban__nav[disabled] {
color: var(--bs-secondary-color);
border-color: var(--bs-border-color);
background-color: transparent;
cursor: not-allowed;
opacity: .5;
pointer-events: none;
box-shadow: none;
}
.ve-kanban__nav i {
font-size: 1.15rem;
line-height: 1;
}
.ve-kanban--static .ve-kanban__nav {
display: none;
}
.ve-kanban__column {
flex: 0 0 calc((100% - var(--ve-kanban-gap, 1.5rem)) / 2);
min-width: 18rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0.5rem;
border: 1px solid var(--bs-border-color);
background-color: var(--bs-body-bg);
box-shadow: 0 .35rem 1.2rem rgba(15, 23, 42, 0.08);
}
.ve-kanban__column-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
}
.ve-kanban__cards {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ve-kanban__card {
border-radius: .875rem;
overflow: hidden;
display: flex;
flex-direction: column;
gap: .5rem;
}
.ve-kanban__card-content {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem 1rem 0;
}
.ve-kanban__thumb {
flex: 0 0 88px;
width: 88px;
height: 88px;
background: var(--bs-secondary-bg);
border-radius: .75rem;
overflow: hidden;
}
.ve-kanban__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ve-kanban__thumb--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--bs-secondary-color);
font-size: 1.8rem;
}
.ve-kanban__card-body {
padding: 0;
}
.ve-kanban__card-title {
font-weight: 600;
}
.ve-kanban__card-title a {
color: inherit;
}
.ve-kanban__card-title a:active,
.ve-kanban__card-title a:focus,
.ve-kanban__card-title a:focus-visible {
color: #000;
}
.ve-kanban__meta {
color: var(--bs-secondary-color);
}
.ve-kanban__actions {
display: flex;
align-items: center;
width: 100%;
gap: 0;
border-top: 1px solid var(--bs-border-color);
margin-top: 0;
padding-top: .75rem;
color: var(--bs-primary, currentColor);
}
.ve-kanban__action {
appearance: none;
border: 0;
background: none;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
transition: none;
}
.ve-kanban__action:hover,
.ve-kanban__action:focus,
.ve-kanban__action:focus-visible {
color: inherit;
background: none;
box-shadow: none;
}
.ve-kanban__action--end {
margin-left: auto;
}
:root[data-bs-theme="dark"] .ve-kanban__actions {
color: var(--ve-dark-accent, var(--bs-primary, currentColor));
}
.ve-kanban__action i {
color: inherit;
}
.ve-scheduled-toolbar .form-control-sm,
.ve-scheduled-toolbar .form-select-sm {
min-height: calc(1.5em + .5rem + 2px);
}
.ve-scheduled-calendar__grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: .5rem;
}
.ve-scheduled-calendar__head {
font-size: .78rem;
font-weight: 600;
text-transform: uppercase;
color: var(--bs-secondary-color);
padding: .2rem .35rem;
}
.ve-scheduled-calendar__cell {
border: 1px solid var(--bs-border-color);
border-radius: .5rem;
padding: .35rem;
min-height: 7.5rem;
background: var(--bs-body-bg);
}
.ve-scheduled-calendar__cell.is-out {
opacity: .5;
}
.ve-scheduled-calendar__day {
font-size: .82rem;
font-weight: 700;
margin-bottom: .2rem;
}
.ve-scheduled-calendar__events {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: .25rem;
}
.ve-scheduled-calendar__events li {
font-size: .75rem;
line-height: 1.25;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ve-scheduled-calendar__events a {
text-decoration: none;
}
.ve-scheduled-calendar__week {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: .5rem;
}
.ve-scheduled-calendar__week-col {
border: 1px solid var(--bs-border-color);
border-radius: .5rem;
padding: .5rem;
min-height: 8rem;
}
.ve-scheduled-calendar__week-head {
font-size: .78rem;
font-weight: 600;
margin-bottom: .35rem;
}
.ve-scheduled-calendar__empty {
color: var(--bs-secondary-color);
font-size: .8rem;
}
.ve-scheduled-preview {
font-size: .75rem;
}
.ve-scheduled-preview__title {
font-weight: 600;
margin-bottom: .15rem;
}
.ve-kanban__card.d-none {
display: none !important;
}
.ve-review__actions {
color: var(--bs-body-color);
}
.ve-review__actions .btn i {
color: inherit;
}
:root[data-bs-theme="dark"] .ve-review__actions {
color: #ffffff;
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.35);
background-color: transparent;
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary:hover,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary:focus,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary:active {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.12);
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary:focus-visible {
box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary {
color: #ffffff;
border-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 55%, transparent);
background-color: transparent;
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary:hover,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary:focus,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary:active {
color: #ffffff;
border-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 70%, transparent);
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 18%, transparent);
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary:focus-visible {
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 35%, transparent);
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary .ms-1,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary .ms-1 {
color: #ffffff;
}
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-secondary i,
:root[data-bs-theme="dark"] .ve-review__actions .btn-outline-primary i {
color: #ffffff;
}
:root[data-bs-theme="dark"] .ve-appearance__save-btn {
color: #000;
}
:root[data-bs-theme="dark"] .ve-appearance__save-btn:hover,
:root[data-bs-theme="dark"] .ve-appearance__save-btn:focus,
:root[data-bs-theme="dark"] .ve-appearance__save-btn:active {
color: #000;
}
:root[data-bs-theme="dark"] .ve-fab {
color: #000 !important;
}
:root[data-bs-theme="dark"] .ve-fab i {
color: #000 !important;
}
:root[data-bs-theme="dark"] .ve-users__primary-btn {
color: #000;
}
:root[data-bs-theme="dark"] .ve-users__primary-btn:hover,
:root[data-bs-theme="dark"] .ve-users__primary-btn:focus,
:root[data-bs-theme="dark"] .ve-users__primary-btn:active {
color: #000;
}
:root[data-bs-theme="dark"] .ve-groups__action-btn {
color: var(--ve-dark-accent, var(--bs-primary));
border-color: var(--ve-dark-accent, var(--bs-primary));
background-color: transparent;
}
:root[data-bs-theme="dark"] .ve-groups__action-btn:hover,
:root[data-bs-theme="dark"] .ve-groups__action-btn:focus,
:root[data-bs-theme="dark"] .ve-groups__action-btn:active {
color: #000;
border-color: var(--ve-dark-accent, var(--bs-primary));
background-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 85%, transparent);
}
:root[data-bs-theme="dark"] .ve-groups__action-btn:focus-visible {
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 45%, transparent);
}
@media (max-width: 991.98px) {
.ve-kanban {
--ve-kanban-gap: 1rem;
}
.ve-kanban__column {
min-width: 16rem;
padding: .75rem;
}
}
@media (max-width: 767.98px) {
.ve-kanban {
gap: .5rem;
}
.ve-kanban__column {
flex-basis: 100%;
}
.ve-scheduled-calendar__grid,
.ve-scheduled-calendar__week {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 575.98px) {
.ve-kanban__nav {
width: 2.25rem;
height: 2.25rem;
}
.ve-kanban__column {
min-width: 0;
}
}
a.btn:not(.ve-landing-cta-btn),
a.btn:not(.ve-landing-cta-btn):visited,
a.btn:not(.ve-landing-cta-btn):hover,
a.btn:not(.ve-landing-cta-btn):focus,
a.btn:not(.ve-landing-cta-btn):active {
color: #000 !important;
}
:root[data-bs-theme="dark"] .page-template-page-landing .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="dark"] .page-template-page-landing .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="dark"] .page-template-page-landing-php .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="dark"] .page-template-page-landing-php .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="dark"] .ve-landing-nav-shortcode .nav-pills .nav-link.active,
:root[data-bs-theme="dark"] .ve-landing-nav-shortcode .nav-pills .nav-link[aria-current="page"] {
color: #000 !important;
}
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .page-template-page-landing .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .page-template-page-landing-php .landing-header .nav-pills .nav-link[aria-current="page"],
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link.active,
:root[data-bs-theme="light"] .ve-landing-nav-shortcode .nav-pills .nav-link[aria-current="page"] {
color: #fff !important;
}
:root[data-bs-theme="dark"] .page-template-page-landing button.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="dark"] .page-template-page-landing-php a.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="dark"] .page-template-page-landing-php button.btn:not(.ve-landing-cta-btn) {
color: #000 !important;
}
:root[data-bs-theme="light"] .page-template-page-landing button.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="light"] .page-template-page-landing-php a.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="light"] .page-template-page-landing-php button.btn:not(.ve-landing-cta-btn) {
color: #fff!important;
}
:root[data-bs-theme="dark"] a.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="dark"] a.btn:not(.ve-landing-cta-btn):visited,
:root[data-bs-theme="dark"] a.btn:not(.ve-landing-cta-btn):hover,
:root[data-bs-theme="dark"] a.btn:not(.ve-landing-cta-btn):focus,
:root[data-bs-theme="dark"] a.btn:not(.ve-landing-cta-btn):active,
:root[data-bs-theme="dark"] button.btn:not(.ve-landing-cta-btn),
:root[data-bs-theme="dark"] button.btn:not(.ve-landing-cta-btn):hover,
:root[data-bs-theme="dark"] button.btn:not(.ve-landing-cta-btn):focus,
:root[data-bs-theme="dark"] button.btn:not(.ve-landing-cta-btn):active {
color: #fff;
}
:root[data-bs-theme="dark"] .ve-like[aria-pressed="true"] {
color: var(--bs-success, #198754);
}
:root[data-bs-theme="dark"] .ve-like[aria-pressed="true"] i,
:root[data-bs-theme="dark"] .ve-like[aria-pressed="true"] .ve-like-count {
color: inherit;
} #ve-tab-groups .badge.text-bg-light,
#ve-tab-groups .badge.text-bg-primary {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
font-size: 0.875rem;
line-height: 1.2;
}
#ve-tab-groups .badge.text-bg-light {
border: 1px solid rgba(255, 255, 255, 0.35);
background-color: transparent !important;
color: inherit !important;
font-weight: 500;
}
#ve-tab-groups .badge.text-bg-primary {
border: 1px solid var(--ve-dark-accent, var(--bs-primary, #0d6efd));
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd)) !important;
color: #000 !important;
font-weight: 600;
}
#ve-tab-groups .btn.btn-outline-secondary.btn-sm,
#ve-tab-groups .ve-groups__action-btn {
--ve-groups-chip-border: rgba(255, 255, 255, 0.35);
--ve-groups-chip-hover-bg: rgba(255, 255, 255, 0.12);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
border: 1px solid var(--ve-groups-chip-border);
background-color: transparent;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
#ve-tab-groups .btn.btn-outline-secondary.btn-sm:hover,
#ve-tab-groups .btn.btn-outline-secondary.btn-sm:focus-visible,
#ve-tab-groups .ve-groups__action-btn:hover,
#ve-tab-groups .ve-groups__action-btn:focus-visible {
background-color: var(--ve-groups-chip-hover-bg);
}
#ve-tab-groups .btn.btn-outline-secondary.btn-sm:focus-visible,
#ve-tab-groups .ve-groups__action-btn:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
:root[data-bs-theme="light"] #ve-tab-groups .badge.text-bg-light,
:root[data-bs-theme="light"] #ve-tab-groups .btn.btn-outline-secondary.btn-sm,
:root[data-bs-theme="light"] #ve-tab-groups .ve-groups__action-btn {
--ve-groups-chip-border: rgba(0, 0, 0, 0.2);
--ve-groups-chip-hover-bg: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.2);
}
:root[data-bs-theme="light"] #ve-tab-groups .badge.text-bg-primary {
color: #fff !important;
}
:root[data-bs-theme="dark"] #ve-tab-groups .badge.text-bg-primary {
border-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd));
background-color: var(--ve-dark-button-color, var(--bs-primary, #0d6efd)) !important;
color: #000 !important;
}
:root[data-bs-theme="dark"] #ve-tab-groups .btn.btn-outline-secondary.btn-sm,
:root[data-bs-theme="dark"] #ve-tab-groups .ve-groups__action-btn {
--ve-groups-chip-border: rgba(255, 255, 255, 0.35);
--ve-groups-chip-hover-bg: rgba(255, 255, 255, 0.12);
color: inherit;
} #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:visited,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:hover,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:focus,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:focus-visible,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:active {
color: var(--bs-body-color, #212529) !important;
}
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"],
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:hover,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:focus,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:focus-visible,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:active,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:hover,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:focus,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:focus-visible,
#ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:active {
color: var(--ve-dark-button-text, #000) !important;
}
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]),
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]):visited,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]):hover,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]):focus,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]):focus-visible,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary:not(.active):not([aria-pressed="true"]):active {
color: #fff !important;
}
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"],
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:hover,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:focus,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:focus-visible,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary.active:active,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:hover,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:focus,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:focus-visible,
:root[data-bs-theme="dark"] #ve-tab-reports .btn-group[role="group"] > a.btn.btn-outline-secondary[aria-pressed="true"]:active {
color: var(--ve-dark-button-text, #000) !important;
} #vePostModal #btnMedia.btn.ve-indicator,
#vePostModal #btnEmoji.btn.ve-indicator,
#vePostModal #btnSchedule.btn.ve-indicator,
#vePostModal #btnLocation.btn.ve-indicator,
#vePostModal #btnPublish.btn.ve-indicator {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
}
#vePostModal #btnMedia.btn.ve-indicator:hover,
#vePostModal #btnEmoji.btn.ve-indicator:hover,
#vePostModal #btnSchedule.btn.ve-indicator:hover,
#vePostModal #btnLocation.btn.ve-indicator:hover,
#vePostModal #btnPublish.btn.ve-indicator:hover,
#vePostModal #btnMedia.btn.ve-indicator:focus,
#vePostModal #btnEmoji.btn.ve-indicator:focus,
#vePostModal #btnSchedule.btn.ve-indicator:focus,
#vePostModal #btnLocation.btn.ve-indicator:focus,
#vePostModal #btnPublish.btn.ve-indicator:focus,
#vePostModal #btnMedia.btn.ve-indicator:active,
#vePostModal #btnEmoji.btn.ve-indicator:active,
#vePostModal #btnSchedule.btn.ve-indicator:active,
#vePostModal #btnLocation.btn.ve-indicator:active,
#vePostModal #btnPublish.btn.ve-indicator:active {
background-color: color-mix(in srgb, var(--bs-body-color, #212529) 10%, transparent) !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.55)) !important;
color: var(--bs-body-color, #212529) !important;
}
#vePostModal #btnMedia.btn.ve-indicator:focus-visible,
#vePostModal #btnEmoji.btn.ve-indicator:focus-visible,
#vePostModal #btnSchedule.btn.ve-indicator:focus-visible,
#vePostModal #btnLocation.btn.ve-indicator:focus-visible,
#vePostModal #btnPublish.btn.ve-indicator:focus-visible {
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--bs-primary, #0d6efd) 30%, transparent);
}
#vePostModal #btnMedia.btn.ve-indicator.active,
#vePostModal #btnEmoji.btn.ve-indicator.active,
#vePostModal #btnSchedule.btn.ve-indicator.active,
#vePostModal #btnLocation.btn.ve-indicator.active,
#vePostModal #btnMedia.btn.ve-indicator[aria-pressed="true"],
#vePostModal #btnEmoji.btn.ve-indicator[aria-pressed="true"],
#vePostModal #btnSchedule.btn.ve-indicator[aria-pressed="true"],
#vePostModal #btnLocation.btn.ve-indicator[aria-pressed="true"] {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator,
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator,
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator,
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator {
background-color: transparent !important;
border-color: rgba(255, 255, 255, 0.35) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:active {
background-color: rgba(255, 255, 255, 0.12) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator.active,
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator.active,
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator.active,
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator.active,
:root[data-bs-theme="dark"] #vePostModal #btnMedia.btn.ve-indicator[aria-pressed="true"],
:root[data-bs-theme="dark"] #vePostModal #btnEmoji.btn.ve-indicator[aria-pressed="true"],
:root[data-bs-theme="dark"] #vePostModal #btnSchedule.btn.ve-indicator[aria-pressed="true"],
:root[data-bs-theme="dark"] #vePostModal #btnLocation.btn.ve-indicator[aria-pressed="true"] {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
}
#vePostModal #btnPublish.btn.ve-indicator,
#vePostModal #btnPublish.btn.ve-indicator:hover,
#vePostModal #btnPublish.btn.ve-indicator:focus,
#vePostModal #btnPublish.btn.ve-indicator:active,
#vePostModal #btnPublish.btn.ve-indicator:focus-visible {
border-color: transparent !important;
}
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #vePostModal #btnPublish.btn.ve-indicator:focus-visible {
border-color: transparent !important;
}
#vePostModal #vePostForm button[type="submit"].btn.btn-primary.rounded-pill,
#vePostModal #vePostForm button[type="submit"].btn.btn-primary.rounded-pill:hover,
#vePostModal #vePostForm button[type="submit"].btn.btn-primary.rounded-pill:focus,
#vePostModal #vePostForm button[type="submit"].btn.btn-primary.rounded-pill:active,
#vePostModal #vePostForm button[type="submit"].btn.btn-primary.rounded-pill:focus-visible {
color: var(--ve-dark-button-text, #000) !important;
} #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator {
background-color: transparent !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.4)) !important;
color: var(--bs-body-color, #212529) !important;
}
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:hover,
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:focus,
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:active {
background-color: color-mix(in srgb, var(--bs-body-color, #212529) 10%, transparent) !important;
border-color: var(--bs-border-color, rgba(108, 117, 125, 0.55)) !important;
color: var(--bs-body-color, #212529) !important;
}
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:focus-visible {
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--bs-primary, #0d6efd) 30%, transparent);
}
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator.active,
#veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator[aria-pressed="true"] {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator {
background-color: transparent !important;
border-color: rgba(255, 255, 255, 0.35) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator:active {
background-color: rgba(255, 255, 255, 0.12) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
color: #fff !important;
}
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator.active,
:root[data-bs-theme="dark"] #veReplyModal :is(#ve-reply-attach-btn, #ve-reply-emoji, #ve-reply-schedule-btn, #ve-reply-location-btn, #ve-reply-submit).btn.ve-indicator[aria-pressed="true"] {
background-color: var(--bs-success, #198754) !important;
border-color: var(--bs-success, #198754) !important;
color: #fff !important;
}
#veReplyModal #ve-reply-submit.btn.ve-indicator,
#veReplyModal #ve-reply-submit.btn.ve-indicator:hover,
#veReplyModal #ve-reply-submit.btn.ve-indicator:focus,
#veReplyModal #ve-reply-submit.btn.ve-indicator:active,
#veReplyModal #ve-reply-submit.btn.ve-indicator:focus-visible {
border-color: transparent !important;
}
:root[data-bs-theme="dark"] #veReplyModal #ve-reply-submit.btn.ve-indicator,
:root[data-bs-theme="dark"] #veReplyModal #ve-reply-submit.btn.ve-indicator:hover,
:root[data-bs-theme="dark"] #veReplyModal #ve-reply-submit.btn.ve-indicator:focus,
:root[data-bs-theme="dark"] #veReplyModal #ve-reply-submit.btn.ve-indicator:active,
:root[data-bs-theme="dark"] #veReplyModal #ve-reply-submit.btn.ve-indicator:focus-visible {
border-color: transparent !important;
} #veForwardModal #ve-reply-submit.btn.ve-indicator,
#veForwardModal #ve-reply-submit.btn.ve-indicator:hover,
#veForwardModal #ve-reply-submit.btn.ve-indicator:focus,
#veForwardModal #ve-reply-submit.btn.ve-indicator:active,
#veForwardModal #ve-reply-submit.btn.ve-indicator:focus-visible {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
color: var(--bs-body-color, #212529) !important;
}
:root[data-bs-theme="light"] #veForwardModal #ve-forward-clear-selection.btn,
:root[data-bs-theme="light"] #veForwardModal #ve-forward-clear-selection.btn:hover,
:root[data-bs-theme="light"] #veForwardModal #ve-forward-clear-selection.btn:focus,
:root[data-bs-theme="light"] #veForwardModal #ve-forward-clear-selection.btn:active,
:root[data-bs-theme="light"] #veForwardModal #ve-forward-clear-selection.btn:focus-visible {
color: #000 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
} :is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link:hover,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link:focus,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link:active,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link:focus-visible {
background-color: transparent !important;
border-color: transparent !important;
color: inherit !important;
box-shadow: none !important;
}
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link i,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link .ve-reply-count,
:is(.ve-reply-btn, .ve-forward, .ve-like, .ve-favorite, .ve-share).btn.btn-link .ve-like-count {
color: inherit !important;
}
.ve-like.btn.btn-link[aria-pressed="true"],
.ve-like.btn.btn-link[aria-pressed="true"]:hover,
.ve-like.btn.btn-link[aria-pressed="true"]:focus,
.ve-like.btn.btn-link[aria-pressed="true"]:active,
.ve-like.btn.btn-link[aria-pressed="true"]:focus-visible {
color: var(--bs-success, #198754) !important;
}
.ve-favorite.btn.btn-link[aria-pressed="true"],
.ve-favorite.btn.btn-link[aria-pressed="true"]:hover,
.ve-favorite.btn.btn-link[aria-pressed="true"]:focus,
.ve-favorite.btn.btn-link[aria-pressed="true"]:active,
.ve-favorite.btn.btn-link[aria-pressed="true"]:focus-visible {
color: var(--bs-warning, #f0ad4e) !important;
} .mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"],
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"]:hover,
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"]:focus,
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"]:active,
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"]:focus-visible {
background-color: transparent !important;
border-color: transparent !important;
color: inherit !important;
box-shadow: none !important;
}
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"] i,
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"] .ve-like-count,
.mt-3.d-flex.justify-content-around.text-muted > .btn.btn-link.disabled[aria-disabled="true"] .ve-reply-count {
color: inherit !important;
}
.ve-share-action .bi {
color: inherit !important;
}
.ve-share-actions #ve-share-whatsapp,
.ve-share-actions #ve-share-whatsapp:visited,
.ve-share-actions #ve-share-whatsapp:hover,
.ve-share-actions #ve-share-whatsapp:focus,
.ve-share-actions #ve-share-whatsapp:focus-visible,
.ve-share-actions #ve-share-whatsapp:active {
color: #25d366 !important;
}
.ve-share-actions #ve-share-telegram,
.ve-share-actions #ve-share-telegram:visited,
.ve-share-actions #ve-share-telegram:hover,
.ve-share-actions #ve-share-telegram:focus,
.ve-share-actions #ve-share-telegram:focus-visible,
.ve-share-actions #ve-share-telegram:active {
color: #0088cc !important;
}
.ve-share-actions #ve-share-facebook,
.ve-share-actions #ve-share-facebook:visited,
.ve-share-actions #ve-share-facebook:hover,
.ve-share-actions #ve-share-facebook:focus,
.ve-share-actions #ve-share-facebook:focus-visible,
.ve-share-actions #ve-share-facebook:active {
color: #1877f2 !important;
}
.ve-share-actions #ve-share-twitter,
.ve-share-actions #ve-share-twitter:visited,
.ve-share-actions #ve-share-twitter:hover,
.ve-share-actions #ve-share-twitter:focus,
.ve-share-actions #ve-share-twitter:focus-visible,
.ve-share-actions #ve-share-twitter:active {
color: #1da1f2 !important;
}
.ve-share-actions #ve-share-linkedin,
.ve-share-actions #ve-share-linkedin:visited,
.ve-share-actions #ve-share-linkedin:hover,
.ve-share-actions #ve-share-linkedin:focus,
.ve-share-actions #ve-share-linkedin:focus-visible,
.ve-share-actions #ve-share-linkedin:active {
color: #0a66c2 !important;
}
.page-template-postagens #colophon[data-ve-feed-footer="defer"][hidden] {
display: none !important;
}
.wp2fa-modal,
.micromodal-slide {
display: none;
}
.wp2fa-modal.is-open,
.micromodal-slide.is-open {
display: block;
}
.wp2fa-modal,
.wp2fa-setup,
.wp2fa-form-styles {
font-family: inherit;
color: #fff;
}
[data-bs-theme="light"] .wp2fa-modal,
[data-bs-theme="light"] .wp2fa-setup,
[data-bs-theme="light"] .wp2fa-form-styles {
color: #000;
}
.wp2fa-modal .modal__overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
z-index: 1050;
background: rgba(3, 6, 17, .72);
}
[data-bs-theme="light"] .wp2fa-modal .modal__overlay {
background: rgba(0, 0, 0, .55);
}
.wp2fa-modal .modal__container,
.wp2fa-setup .wp2fa-setup-content,
.wp2fa-form-styles {
position: relative;
max-height: calc(100vh - 3rem);
overflow-y: auto;
background: var(--bs-body-bg, #050505);
color: inherit;
border-radius: 1.25rem;
padding: clamp(1.5rem, 2vw, 2.5rem);
box-shadow: 0 1.75rem 3.5rem rgba(0, 0, 0, .45);
max-width: min(920px, 90vw);
}
.wp2fa-form-styles {
color: #fff;
}
[data-bs-theme="light"] .wp2fa-modal .modal__container,
[data-bs-theme="light"] .wp2fa-setup .wp2fa-setup-content,
[data-bs-theme="light"] .wp2fa-form-styles {
background: var(--bs-body-bg, #ffffff);
box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, .15);
}
.wp2fa-modal .modal__content,
.wp2fa-setup .wp2fa-setup-form,
.wp2fa-form-styles {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.wp2fa-modal .modal__close {
color: var(--bs-secondary, #adb5bd);
font-size: 1.25rem;
transition: color .2s ease;
}
.wp2fa-modal .modal__close:hover {
color: var(--bs-body-color, #fff);
}
.wp2fa-modal .wizard-step,
.wp2fa-setup .wizard-step,
.wp2fa-setup .step-setting-wrapper,
.wp2fa-form-styles .wizard-step,
.wp2fa-form-styles .step-setting-wrapper {
background: rgba(255, 255, 255, .03);
padding: 1.25rem 1.5rem;
backdrop-filter: blur(6px);
}
[data-bs-theme="light"] .wp2fa-modal .wizard-step,
[data-bs-theme="light"] .wp2fa-setup .wizard-step,
[data-bs-theme="light"] .wp2fa-setup .step-setting-wrapper,
[data-bs-theme="light"] .wp2fa-form-styles .wizard-step,
[data-bs-theme="light"] .wp2fa-form-styles .step-setting-wrapper {
background: rgba(0, 0, 0, .02);
}
.wp2fa-modal .wizard-step h3,
.wp2fa-modal .wizard-step h4,
.wp2fa-setup .wizard-step h3,
.wp2fa-setup .wizard-step h4,
.wp2fa-form-styles .wizard-step h3,
.wp2fa-form-styles .wizard-step h4 {
font-weight: 600;
margin-bottom: .75rem;
color: var(--ve-dark-accent, var(--bs-heading-color, currentColor));
}
.wp2fa-modal .wizard-step:not(.active),
.wp2fa-setup .wizard-step:not(.active),
.wp2fa-form-styles .wizard-step:not(.active),
.wp2fa-modal .step-setting-wrapper.hidden,
.wp2fa-setup .step-setting-wrapper.hidden,
.wp2fa-form-styles .step-setting-wrapper.hidden,
.wp2fa-modal .step-setting-wrapper:not(.active),
.wp2fa-setup .step-setting-wrapper:not(.active),
.wp2fa-form-styles .step-setting-wrapper:not(.active),
.wp2fa-modal .step-setting-wrapper.inactive,
.wp2fa-setup .step-setting-wrapper.inactive,
.wp2fa-form-styles .step-setting-wrapper.inactive {
display: none !important;
}
.wp2fa-modal .wizard-step p,
.wp2fa-setup .wizard-step p,
.wp2fa-setup .wizard-step ul,
.wp2fa-form-styles .wizard-step p,
.wp2fa-form-styles .wizard-step ul {
color: inherit;
opacity: .85;
}
.wp2fa-modal fieldset,
.wp2fa-setup fieldset,
.wp2fa-form-styles fieldset {
margin: 0;
padding: 0;
border: 0;
}
.wp2fa-modal .radio-cells,
.wp2fa-setup .radio-cells,
.wp2fa-form-styles .radio-cells {
display: grid;
gap: .85rem;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.wp2fa-modal .radio-cells label,
.wp2fa-setup .radio-cells label,
.wp2fa-form-styles .radio-cells label {
display: flex;
align-items: flex-start;
gap: .75rem;
padding: 1rem 1.1rem;
border: 1px solid rgba(255, 255, 255, .15);
background: rgba(255, 255, 255, .02);
margin: 0;
cursor: pointer;
transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
[data-bs-theme="light"] .wp2fa-modal .radio-cells label,
[data-bs-theme="light"] .wp2fa-setup .radio-cells label,
[data-bs-theme="light"] .wp2fa-form-styles .radio-cells label {
border: 1px solid rgba(15, 23, 42, .12);
background: rgba(15, 23, 42, .02);
}
.wp2fa-modal .radio-cells input[type="radio"],
.wp2fa-setup .radio-cells input[type="radio"],
.wp2fa-form-styles .radio-cells input[type="radio"] {
margin-top: .3rem;
accent-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
}
.wp2fa-modal .radio-cells label:hover,
.wp2fa-setup .radio-cells label:hover,
.wp2fa-modal .radio-cells label:focus-within,
.wp2fa-setup .radio-cells label:focus-within,
.wp2fa-form-styles .radio-cells label:hover,
.wp2fa-form-styles .radio-cells label:focus-within {
border-color: var(--bs-primary, #0d6efd);
box-shadow: 0 0 0 .1rem rgba(13, 110, 253, .25);
background: rgba(13, 110, 253, .08);
}
[data-bs-theme="light"] .wp2fa-modal .radio-cells label:hover,
[data-bs-theme="light"] .wp2fa-setup .radio-cells label:hover,
[data-bs-theme="light"] .wp2fa-modal .radio-cells label:focus-within,
[data-bs-theme="light"] .wp2fa-setup .radio-cells label:focus-within,
[data-bs-theme="light"] .wp2fa-form-styles .radio-cells label:hover,
[data-bs-theme="light"] .wp2fa-form-styles .radio-cells label:focus-within {
background: rgba(13, 110, 253, .12);
}
[data-bs-theme="dark"] .wp2fa-modal .wizard-step p,
[data-bs-theme="dark"] .wp2fa-modal .wizard-step .description,
[data-bs-theme="dark"] .wp2fa-modal .wizard-step ul,
[data-bs-theme="dark"] .wp2fa-modal .wizard-step li,
[data-bs-theme="dark"] .wp2fa-modal .verification-response,
[data-bs-theme="dark"] .wp2fa-form-styles .wizard-step p,
[data-bs-theme="dark"] .wp2fa-form-styles .wizard-step .description,
[data-bs-theme="dark"] .wp2fa-form-styles .wizard-step ul,
[data-bs-theme="dark"] .wp2fa-form-styles .wizard-step li,
[data-bs-theme="dark"] .wp2fa-form-styles .verification-response {
color: #fff !important;
opacity: 1 !important;
}
.wp2fa-modal .option-pill,
.wp2fa-modal .option-pill label,
.wp2fa-modal .option-pill span,
.wp2fa-modal .wizard-step p,
.wp2fa-modal .wizard-step .description,
.wp2fa-modal .wizard-step .description a,
.wp2fa-modal .wizard-tooltip,
.wp2fa-modal .wizard-custom-counter li,
.wp2fa-form-styles .option-pill,
.wp2fa-form-styles .option-pill label,
.wp2fa-form-styles .option-pill span,
.wp2fa-form-styles .wizard-step p,
.wp2fa-form-styles .wizard-step .description,
.wp2fa-form-styles .wizard-step .description a,
.wp2fa-form-styles .wizard-tooltip,
.wp2fa-form-styles .wizard-custom-counter li {
color: inherit;
}
.wp2fa-form-styles [id="2fa-currently-configured-methods"] th label::after {
content: '\00a0';
display: inline-block;
}
.wp2fa-modal .wizard-step .description a,
.wp2fa-form-styles .wizard-step .description a {
color: var(--bs-primary, #0d6efd);
text-decoration: underline;
}
.wp2fa-modal .option-pill,
.wp2fa-form-styles .option-pill {
padding: 1rem 1.2rem;
border: 1px solid rgba(255, 255, 255, .12);
background: rgba(255, 255, 255, .03);
transition: border-color .2s ease, background .2s ease;
}
[data-bs-theme="light"] .wp2fa-modal .option-pill,
[data-bs-theme="light"] .wp2fa-form-styles .option-pill {
border-color: rgba(15, 23, 42, .1);
background: rgba(15, 23, 42, .02);
}
.wp2fa-modal .option-pill.isSelected,
.wp2fa-form-styles .option-pill.isSelected {
border-color: var(--bs-primary, #0d6efd);
background: rgba(13, 110, 253, .15);
box-shadow: inset 0 0 0 1px rgba(13, 110, 253, .2);
}
[data-bs-theme="light"] .wp2fa-modal .option-pill.isSelected,
[data-bs-theme="light"] .wp2fa-form-styles .option-pill.isSelected {
background: rgba(13, 110, 253, .12);
}
.wp2fa-modal .wizard-tooltip,
.wp2fa-form-styles .wizard-tooltip {
background: rgba(255, 255, 255, .1);
border-radius: 999px;
width: 1.75rem;
height: 1.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
}
[data-bs-theme="light"] .wp2fa-modal .wizard-tooltip,
[data-bs-theme="light"] .wp2fa-form-styles .wizard-tooltip {
background: rgba(15, 23, 42, .1);
}
.wp2fa-modal .tooltip-content-wrapper,
.wp2fa-form-styles .tooltip-content-wrapper {
color: #fff;
}
[data-bs-theme="light"] .wp2fa-modal .tooltip-content-wrapper,
[data-bs-theme="light"] .wp2fa-form-styles .tooltip-content-wrapper {
color: #0b1526;
}
.wp2fa-modal input[type="text"],
.wp2fa-modal input[type="number"],
.wp2fa-modal input[type="email"],
.wp2fa-modal input[type="tel"],
.wp2fa-modal input[type="password"],
.wp2fa-modal .iti--allow-dropdown input,
.wp2fa-setup input[type="text"],
.wp2fa-setup input[type="number"],
.wp2fa-setup input[type="email"],
.wp2fa-setup input[type="tel"],
.wp2fa-setup input[type="password"],
.wp2fa-form-styles input[type="text"],
.wp2fa-form-styles input[type="number"],
.wp2fa-form-styles input[type="email"],
.wp2fa-form-styles input[type="tel"],
.wp2fa-form-styles input[type="password"] {
width: 100%;
border-radius: .85rem;
border: 1px solid rgba(255, 255, 255, .15);
background: rgba(255, 255, 255, .04);
color: inherit;
padding: .85rem 1rem;
font-size: 1rem;
transition: border-color .2s ease, box-shadow .2s ease;
}
[data-bs-theme="light"] .wp2fa-modal input[type="text"],
[data-bs-theme="light"] .wp2fa-modal input[type="number"],
[data-bs-theme="light"] .wp2fa-modal input[type="email"],
[data-bs-theme="light"] .wp2fa-modal input[type="tel"],
[data-bs-theme="light"] .wp2fa-modal input[type="password"],
[data-bs-theme="light"] .wp2fa-setup input[type="text"],
[data-bs-theme="light"] .wp2fa-setup input[type="number"],
[data-bs-theme="light"] .wp2fa-setup input[type="email"],
[data-bs-theme="light"] .wp2fa-setup input[type="tel"],
[data-bs-theme="light"] .wp2fa-setup input[type="password"],
[data-bs-theme="light"] .wp2fa-form-styles input[type="text"],
[data-bs-theme="light"] .wp2fa-form-styles input[type="number"],
[data-bs-theme="light"] .wp2fa-form-styles input[type="email"],
[data-bs-theme="light"] .wp2fa-form-styles input[type="tel"],
[data-bs-theme="light"] .wp2fa-form-styles input[type="password"] {
border: 1px solid rgba(15, 23, 42, .12);
background: rgba(15, 23, 42, .035);
color: #0b1526;
}
.wp2fa-modal input:focus,
.wp2fa-setup input:focus,
.wp2fa-form-styles input:focus {
outline: none;
border-color: var(--bs-primary, #0d6efd);
box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .35);
}
.wp2fa-modal .wp2fa-setup-actions,
.wp2fa-setup .wp2fa-setup-actions,
.wp2fa-form-styles .wp2fa-setup-actions {
display: flex;
flex-wrap: wrap;
gap: .75rem;
align-items: center;
margin-top: 1rem;
}
.wp2fa-modal .button,
.wp2fa-setup .button,
.wp2fa-form-styles .button {
border-radius: .75rem;
font-weight: 600;
padding: .65rem 1.5rem;
border: none;
text-transform: none;
letter-spacing: .01em;
transition: none;
}
.wp2fa-modal .wp-2fa-button-primary,
.wp2fa-setup .wp-2fa-button-primary,
.wp2fa-modal .button.button-primary,
.wp2fa-setup .button.button-primary,
.wp2fa-form-styles .button.button-primary {
background: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #fff;
box-shadow: none;
}
.wp2fa-modal .wp-2fa-button-primary:hover,
.wp2fa-setup .wp-2fa-button-primary:hover,
.wp2fa-modal .button.button-primary:hover,
.wp2fa-setup .button.button-primary:hover,
.wp2fa-form-styles .wp-2fa-button-primary:hover,
.wp2fa-form-styles .button.button-primary:hover {
transform: none;
box-shadow: none;
opacity: .9;
}
.wp2fa-modal .wp-2fa-button-secondary,
.wp2fa-setup .wp-2fa-button-secondary,
.wp2fa-modal .button.button-secondary,
.wp2fa-setup .button.button-secondary,
.wp2fa-form-styles .wp-2fa-button-secondary,
.wp2fa-form-styles .button.button-secondary {
background: transparent;
border: 1px solid rgba(255, 255, 255, .3);
color: inherit;
}
[data-bs-theme="light"] .wp2fa-modal .wp-2fa-button-secondary,
[data-bs-theme="light"] .wp2fa-setup .wp-2fa-button-secondary,
[data-bs-theme="light"] .wp2fa-modal .button.button-secondary,
[data-bs-theme="light"] .wp2fa-setup .button.button-secondary,
[data-bs-theme="light"] .wp2fa-form-styles .wp-2fa-button-secondary,
[data-bs-theme="light"] .wp2fa-form-styles .button.button-secondary {
border-color: rgba(0, 0, 0, .2);
}
.wp2fa-modal .wp2fa-setup-actions .button,
.wp2fa-setup .wp2fa-setup-actions .button,
.wp2fa-form-styles .wp2fa-setup-actions .button {
color: inherit;
}
[data-bs-theme="dark"] .wp2fa-modal .wp2fa-setup-actions .button,
[data-bs-theme="dark"] .wp2fa-setup .wp2fa-setup-actions .button,
[data-bs-theme="dark"] .wp2fa-form-styles .wp2fa-setup-actions .button {
color: #000;
}
.wp2fa-modal .wp-2fa-button-secondary:hover,
.wp2fa-setup .wp-2fa-button-secondary:hover,
.wp2fa-modal .button.button-secondary:hover,
.wp2fa-setup .button.button-secondary:hover,
.wp2fa-form-styles .wp-2fa-button-secondary:hover,
.wp2fa-form-styles .button.button-secondary:hover {
transform: none;
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
}
.wp2fa-modal .verification-response,
.wp2fa-setup .verification-response,
.wp2fa-form-styles .verification-response {
font-weight: 600;
margin-top: .25rem;
}
.wp2fa-modal #backup-codes-wrapper,
.wp2fa-setup #backup-codes-wrapper,
.wp2fa-form-styles #backup-codes-wrapper {
border: 1px dashed rgba(255, 255, 255, .35);
padding: 1.25rem;
font-family: "JetBrains Mono", "Fira Code", monospace;
font-size: .95rem;
background: rgba(0, 0, 0, .35);
}
[data-bs-theme="light"] .wp2fa-modal #backup-codes-wrapper,
[data-bs-theme="light"] .wp2fa-setup #backup-codes-wrapper,
[data-bs-theme="light"] .wp2fa-form-styles #backup-codes-wrapper {
border-color: rgba(15, 23, 42, .25);
background: rgba(15, 23, 42, .05);
}
.wp2fa-modal .step-title,
.wp2fa-setup .step-title,
.wp2fa-form-styles .step-title {
font-weight: 600;
letter-spacing: .04em;
color: var(--bs-secondary, #adb5bd);
text-transform: uppercase;
}
.wp2fa-modal .step-title.active-step-title,
.wp2fa-setup .step-title.active-step-title,
.wp2fa-form-styles .step-title.active-step-title {
color: var(--bs-primary, #0d6efd);
}
@media (max-width: 768px) {
.wp2fa-modal .modal__container,
.wp2fa-setup .wp2fa-setup-content,
.wp2fa-form-styles {
padding: 1.25rem;
}
.wp2fa-modal .radio-cells,
.wp2fa-setup .radio-cells,
.wp2fa-form-styles .radio-cells {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.wp2fa-modal .wp2fa-setup-actions,
.wp2fa-setup .wp2fa-setup-actions,
.wp2fa-form-styles .wp2fa-setup-actions {
flex-direction: column;
align-items: stretch;
}
.wp2fa-modal .button,
.wp2fa-setup .button,
.wp2fa-form-styles .button {
width: 100%;
text-align: center;
}
}
html[data-bs-theme="light"] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
color: #0b1526;
}
html[data-bs-theme="dark"] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
color: #fff !important;
}
.wizard-tooltip p, .tooltip-content-wrapper{display: none !important;}
[data-bs-theme="dark"] .wp2fa-form-styles .button.button-primary,
[data-bs-theme="dark"] .wp2fa-modal .wp-2fa-button-primary,
[data-bs-theme="dark"] .wp2fa-setup .wp-2fa-button-primary {
color: #000;
}
.wp2fa-modal .modal__footer {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.wp2fa-modal .modal__footer .button {
flex: 1;
}
.categories-chips {
background: transparent;
border: 0;
border-radius: 0;
padding: 1.5rem 0;
}
.categories-chips__list {
list-style: none;
padding-left: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.categories-chips__item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
flex-wrap: nowrap;
}
.categories-chips__letter {
font-weight: 700;
color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary)) 70%, var(--bs-body-color));
min-width: 2.5rem;
padding-top: 0.2rem;
}
.categories-chips__group {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
}
@media (max-width: 576px) {
.categories-chips__item {
flex-wrap: wrap;
}
}
.categories-chips__chip {
position: relative;
display: inline-flex;
align-items: center;
}
.categories-chips__link {
display: inline-flex;
}
.categories-chips__edit {
position: absolute;
top: -0.15rem;
right: -0.15rem;
background: transparent;
border: 0;
color: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
z-index: 1;
box-shadow: none;
}
.categories-chips__edit:hover,
.categories-chips__edit:focus-visible {
background: transparent;
color: inherit;
}
.categories-chips__edit:focus-visible {
outline: none;
box-shadow: none;
}
:root[data-bs-theme="dark"] .categories-chips__edit {
background: transparent;
color: inherit;
}
:root[data-bs-theme="dark"] .categories-chips__edit:hover,
:root[data-bs-theme="dark"] .categories-chips__edit:focus-visible {
background: transparent;
}
[data-ve-search-chips] .chip,
.categories-chips .chip {
--ve-search-chip-border: rgba(255, 255, 255, 0.35);
--ve-search-chip-hover-bg: rgba(255, 255, 255, 0.12);
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.85rem;
border-radius: 999px;
border: 1px solid var(--ve-search-chip-border);
background-color: transparent;
color: inherit;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
[data-ve-search-chips] .chip:hover,
[data-ve-search-chips] .chip:focus-visible,
.categories-chips .chip:hover,
.categories-chips .chip:focus-visible {
background-color: var(--ve-search-chip-hover-bg);
color: inherit;
text-decoration: none;
}
[data-ve-search-chips] .chip:focus-visible,
.categories-chips .chip:focus-visible {
outline: none;
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
}
:root[data-bs-theme="light"] [data-ve-search-chips] .chip,
:root[data-bs-theme="light"] .categories-chips .chip {
--ve-search-chip-border: rgba(0, 0, 0, 0.2);
--ve-search-chip-hover-bg: rgba(0, 0, 0, 0.05);
}
:root[data-bs-theme="dark"] [data-ve-search-chips] .chip,
:root[data-bs-theme="dark"] .categories-chips .chip {
--ve-search-chip-border: rgba(255, 255, 255, 0.35);
--ve-search-chip-hover-bg: rgba(255, 255, 255, 0.12);
}
.ve-reply-parent-thumb.ve-reply-parent-thumb--link {
width: 150px;
height: 150px;
max-width: 150px;
object-fit: cover;
flex-shrink: 0;
}
.ve-forward-recipients {
background: rgba(255, 255, 255, 0.02);
}
:root[data-bs-theme="light"] .ve-forward-recipients {
background: #fff;
}
.ve-forward-recipient {
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 1rem;
min-height: 140px;
padding: 0.85rem 0.75rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.15rem;
color: inherit;
background: rgba(255, 255, 255, 0.02);
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
:root[data-bs-theme="light"] .ve-forward-recipient {
border-color: rgba(3, 6, 17, 0.12);
background: #fff;
}
:root[data-bs-theme="light"] #ve-forward-recipients-grid .ve-forward-recipient.btn {
background: #fff;
background-color: #fff;
border-color: rgba(3, 6, 17, 0.12);
color: var(--bs-body-color, #030611) !important;
}
.ve-forward-recipient__avatar {
width: 72px;
height: 72px;
border-radius: 999px;
object-fit: cover;
background: rgba(255, 255, 255, 0.08);
}
:root[data-bs-theme="light"] .ve-forward-recipient.active .ve-forward-recipient__avatar {
background: transparent;
}
.ve-forward-recipient__avatar--placeholder {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.5);
}
.ve-forward-recipient__handle {
color: rgba(255, 255, 255, 0.7);
}
:root[data-bs-theme="light"] .ve-forward-recipient__handle {
color: rgba(3, 6, 17, 0.55);
}
.ve-forward-recipient.active {
background: var(--ve-login-accent, var(--bs-primary, #0d6efd));
border-color: color-mix(in srgb, currentColor 80%, transparent);
color: var(--ve-login-accent-contrast, #030611);
}
:root[data-bs-theme="light"] .ve-forward-recipient.active {
background: var(--ve-primary, var(--ve-dark-accent, var(--bs-primary, #0d6efd))) !important;
}
.ve-forward-recipient.active .ve-forward-recipient__handle,
.ve-forward-recipient.active span {
color: var(--ve-login-accent-contrast, #030611);
}
.ve-forward-recipient:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--ve-login-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
} .ve-user-summary-trigger[data-ve-user-card] {
cursor: pointer;
transition: color 0.15s ease;
}
.ve-user-summary-trigger[data-ve-user-card]:hover,
.ve-user-summary-trigger[data-ve-user-card]:focus-visible {
color: var(--bs-primary, #0d6efd) !important;
text-decoration: none!important;
}
.ve-user-summary-trigger[data-ve-user-card]:focus-visible {
outline: 2px solid var(--bs-primary, #0d6efd);
outline-offset: 2px;
border-radius: 0.25rem;
}
.ve-user-card {
position: absolute;
top: 0;
left: 0;
min-width: 260px;
max-width: 320px;
padding: 1.25rem;
border-radius: 1rem;
border: 1px solid rgba(15, 23, 42, 0.12);
background-color: var(--bs-modal-bg, #fff);
color: var(--bs-body-color, #212529);
box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.25);
z-index: 1080;
visibility: hidden;
opacity: 0;
transform: translateY(6px);
transition: opacity 0.15s ease, transform 0.15s ease;
pointer-events: none;
}
.ve-user-card[data-visible="true"] {
visibility: visible !important;
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
[data-bs-theme="dark"] .ve-user-card {
background-color: var(--bs-body-bg, #121212);
color: var(--bs-body-color, #f8f9fa);
border-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.5);
}
.ve-user-card__header {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.ve-user-card__avatar {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255, 255, 255, 0.4);
flex-shrink: 0;
}
.ve-user-card__name {
font-weight: 600;
margin: 0;
}
.ve-user-card__handle,
.ve-user-card__meta {
font-size: 0.85rem;
color: var(--bs-secondary-color, #6c757d);
}
.ve-user-card__bio {
font-size: 0.9rem;
margin-bottom: 0.75rem;
color: var(--bs-body-color, #212529);
}
.ve-user-card__stats {
display: flex;
gap: 1.25rem;
margin-bottom: 0.75rem;
}
.ve-user-card__stats-item {
text-align: center;
font-size: 0.85rem;
}
.ve-user-card__stats-value {
display: block;
font-weight: 600;
font-size: 1rem;
}
.ve-user-card__actions .btn {
width: 100%;
}
.ve-user-card__actions .ve-user-card__website-link {
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.9rem;
font-weight: 500;
color: var(--bs-link-color, var(--bs-primary, #0d6efd));
text-decoration: none;
overflow-wrap: anywhere;
}
.ve-user-card__actions .ve-user-card__website-link:hover,
.ve-user-card__actions .ve-user-card__website-link:focus-visible {
color: var(--bs-link-hover-color, color-mix(in srgb, var(--bs-link-color, var(--bs-primary, #0d6efd)) 85%, #000));
text-decoration: underline;
}
.ve-user-card__actions .ve-user-card__website-link:focus-visible {
outline: 2px solid var(--bs-primary, #0d6efd);
outline-offset: 2px;
border-radius: 0.25rem;
}
.ve-user-card__loading {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
color: var(--bs-secondary-color, #6c757d);
}
.ve-user-card__loading .spinner-border {
width: 1rem;
height: 1rem;
}
.ve-following-loading-dots {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
min-height: 1.5rem;
}
.ve-following-loading-dots > span {
width: 0.38rem;
height: 0.38rem;
border-radius: 999px;
background: currentColor;
opacity: 0.3;
animation: ve-following-dot-pulse 1s ease-in-out infinite;
}
.ve-following-loading-dots > span:nth-child(2) {
animation-delay: 0.16s;
}
.ve-following-loading-dots > span:nth-child(3) {
animation-delay: 0.32s;
}
@keyframes ve-following-dot-pulse {
0%, 80%, 100% {
opacity: 0.3;
transform: translateY(0) scale(1);
}
40% {
opacity: 1;
transform: translateY(-2px) scale(1.18);
}
} .df-pesquisa-wrapper {
position: relative;
}
.df-pesquisa-dropdown {
position: absolute;
top: calc(100% + .35rem);
left: 0;
right: 0;
z-index: 1090;
padding: .35rem 0;
border-radius: 1rem;
border: 1px solid rgba(15, 23, 42, 0.12);
background-color: var(--bs-modal-bg, #fff);
color: var(--bs-body-color, #212529);
box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, 0.25);
max-height: 320px;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity .15s ease, transform .15s ease;
pointer-events: none;
scrollbar-width: none;
-ms-overflow-style: none;
}
.df-pesquisa-dropdown::-webkit-scrollbar {
width: 0;
height: 0;
}
.df-pesquisa-dropdown:not(.d-none) {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
[data-bs-theme="dark"] .df-pesquisa-dropdown {
background-color: var(--bs-body-bg, #101012);
color: var(--bs-body-color, #f8f9fa);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.65);
}
.df-pesquisa-item {
display: flex;
align-items: center;
gap: .75rem;
padding: .65rem 1rem;
color: inherit;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
transition: background-color .15s ease, color .15s ease;
}
.df-pesquisa-item:last-child {
border-bottom: 0;
}
.df-pesquisa-item:hover,
.df-pesquisa-item:focus-visible {
background-color: rgba(15, 23, 42, 0.04);
text-decoration: none;
}
[data-bs-theme="dark"] .df-pesquisa-item {
border-color: rgba(255, 255, 255, 0.05);
}
[data-bs-theme="dark"] .df-pesquisa-item:hover,
[data-bs-theme="dark"] .df-pesquisa-item:focus-visible {
background-color: rgba(255, 255, 255, 0.08);
}
.df-pesquisa-thumb {
width: 48px;
height: 48px;
border-radius: .75rem;
object-fit: cover;
flex-shrink: 0;
border: 1px solid rgba(15, 23, 42, 0.1);
background-color: rgba(15, 23, 42, 0.05);
}
[data-bs-theme="dark"] .df-pesquisa-thumb {
border-color: rgba(255, 255, 255, 0.1);
background-color: rgba(255, 255, 255, 0.08);
}
.df-pesquisa-thumb-shell {
position: relative;
display: inline-flex;
flex-shrink: 0;
}
.df-pesquisa-thumb-badge {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 4rem;
height: 4rem;
color: var(--bs-danger, #dc3545);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: .6rem;
line-height: 1;
pointer-events: none;
}
[data-bs-theme="dark"] .df-pesquisa-thumb-badge {
color: var(--bs-danger, #ff5c5c);
}
.df-pesquisa-thumb-badge svg {
width: 1.6rem;
height: 1.6rem;
fill: currentColor;
}
.df-pesquisa-thumb--empty {
display: flex;
align-items: center;
justify-content: center;
font-size: .75rem;
color: var(--bs-secondary-color, #6c757d);
}
.df-pesquisa-title {
font-weight: 600;
line-height: 1.25;
}
.df-pesquisa-vazia {
border-radius: .75rem;
border: 1px dashed rgba(15, 23, 42, 0.16);
background-color: var(--bs-tertiary-bg, #f8f9fc);
padding: 1rem;
}
[data-bs-theme="dark"] .df-pesquisa-vazia {
border-color: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.05);
} #veEditPostModal {
--ve-edit-surface: #000;
--ve-edit-surface-strong: #000;
--ve-edit-border: rgba(255, 255, 255, 0.12);
--ve-edit-muted: rgba(255, 255, 255, 0.7);
--ve-edit-text: #f8fafc;
}
:root[data-bs-theme="light"] #veEditPostModal {
--ve-edit-surface: #fff;
--ve-edit-surface-strong: #fff;
--ve-edit-border: rgba(15, 23, 42, 0.12);
--ve-edit-muted: rgba(15, 23, 42, 0.55);
--ve-edit-text: #000;
}
#veEditPostModal .modal-content.ve-edit-post-modal {
background: var(--ve-edit-surface);
color: var(--ve-edit-text);
border: 1px solid var(--ve-edit-border);
border-radius: 1.5rem;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
}
:root[data-bs-theme="light"] #veEditPostModal .modal-content.ve-edit-post-modal {
color: var(--ve-edit-text);
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.15);
}
#veEditPostModal .btn-close {
filter: invert(1);
opacity: .8;
}
:root[data-bs-theme="light"] #veEditPostModal .btn-close {
filter: none;
opacity: .6;
}
#veEditPostModal .ve-edit-post-modal__header {
background: var(--ve-edit-surface-strong);
border-bottom: 1px solid var(--ve-edit-border);
border-radius: 1.5rem 1.5rem 0 0;
padding: 1.25rem 1.5rem;
}
#veEditPostModal .ve-edit-post-modal__body {
padding: 1.5rem;
}
#veEditPostModal .ve-edit-post-modal__footer {
border-top: 1px solid var(--ve-edit-border);
padding: 1rem 1.5rem 1.5rem;
}
#veEditPostModal .ve-edit-post-grid {
--bs-gutter-y: 1.25rem;
}
#veEditPostModal .ve-edit-card {
background: var(--ve-edit-surface-strong);
border: 1px solid var(--ve-edit-border);
border-radius: 1.1rem;
padding: 1.25rem;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24);
}
#veEditPostModal .bg-body-tertiary {
background-color: var(--ve-edit-surface-strong) !important;
color: inherit;
border-color: var(--ve-edit-border);
}
:root[data-bs-theme="light"] #veEditPostModal .ve-edit-card {
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
#veEditPostModal .ve-edit-card h2 {
letter-spacing: .02em;
font-weight: 700;
text-transform: none;
color: inherit;
}
#veEditPostModal .ve-edit-post-form label.form-label {
font-weight: 600;
color: inherit;
}
#veEditPostModal .ve-edit-post-form .form-control,
#veEditPostModal .ve-edit-post-form .form-select {
border-radius: .9rem;
border: 1px solid color-mix(in srgb, var(--ve-edit-border) 70%, transparent);
background: var(--ve-edit-surface-strong);
color: inherit;
padding: .75rem .9rem;
}
#veEditPostModal .ve-edit-post-form textarea.form-control {
min-height: 140px;
}
#veEditPostModal .ve-edit-post-form .form-control::placeholder {
color: color-mix(in srgb, var(--ve-edit-muted) 80%, transparent);
}
#veEditPostModal .ve-edit-post-form .form-control:focus,
#veEditPostModal .ve-edit-post-form .form-select:focus {
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
background: color-mix(in srgb, var(--ve-edit-surface) 70%, transparent);
}
#veEditPostModal .form-text {
color: var(--ve-edit-muted);
}
#veEditPostModal .ve-edit-attachments {
border: 1px dashed var(--ve-edit-border);
background: var(--ve-edit-surface-strong);
border-radius: 1rem;
}
#veEditPostModal .ve-edit-attachments .list-group-item {
background: var(--ve-edit-surface-strong);
border-color: color-mix(in srgb, var(--ve-edit-border) 50%, transparent);
color: inherit;
}
#veEditPostModal .ve-edit-attachments .badge {
background: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
border: 0;
}
#veEditPostModal .ve-edit-group-chips {
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
#veEditPostModal .ve-edit-group-chips .btn-check,
#veEditPostModal .ve-edit-category-chips .btn-check {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
}
#veEditPostModal .ve-edit-group-chips .ve-chip,
#veEditPostModal .ve-edit-category-chips .ve-chip {
background-color: transparent;
border: 1px solid rgba(255,255,255,.35);
background-image: none;
}
#veEditPostModal .ve-edit-group-chips .btn-check:disabled + .ve-chip {
opacity: 0.45;
cursor: not-allowed;
pointer-events: none;
}
:root[data-bs-theme="light"] #veEditPostModal .ve-edit-group-chips .ve-chip,
:root[data-bs-theme="light"] #veEditPostModal .ve-edit-category-chips .ve-chip {
border-color: rgba(0,0,0,.2);
}
#veEditPostModal .ve-edit-group-chips .ve-chip.active,
#veEditPostModal .ve-edit-group-chips .btn-check:checked + .ve-chip,
#veEditPostModal .ve-edit-category-chips .ve-chip.active,
#veEditPostModal .ve-edit-category-chips .btn-check:checked + .ve-chip {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #000;
background-image: none;
}
#veEditPostModal .ve-edit-group-chips .ve-chip.active:hover,
#veEditPostModal .ve-edit-group-chips .ve-chip.active:focus-visible,
#veEditPostModal .ve-edit-group-chips .btn-check:checked + .ve-chip:hover,
#veEditPostModal .ve-edit-group-chips .btn-check:checked + .ve-chip:focus-visible,
#veEditPostModal .ve-edit-category-chips .ve-chip.active:hover,
#veEditPostModal .ve-edit-category-chips .ve-chip.active:focus-visible,
#veEditPostModal .ve-edit-category-chips .btn-check:checked + .ve-chip:hover,
#veEditPostModal .ve-edit-category-chips .btn-check:checked + .ve-chip:focus-visible {
background-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: #000;
}
#veEditPostModal .ve-edit-group-chips .ve-chip::before,
#veEditPostModal .ve-edit-group-chips .ve-chip::after,
#veEditPostModal .ve-edit-category-chips .ve-chip::before,
#veEditPostModal .ve-edit-category-chips .ve-chip::after {
content: none;
}
#veEditPostModal .ve-edit-group-chips .ve-chip.active > .ve-chip__icon,
#veEditPostModal .ve-edit-group-chips .ve-chip.active > i,
#veEditPostModal .ve-edit-group-chips .btn-check:checked + .ve-chip > .ve-chip__icon,
#veEditPostModal .ve-edit-group-chips .btn-check:checked + .ve-chip > i,
#veEditPostModal .ve-edit-category-chips .ve-chip.active > .ve-chip__icon,
#veEditPostModal .ve-edit-category-chips .ve-chip.active > i,
#veEditPostModal .ve-edit-category-chips .btn-check:checked + .ve-chip > .ve-chip__icon,
#veEditPostModal .ve-edit-category-chips .btn-check:checked + .ve-chip > i {
display: none;
}
#veEditPostModal #veEditPostMessages {
border-radius: .85rem;
border-width: 1px;
}
#veEditPostModal .modal-footer .btn {
border-radius: .85rem;
padding: .65rem 1.15rem;
font-weight: 600;
}
#veEditPostModal .modal-footer .btn-primary {
background: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
}
#veEditPostModal .modal-footer .btn-primary:hover,
#veEditPostModal .modal-footer .btn-primary:focus-visible {
background: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 90%, black 10%);
border-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 92%, black 8%);
} #veCreatePageModal,
#veEditPageModal {
--ve-edit-surface: #000;
--ve-edit-surface-strong: #000;
--ve-edit-border: rgba(255, 255, 255, 0.12);
--ve-edit-muted: rgba(255, 255, 255, 0.7);
--ve-edit-text: #f8fafc;
}
:root[data-bs-theme="light"] #veCreatePageModal,
:root[data-bs-theme="light"] #veEditPageModal {
--ve-edit-surface: #fff;
--ve-edit-surface-strong: #fff;
--ve-edit-border: rgba(15, 23, 42, 0.12);
--ve-edit-muted: rgba(15, 23, 42, 0.55);
--ve-edit-text: #000;
}
#veCreatePageModal .modal-content.ve-edit-post-modal,
#veEditPageModal .modal-content.ve-edit-post-modal {
background: var(--ve-edit-surface);
color: var(--ve-edit-text);
border: 1px solid var(--ve-edit-border);
border-radius: 1.5rem;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
}
:root[data-bs-theme="light"] #veCreatePageModal .modal-content.ve-edit-post-modal,
:root[data-bs-theme="light"] #veEditPageModal .modal-content.ve-edit-post-modal {
color: var(--ve-edit-text);
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.15);
}
#veCreatePageModal .btn-close,
#veEditPageModal .btn-close {
filter: invert(1);
opacity: .8;
}
:root[data-bs-theme="light"] #veCreatePageModal .btn-close,
:root[data-bs-theme="light"] #veEditPageModal .btn-close {
filter: none;
opacity: .6;
}
#veCreatePageModal .ve-edit-post-modal__header,
#veEditPageModal .ve-edit-post-modal__header {
background: var(--ve-edit-surface-strong);
border-bottom: 1px solid var(--ve-edit-border);
border-radius: 1.5rem 1.5rem 0 0;
padding: 1.25rem 1.5rem;
}
#veCreatePageModal .ve-edit-post-modal__body,
#veEditPageModal .ve-edit-post-modal__body {
padding: 1.5rem;
}
#veCreatePageModal .ve-edit-post-modal__footer,
#veEditPageModal .ve-edit-post-modal__footer {
border-top: 1px solid var(--ve-edit-border);
padding: 1rem 1.5rem 1.5rem;
}
#veCreatePageModal .ve-edit-post-grid,
#veEditPageModal .ve-edit-post-grid {
--bs-gutter-y: 1.25rem;
}
#veCreatePageModal .ve-edit-card,
#veEditPageModal .ve-edit-card {
background: var(--ve-edit-surface-strong);
border: 1px solid var(--ve-edit-border);
border-radius: 1.1rem;
padding: 1.25rem;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24);
}
#veCreatePageModal .bg-body-tertiary,
#veEditPageModal .bg-body-tertiary {
background-color: var(--ve-edit-surface-strong) !important;
color: inherit;
border-color: var(--ve-edit-border);
}
:root[data-bs-theme="light"] #veCreatePageModal .ve-edit-card,
:root[data-bs-theme="light"] #veEditPageModal .ve-edit-card {
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
#veCreatePageModal .ve-edit-card h2,
#veEditPageModal .ve-edit-card h2 {
letter-spacing: .02em;
font-weight: 700;
text-transform: none;
color: inherit;
}
#veCreatePageModal .ve-edit-post-form label.form-label,
#veEditPageModal .ve-edit-post-form label.form-label {
font-weight: 600;
color: inherit;
}
#veCreatePageModal .ve-edit-post-form .form-control,
#veEditPageModal .ve-edit-post-form .form-control,
#veCreatePageModal .ve-edit-post-form .form-select,
#veEditPageModal .ve-edit-post-form .form-select {
border-radius: .9rem;
border: 1px solid color-mix(in srgb, var(--ve-edit-border) 70%, transparent);
background: var(--ve-edit-surface-strong);
color: inherit;
padding: .75rem .9rem;
}
#veCreatePageModal .ve-edit-post-form textarea.form-control,
#veEditPageModal .ve-edit-post-form textarea.form-control {
min-height: 140px;
}
#veCreatePageModal .ve-edit-post-form .form-control::placeholder,
#veEditPageModal .ve-edit-post-form .form-control::placeholder {
color: color-mix(in srgb, var(--ve-edit-muted) 80%, transparent);
}
#veCreatePageModal .ve-edit-post-form .form-control:focus,
#veEditPageModal .ve-edit-post-form .form-control:focus,
#veCreatePageModal .ve-edit-post-form .form-select:focus,
#veEditPageModal .ve-edit-post-form .form-select:focus {
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 35%, transparent);
background: color-mix(in srgb, var(--ve-edit-surface) 70%, transparent);
}
#veCreatePageModal .form-text,
#veEditPageModal .form-text {
color: var(--ve-edit-muted);
}
#veCreatePageModal .modal-footer .btn,
#veEditPageModal .modal-footer .btn {
border-radius: .85rem;
padding: .65rem 1.15rem;
font-weight: 600;
}
#veCreatePageModal .modal-footer .btn-primary,
#veEditPageModal .modal-footer .btn-primary {
background: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
color: var(--ve-dark-button-text, #000);
}
#veCreatePageModal .modal-footer .btn-primary:hover,
#veEditPageModal .modal-footer .btn-primary:hover,
#veCreatePageModal .modal-footer .btn-primary:focus-visible,
#veEditPageModal .modal-footer .btn-primary:focus-visible {
background: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 90%, black 10%);
border-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 92%, black 8%);
}
:root[data-bs-theme="dark"] #veLoginModal .ve-password-toggle i.bi-eye,
:root[data-bs-theme="dark"] #veLoginModal .ve-password-toggle i.bi-eye-slash {
color: #fff !important;
}
body.login.ve-login-themed form#loginform[action*="validate_2fa"] > p,
body.login.ve-login-themed form#loginform[action*="validate_2fa"] > p strong,
body.login.ve-login-themed form#loginform[action*="validate_2fa"] > p a {
color: #fff !important;
opacity: 1 !important;
} @media (min-width: 992px) {
.ve-help-page .ve-shell > .row > .ve-col-left {
position: static !important;
top: auto !important;
z-index: auto !important;
height: auto !important;
}
}
.ve-language-switcher {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-left: 0.1rem;
margin-right: 0.25rem;
}
.ve-language-flag {
width: 1.7rem;
height: 1.7rem;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--bs-border-color, rgba(255, 255, 255, 0.32)) 78%, transparent);
background-color: color-mix(in srgb, var(--bs-body-bg, #111) 74%, transparent);
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-decoration: none;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.ve-language-flag img {
width: 1.1rem;
height: 1.1rem;
border-radius: 999px;
display: block;
}
.ve-language-flag:hover,
.ve-language-flag:focus-visible {
transform: translateY(-1px) scale(1.03);
border-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 55%, #ffffff);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 28%, transparent);
}
.ve-language-flag.is-active {
border-color: var(--ve-dark-accent, var(--bs-primary, #0d6efd));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 34%, transparent);
transform: scale(1.05);
}
@media (max-width: 767.98px) {
.ve-language-switcher {
gap: 0.24rem;
margin-right: 0.1rem;
}
.ve-language-flag {
width: 1.55rem;
height: 1.55rem;
}
.ve-language-flag img {
width: 1rem;
height: 1rem;
}
}
#ve-google-translate-element {
position: absolute !important;
left: -99999px !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
.skiptranslate > iframe,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,
iframe[class*="VIpgJd-ZVi9od"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
min-height: 0 !important;
width: 0 !important;
min-width: 0 !important;
border: 0 !important;
}
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight {
display: none !important;
visibility: hidden !important;
background: transparent !important;
box-shadow: none !important;
}
html,
body {
top: 0 !important;
}
.ve-footer-settings-link,
.ve-footer-settings-link:hover,
.ve-footer-settings-link:focus,
.ve-footer-settings-link:active,
.ve-footer-settings-link.active {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.8rem;
height: 1.8rem;
padding: 0;
border: 0 !important;
border-radius: 0;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
text-decoration: none;
color: #000 !important;
}
.ve-footer-settings-link i {
color: currentColor !important;
font-size: 1.15rem;
line-height: 1;
}
:root[data-bs-theme="light"] .ve-footer-settings-link,
html[data-bs-theme="light"] .ve-footer-settings-link {
color: #000 !important;
}
:root[data-bs-theme="dark"] .ve-footer-settings-link,
html[data-bs-theme="dark"] .ve-footer-settings-link {
color: #fff !important;
}
.ve-footer-settings-link:focus-visible {
outline: 2px solid currentColor;
outline-offset: .2rem;
} .footer-divider {
border-top-color: var(--ve-footer-divider-color, #ccc) !important;
}
:root[data-bs-theme="light"] .footer-divider {
--ve-footer-divider-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 18%, #b8bec7);
}
:root[data-bs-theme="dark"] .footer-divider {
--ve-footer-divider-color: color-mix(in srgb, var(--ve-dark-accent, var(--bs-primary, #0d6efd)) 48%, rgba(255, 255, 255, 0.62));
}