/*
Theme Name: Let's Go Outside
Theme URI: http://letsgooutside.org
Description: Theme for LetsGoOutside.org, the Irvine Ranch Natural Landmarks website.
Author: Jackstin
Author URI: https://jackstin.com
Template: Total
Version: 1.0
*/
/* Hide the Edit Post inline on page */
.post-edit {
display: none !important;
}
.vcex-button {
text-decoration: none !important;
}
/* Make adjustment to Total breakpoint for when tablet fullwidth breaks */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tablet-fullwidth-columns :is(.vc_vc_column,.wpb_column) {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
height: auto !important;
}
}
/* SVG - Global Adjustment for wave divider on mobile */
@media (max-width: 767px) {
svg.wpex-shape-divider-svg {height:30px !important;width:calc(175% + 1.3px) !important;}
}
figure.vcex-image.wpex-rounded-md div {
overflow: hidden !important;
border-radius: var(--wpex-rounded-md) !important;
}
.vcex-image-caption {
font-size: 14px;
}
/* Header */
#site-header {
border-bottom: 1px solid #000;
}
.navbar-style-eight {
flex-grow: 1;
}
.navbar-style-eight nav ul li.menu-right {
padding-inline: 5px;
}
.navbar-style-eight nav ul li.menu-right-start {
margin-left: auto;
}
.menu-button {
font-size: 16px;
text-transform: capitalize;
}
.menu-button li {
text-transform:none !important;
}
.menu-button.dropdown > a > span {
padding-right: 10px !important;
}
.button-profile > a > span {
background: var(--wpex-palette-131120-color) !important;
}
.button-login a span {
background: var(--wpex-palette-131116-color) !important;
border: 1px solid var(--wpex-palette-131118-color) !important;
line-height: 22px !important;
color: var(--wpex-palette-131118-color) !important;
}
.button-login a:hover span {
border: 1px solid var(--wpex-palette-131119-color)!important;
color: var(--wpex-palette-131119-color) !important;
}
.menu-button .nav-arrow.top-level {
margin-inline-start: 10px;
margin-inline-end: 10px;
font-size: 18px;
line-height: 16px;
}
.logged-out .navbar-style-eight nav ul li.menu-button:last-child > a > span {
color: var(--wpex-palette-131116-color) !important;
}
/* Default state for top-level nav items only */
#site-navigation > ul > li > a .nav-arrow .nav-arrow__icon {
transform: rotateZ(0deg); /* default state */
transition: all .15s ease-in-out; /* ensures both in and out animate */
color: var(--wpex-palette-131118-color);
}
#site-navigation > ul > li.menu-button > a .nav-arrow .nav-arrow__icon {
color: #fff;
}
/* Rotate on hover, for top-level nav items only */
#site-navigation > ul > li > a:hover .nav-arrow .nav-arrow__icon,
#site-navigation > ul > li:hover > a .nav-arrow .nav-arrow__icon,
#site-navigation > ul > li.sfHover > a .nav-arrow .nav-arrow__icon {
transform: rotateZ(-180deg);
}
/* Dropdowns */
.wpex-dropdown-top-border .main-navigation-ul .menu-item .sub-menu,
.vcex-horizontal-menu-nav__sub {
border: 1px solid #000000 !important;
box-shadow: var(--wpex-dropmenu-box-shadow) !important;
border-radius: 0 0 5px 5px !important; /* top-left, top-right, bottom-right, bottom-left */
}
/* Button */
.main-navigation-ul .menu-item-object-page .sub-menu .menu-item a.theme-button,
.sidr-class-vcex-button,
.sidr-class-main-navigation-ul > .sidr-class-menu-button > span > a,
#wp-submit {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
text-decoration: none !important;
text-align: center;
max-width: 100%;
padding: var(--wpex-btn-padding);
transition: .15s all ease;
background-color: var(--wpex-btn-bg, var(--wpex-accent));
background-image: var(--wpex-btn-img);
border-radius: var(--wpex-btn-border-radius);
border-width: var(--wpex-btn-border-width);
border-style: var(--wpex-btn-border-style);
border-color: var(--wpex-btn-border-color, currentColor);
color: var(--wpex-btn-color, var(--wpex-on-accent));
font-size: var(--wpex-btn-font-size);
font-family: var(--wpex-btn-font-family);
font-style: var(--wpex-btn-font-style);
text-transform: var(--wpex-btn-text-transform);
letter-spacing: var(--wpex-btn-letter-spacing);
line-height: var(--wpex-btn-line-height);
font-weight: 700;
}
/* Minimal Button */
.main-navigation-ul .sub-menu .menu-item a.theme-button.minimal-border,
.logout-button a,
.sidr-class-button-login a,
a.wp-login-log-in,
a.wp-login-lost-password {
display: inline-block !important;
cursor: pointer;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
text-decoration: none !important;
text-align: center;
max-width: 100%;
padding: var(--wpex-btn-padding);
transition: .15s all ease;
background-color:transparent !important;
background-image: var(--wpex-btn-img);
border-radius: var(--wpex-btn-border-radius);
border-width: 1px !important;
border-style: solid !important;
border-color: var(--wpex-btn-border-color, currentColor);
color: var(--wpex-btn-border-color);
font-size: var(--wpex-btn-font-size);
font-family: var(--wpex-btn-font-family);
font-style: var(--wpex-btn-font-style);
text-transform: var(--wpex-btn-text-transform);
letter-spacing: var(--wpex-btn-letter-spacing);
line-height: var(--wpex-btn-line-height);
font-weight: 700;
}
.main-navigation-ul .sub-menu .menu-item a.theme-button.minimal-border:hover,
.logout-button:hover,
.theme-button.minimal-border.small:hover {
border-color: var(--wpex-palette-131119-color);
color: var(--wpex-palette-131119-color);
background-color:transparent !important;
}
a.theme-button.minimal-border {
border-radius: var(--wpex-btn-border-radius);
font-weight: 700;
}
/* Modifier: Small Minimal Button */
.theme-button.minimal-border.small {
font-size: 14px !important;
padding: 4px 12px !important;
line-height: 1.2;
color: var(--wpex-btn-border-color) !important;
font-weight: normal !important;
}
/* Explore - Mega Menu */
.explore-menu-list .wpex-card-title {
/* display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
max-width: 100%;*/
padding: 5px 8px !important;
font-weight:500;
}
.explore-menu-list .wpex-card {
position: relative;
}
/* Tooltip box */
/*.explore-menu-list .wpex-card-title[rel]:not([rel=""])::after {
content: attr(rel);
position: absolute;
bottom: 145%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 6px 10px;
font-size: 13px;
text-align: center;
border-radius: 4px;
white-space: normal;
max-width: 350px;
width: max-content;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
z-index: 10;
}*/
/* Tooltip arrow */
/*.explore-menu-list .wpex-card-title[rel]:not([rel=""])::before {
content: '';
position: absolute;
bottom: 122%;
left: 50%;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0, 0, 0, 0.85);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
z-index: 9;
}*/
/* Show on hover/focus only if rel is present and not empty */
/*.explore-menu-list .wpex-card-title[rel]:not([rel=""]):hover::after,
.explore-menu-list .wpex-card-title[rel]:not([rel=""]):focus::after,
.explore-menu-list .wpex-card-title[rel]:not([rel=""]):hover::before,
.explore-menu-list .wpex-card-title[rel]:not([rel=""]):focus::before {
opacity: 1;
visibility: visible;
}*/
.explore-menu-list {
column-count: 5;
column-gap: 2rem;
padding: 0;
margin: 0;
}
/* 1400px and below: switch to 4 columns */
@media (max-width: 1400px) {
.explore-menu-list {
column-count: 4;
}
}
/* 1280px and below: switch to 3 columns */
@media (max-width: 1280px) {
.explore-menu-list {
column-count: 3;
}
}
.explore-menu-list .wpex-post-cards-entry {
break-inside: avoid;
list-style: none;
}
.explore-menu-list .wpex-post-cards-pagination {
column-span: all; /* tells it to span across all columns (modern browsers) */
break-inside: avoid;
display: block;
width: 100%;
margin-top: 2rem;
text-align: left;
}
.explore-menu-list .theme-txt-link.active {
text-decoration-line:none !important;
color: var(--wpex-text-2) !important;
}
/* Activities - Mega Menu */
.activities-menu-list .vcex-terms-grid-entry-image {
margin-bottom: 0px !important;
}
.activities-menu-list .vcex-terms-grid-entry:hover h2 a {
color:var(--wpex-hover-dropmenu-link-color) !important;
}
/* Profile - Mega Menu */
.megamenu-profile .sub-menu {
padding: 0px !important;
overflow: hidden;
}
.menu-profile-columns .vc_col-sm-4 > div > .wpb_wrapper {
background: var(--wpex-palette-131125-color);
padding: var(--wpex-dropmenu-padding);
border-radius: 5px;
}
.menu-profile-columns .vcex-bullets-icon svg {
max-width: 13px;
margin-top: 11px;
}
.menu-profile-columns .vcex-heading a,
.menu-profile-links .vcex-heading a {
padding: 0px !important;
}
.menu-profile-links div > .wpb_wrapper {
padding: 30px;
margin-left:-15px;
}
.menu-profile-links .menu-profile-links .wpb_wrapper {
padding: 0px;
margin-left:0px;
}
.menu-profile-link {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px !important;
color: var(--wpex-link-color) !important;
}
.menu-profile-link a {
color: var(--wpex-link-color) !important;
width: 100%;
}
.menu-profile-link a:hover {
color: var(--wpex-palette-131131-color) !important;
}
.menu-profile-link.wpex-mt-0 {
margin-top: 0px !important;
}
.menu-heading {
margin-bottom: 5px;
}
.menu-heading a {
color:var(--wpex-accent) !important;
font-size: 20px !important;
font-weight: 600;
}
.menu-heading a span {
font-size: 18px !important;
font-weight: 600 !important;
}
.logout-button {
margin-top: 25px;
margin-bottom: 10px;
margin-left: 10px;
}
/* Hide Activites Primary button at 1400 */
@media (max-width: 1400px) {
.activities-button {
display: none !important;
}
}
/* My Account - Header Asides */
.header-aside-content .vcex-heading .vcex-heading-inner {
font-size: 18px !important;
line-height: 32px;
vertical-align: bottom;
font-weight: 600;
}
@media (max-width: 500px) {
.header-aside-content .vcex-heading .vcex-heading-inner {
font-size: 16px !important;
}
}
.logged-in .header-aside-content .vcex-heading .vcex-heading-inner {
text-transform: capitalize !important
}
.header-aside-content .vcex-heading .vcex-heading-inner .vcex-heading-icon .wpex-icon {
font-size: 32px !important;
line-height: 32px;
vertical-align: bottom;
}
/* Moblie - Header */
:root {
--wpex-off-canvas-top-offset: 0px !important;
}
.wpex-off-canvas {
z-index: 999999 !important;
}
@media (max-width: 500px) {
:root {
--wpex-sidr-width: 100% !important;
--wpex-off-canvas-width 100% !important;/* or whatever value you want */
}
.wpex-off-canvas {
max-width: 100% !important;
width: 100% !important;
inset-block-start: var(--wpex-off-canvas-top-offset, var(--wpadminbar-height));
z-index: 999999 !important;
}
.header-fixed-height #site-header-inner {
height: 80px !important;
}
.header-aside-content .vcex-heading .vcex-heading-inner {
font-size: 16px !important;
text-align: center;
}
}
/* Off Canvas - Mobile Menu */
.vcex-off-canvas-menu-nav__item-heading {
display: none;
}
.vcex-off-canvas-menu-nav,
.vcex-off-canvas-menu-nav__item-content {
display:block !important;
}
.wpex-off-canvas__content,
.vcex-off-canvas-menu-nav__item-content {
padding-top: 0px !important;
}
.wpex-mobile-menu__top {
background: var(--wpex-palette-131124-color);
border-bottom: 1px solid #000;
padding-top: 15px;
padding-bottom: 15px !important;
}
.logged-in .wpex-off-canvas__header {
background: var(--wpex-palette-131124-color);
border-bottom: 1px solid #000;
padding-top: 15.5px;
padding-bottom: 15.5px !important;
}
.logged-in .wpex-off-canvas .header-aside-content {
margin-top: -55px !important;
}
/* Login */
.vcex-login-form .login-username label,
.vcex-login-form .login-password label,
.vcex-login-form .login-remember label {
font-size: 14px;
line-height: 1.5;
display: inline-block;
margin-bottom: 5px !important;
}
.vcex-login-form input[type="text"],
.vcex-login-form input[type="password"] {
padding: 8px 12px;
margin-top: 0 !important;
}
.login-remember {
float: left;
}
.login-submit {
float: right;
display: inline-block;
width: auto;
margin-bottom: 0;
}
.members-login-notice.members-login-error {
display: block;
opacity: 0;
transform: translateY(-10px);
animation: loginErrorFade 0.4s ease-out forwards;
width: 100%;
margin-bottom: 25px;
background-color: #ffe5e5;
color: #a00;
border: 1px solid #f5b5b5;
padding: 1em 1.25em;
border-radius: 6px;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
text-align: center;
box-sizing: border-box;
}
@keyframes loginErrorFade {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Close Button */
.wpex-mobile-menu__close,
.wpex-off-canvas__close {
height: 48px !important;
width: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
position: relative;
z-index: 1000;
}
.wpex-mobile-menu__close-icon,
.wpex-off-canvas__close span {
width: 35px !important;
height: 35px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #ffffff !important;
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
color: var(--wpex-palette-131119-color) !important;
}
.wpex-off-canvas__close span {
margin-right: -20px;
}
/* Mobile - Submenu */
ul.sidr-class-sub-menu {
padding-bottom: 20px !important;
}
ul.sidr-class-main-navigation-ul > .sidr-mobile-nav-menu__item {
border: 1px solid transparent !important;
}
ul.sidr-class-main-navigation-ul > .sidr-mobile-nav-menu__item.active {
background: var(--wpex-palette-131124-color);
border-radius: 5px;
border: 1px solid #000 !important;
margin-bottom: 25px;
}
.sidr-inner > ul > .sidr-class-menu-item > .sidr-mobile-nav-menu__sub-menu {
background: #ffffff !important;
padding: 15px 5px;
border-radius: 5px;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu {
background: #ffffff !important;
}
.sidr-class-vcex-terms-grid-entry {
display: flex;
align-items: center; /* Vertically center the h2 with the image */
gap: 1rem; /* Space between the icon and the title */
padding: 0px 5px;
}
/* Optional: constrain image size for consistency */
.sidr-class-vcex-terms-grid-entry-image img {
max-width: 45px;
height: auto;
}
.sidr-class-vcex-terms-grid-entry-image a {
padding-right: 0px;
padding-top: 7px;
padding-bottom: 7px;
}
.sidr-class-vcex-terms-grid-entry-title {
margin: 0;
flex: 1;
}
.sidr-class-vcex-terms-grid-entry-title a {
font-weight: 500;
font-size: 17px;
color: var(--wpex-palette-131119-color);
padding-left: 0px;
padding-top: 2px !important;
}
a.sidr-class-wpex-card-title {
font-weight: 500;
font-size: 17px;
color: var(--wpex-palette-131119-color);
padding: 7px 20px !important;
}
.sidr-class-wpex-post-cards {
padding: 5px 5px;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu {
background: #ffffff !important;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu .sidr-class-link-inner {
font-weight: 500;
font-size: 17px;
color: var(--wpex-palette-131119-color);
margin-left: 0px !important;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu .sidr-mobile-nav-menu__sub-menu {
padding-bottom: 14px;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu .sidr-mobile-nav-menu__sub-menu .sidr-class-link-inner {
margin-left: 14px !important;
}
.sidr-inner > ul > .sidr-class-menu-item .sidr-mobile-nav-menu__sub-menu .sidr-mobile-nav-menu__sub-menu .sidr-mobile-nav-menu__sub-menu .sidr-class-link-inner {
margin-left: 28px !important;
}
.sidr-mobile-nav-menu__sub-menu .sidr-mobile-nav-menu__link {
padding-top: 7px;
padding-bottom: 7px;
}
.sidr-class-vcex-button {
display: block;
margin: 15px 25px;
}
.sidr-class-button-login,
.sidr-class-button-dashboard
{
margin-top: 20px;
}
.sidr-class-main-navigation-ul > .sidr-class-menu-button > span > a,
.sidr-class-button-login a {
display: block !important;
margin: 7px 20px;
}
.sidr-class-button-login a,
.sidr-class-button-dashboard a
{
color: var(--wpex-palette-131131-color) !important;
border: 1px solid var(--wpex-palette-131131-color) !important;
background: transparent !important;
}
.sidr-inner {
padding-top: 20px;
}
@media (min-width: 1280px) {
.hide-nav-item-on-desktop {
display: none !important;
}
}
/* Search Area */
.search-heading {
display: block;
background: #542e06;
color: #ffffff !important;
padding: 10px 15px;
margin-bottom: 0px !important;
border-radius: 4px 4px 0px 0px !important;
letter-spacing: 0px !important;
}
.em.em-search {
background-color: #fff !important;
border-radius: var(--wpex-rounded-md) !important;
padding: 20px !important;
box-shadow: 0 0px 4px -1px rgba(0, 0, 0, 0.1) !important;
margin-top: 0px !important;
}
.found-events-count {
}
.found-events-count span {
background: #e6e3dc;
border: 1px solid #d1cfca;
display: inline-block;
padding: 3px 10px;
color: #555;
font-size: 14px;
}
.em-search-advanced-sections {
display: flex;
flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
gap: 10px;
}
.em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section {
flex: 1 1 20%; /* Grow, shrink, and take the initial width */
}
.em.em-search-advanced .em-search-section-extras {
flex-basis: 100% !important; /* Make the last child take up 100% width */
}
.em.em-search-advanced .em-search-section-extras .em-search-section-content {
display: flex;
flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
gap: 25px;
}
.em.em-search-advanced .em-search-section-extras label {
display:unset !important;
font-size: 16px;
}
.em.em-search .em-search-main.em-search-main-bar > .em-search-field:not(:first-child) input {
border-radius: 4px !important;
}
.em.em-search.has-search-main .em-search-main.em-search-main-bar > .em-search-field input,
.em.em-search.has-search-main .em-search-main.em-search-main-bar > .em-search-field select,
.em .selectize-control.em-selectize.multidropdown {
background-color: rgba(244,244,244,.5) !important;
font-size: 16px !important;
}
body .em.pixelbones{ --accent-color:#542e06;--accent-color-hover:#000; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
box-shadow: unset !important;
}
@media (max-width: 880px) {
.em.em-search.size-medium .hide-medium {
display:unset !important;
visibility:unset !important;
}
}
@media (max-width: 679px) {
.em.em-search.size-small .hide-small {
display:unset !important;
visibility:unset !important;
}
}
@media (max-width: 880px) {
.em.em-search.has-search-main .em-search-main.em-search-main-bar > .em-search-field {
margin-left:unset !important;
margin-bottom: 15px !important;
padding-bottom: 0px;
}
.em.em-search.size-medium.multi-line .em-search-main-bar .em-search-field {
padding-bottom: 0px;
}
.em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section {
flex: 1 1 48%;
}
.em.em-search-advanced .em-search-section-extras .em-search-section-content {
display: block !important;
padding: 0px 0px 20px;
}
.em.em-search-advanced .em-search-section-extras label:first-child {
margin-left:unset;
}
.em.em-search-advanced .em-search-section-extras label {
display:inline-block !important;
width: 100%;
}
}
@media (max-width: 480px) {
.em.em-search.has-search-main .em-search-main.em-search-main-bar > .em-search-field {
margin-bottom: 15px !important;
}
.em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section {
flex: 1 1 100%;
}
.em.em-search-advanced .em-search-section-extras label {
display:inline-block !important;
width: 100%;
}
}
@media (max-width: 880px) {
#em-search-form-1 {
position: relative;
padding-bottom: 40px !important;
}
.em-search-advanced-trigger {
position: absolute;
bottom: 2px;
left:5px;
z-index: 2;
padding-left: 0px !important;
}
.em-search-sort {
position: absolute;
bottom: 4px;
left:54px;
z-index: 2;
}
.em-search-views {
position: absolute;
bottom: 4px;
left:100px;
z-index: 2;
}
.em-search-submit {
position: absolute;
bottom: 0px;
right: 0px;
width: calc(100% - 185px);
}
footer.em-submit-section {
position: absolute;
bottom: 60px;
left: 0px;
}
footer .button-primary {
display: none !important;
}
.em-search-submit {
position: absolute;
bottom: 0px;
right: 0px;
}
.em.em-search.has-search-main .em-search-advanced-inline {
margin-top: 0px !important;
}
#em-search-advanced-1 {
position: relative;
padding-bottom: 40px;
}
.em.em-search-advanced.em-search-advanced-inline footer {
z-index: 2;
position:absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.em.em-search-advanced.em-search-advanced-inline footer div {
width: 100%;
}
.em.em-search-advanced.em-search-advanced-inline footer div .button-secondary {
margin-bottom: 0px !important;
width: 100%;
}
.em.em-search-advanced.em-search-advanced-inline footer {
z-index: 2;
position:absolute;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
}
}
/* Home - Hero Search Form */
.homepage-event-search-form {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border: 1px solid #000;
}
/* Tab buttons */
.tab-buttons {
display: flex;
gap: 10px;
justify-content: center;
width: 100%;
}
.tab-button {
flex: 1 1 0;
text-align: center;
padding: var(--wpex-btn-padding);
border: 0;
border-bottom: 3px solid transparent;
background: #f5f5f5;
cursor: pointer;
font-size: 16px;
font-weight: 500;
font-family: 'Asap', sans-serif;
transition: all 0.3s ease;
color: var(--wpex-palette-131131-color);
}
.tab-button.active {
color: var(--wpex-accent);
border-bottom: 3px solid var(--wpex-accent);
background: #ffffff;
}
/* Tab content */
.tab-content {
display: none;
width: 100%;
}
.tab-content.active {
display: block;
}
.tab-content input,
.tab-content select {
width: 100%;
padding: 10px;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
box-sizing: border-box;
}
.tab-keyword input {
line-height: 25px;
}
/* Form submit button */
.form-submit {
margin-top: 10px;
width: 100%;
}
.form-submit button {
width: 100%;
padding: 12px;
font-size: 16px;
cursor: pointer;
background-color: var(--wpex-accent);
border: none;
color: #fff;
transition: background-color 0.3s ease;
}
.form-submit button:hover {
background-color: var(--wpex-accent-alt) !important;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
.tab-buttons {
flex-direction: row;
}
}
/* Placeholder Styling */
.homepage-event-search-form input::placeholder,
.homepage-event-search-form input::-webkit-input-placeholder,
.homepage-event-search-form input::-moz-placeholder,
.homepage-event-search-form input:-ms-input-placeholder,
.homepage-event-search-form input::-ms-input-placeholder {
color: #000;
opacity: 1;
}
/* Selectize input styling */
.homepage-event-search-form .selectize-input {
padding: 9px;
border: var(--wpex-input-border-width) var(--wpex-input-border-style) var(--wpex-input-border-color);
}
.homepage-event-search-form .selectize-input.focus {
outline: none;
box-shadow: none;
}
.homepage-event-search-form .selectize-input.input-active {
border: 1px solid #000;
}
/* === Carousel Arrows Positioning === */
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--prev {
inset-inline-start: var(--wpex-carousel-arrow-prev-left, -45px) !important;
}
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--next {
inset-inline-end: var(--wpex-carousel-arrow-next-right, -45px) !important;
}
/* Responsive Arrow Offsets */
@media (min-width: 1600px) {
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--prev {
inset-inline-start: -60px !important;
}
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--next {
inset-inline-end: -60px !important;
}
}
@media (max-width: 500px) {
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--prev {
inset-inline-start: -40px !important;
}
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow--next {
inset-inline-end: -40px !important;
}
}
/* === Carousel Arrow Styling === */
.wpex-carousel__arrow {
width: 35px !important;
height: 35px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
background-color: #fff !important;
color: var(--wpex-palette-131119-color) !important;
font-size: 14px;
transition: 0.15s all ease;
padding: 0;
opacity: 1;
outline-offset: 2px;
}
.wpex-carousel__arrow:hover {
background-color: var(--wpex-palette-131119-color) !important;
color: #fff !important;
}
/* Smaller Arrows for Mobile */
@media (max-width: 767px) {
.wpex-carousel__arrow {
width: 30px !important;
height: 30px !important;
}
}
/* === Carousel Container Width Adjustments === */
@media (max-width: 1200px) {
[id^="wpex-carousel-"].wpex-carousel:where(.arrwpos-abs) {
width: 95% !important;
max-width: 95% !important;
margin-inline: auto !important;
}
}
@media (max-width: 1024px) {
[id^="wpex-carousel-"].wpex-carousel:where(.arrwpos-abs) {
width: 90% !important;
max-width: 90% !important;
margin-inline: auto !important;
}
}
@media (max-width: 767px) {
[id^="wpex-carousel-"].wpex-carousel:where(.arrwpos-abs) {
width: 82% !important;
max-width: 82% !important;
margin-inline: auto !important;
}
}
/* === Carousel Dots Styling === */
.wpex-carousel__dots {
margin-block-start: 35px !important;
}
.wpex-carousel__dots-dot {
width: 13px !important;
height: 13px !important;
background: #fff !important;
}
.wpex-carousel__dots-dot.active {
background: var(--wpex-active-carousel-dot-color, var(--wpex-accent)) !important;
}
/* Mobile - Hero Event Categories Carousel*/
.mobile-carousel {
margin-left: -50px;
margin-right: -50px;
padding-left: 0px;
padding-right: 0px;
overflow: visible;
}
.mobile-carousel .wpex-carousel__stage-outer {
overflow: visible !important;
}
.mobile-carousel .vcex-terms-carousel-entry {
background: var(--wpex-palette-131124-color);
padding: 25px 5px;
border-radius: var(--wpex-rounded-md);
}
.mobile-carousel .wpex-carousel__stage {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.mobile-carousel .wpex-carousel__item {
display: flex;
flex-direction: column;
}
.mobile-carousel .vcex-terms-carousel-entry {
flex-grow: 1;
}
/* Hide the break on larger screens */
.title-break {
display: none;
}
/* Show it only on small screens (≤ 500px) */
@media (max-width: 500px) {
.title-break {
display: inline;
}
}
/* Corner Date */
.corner-date {
background: #fff;
border-radius: 10px;
text-align: center;
padding: 15px;
display: inline-block;
min-width: 170px;
}
/* Featured Activity Card */
.corner-date-card {
position: absolute;
z-index: 1;
right: 10px;
top: 10px;
background: #fff;
border-radius: 10px;
text-align: center;
padding: 15px;
}
.corner-date-card .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
.featured-card-content {
padding:30px;
}
.event-meta a {
color: var(--wpex-palette-131119-color);
}
.event-meta .seperator {
display: inline-block;
padding-left: 3px;
padding-right: 3px;
}
@media (min-width: 768px) {
.featured-activity-event-title,
.event-meta {
padding-right: 90px;
}
.featured-activity-category-icon {
margin-bottom: -75px;
}
}
@media (max-width: 767px) {
.featured-activity-category-icon {
margin-top: -70px;
margin-bottom: 15px;
text-align: start;
}
}
/* Area Spotlight - Card */
/* Ensure spotlight wrapper behaves like a proper layering container */
.area-spotlight {
position: relative;
}
.area-spotlight-cards {
margin: 60px;
}
.area-spotlight-cards .wpex-post-cards-inner {
margin-left: -60px;
}
.area-spotlight-cards .wpex-post-cards-loop {
max-width: 45%;
}
/* Image loop background container (sits behind) */
.area-spotlight-card-images {
position: absolute;
top: 0;
left: 30px;
width: 100%;
z-index: 1;
pointer-events: none;
}
.area-spotlight-card-images img {
border-radius: var(--wpex-rounded-md);
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Each image card fades in/out smoothly */
.area-spotlight-card-images img {
border-radius: var(--wpex-rounded-md);
}
.area-spotlight-card-images .wpex-post-cards-entry {
position: absolute;
top: 0;
left: 35px;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 1;
transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;
}
.area-spotlight-card-images .wpex-post-cards-entry.active {
opacity: 1;
visibility: visible;
z-index: 2;
transition: opacity 0.4s ease-in-out;
}
/* Foreground content cards container (sits above) */
.area-spotlight-cards {
position: relative;
z-index: 2;
}
/* General content card styling */
.area-spotlight-cards .wpex-post-cards-entry {
border-radius: var(--wpex-rounded-md);
overflow: hidden;
border-left: 15px solid rgba(255, 255, 255, 0.9); /* Inactive default */
transition: border-color 0.3s ease;
}
/* Highlight active card with accent border */
.area-spotlight-cards .wpex-post-cards-entry.active {
border-left-color: var(--wpex-accent-alt) !important;
}
@media (max-width: 1600px) {
.area-spotlight {
position: relative;
}
.area-spotlight-card-images {
position: absolute;
top: 0;
left: 80px;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
overflow: hidden;
}
.area-spotlight-card-images .wpex-post-cards-entry {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.area-spotlight-card-images .wpex-card-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.area-spotlight-card-images img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; /* KEY: maintain aspect ratio and crop to fill */
object-position: center center; /* ensure it's flush right */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: var(--wpex-rounded-md);
border-bottom-left-radius: var(--wpex-rounded-md);
}
.area-spotlight-cards .wpex-post-cards-loop {
max-width: 45%;
min-width: 370px;
}
}
/* testimonial-cards */
.quotation-mark {
margin-top: -57px;
margin-bottom: 20px;
}
.testimonial-cards {
position: relative;
}
.testimonial-cards .wpex-card-inner:first-of-type {
padding: 0px 20px;
}
.testimonial-cards .wpex-card-inner > .vc_row > .wpb_column > .vc_column-inner:first-of-type {
position: relative;
padding-bottom: 105px !important;
margin-bottom: 0px;
}
.testimonial-cards .testimonial-author {
position: absolute;
bottom: 20px;
left: 20px;
width: 100%;
}
.testimonial-author-image {
position: absolute;
bottom: -30px;
right: -30px;
}
@media (max-width: 1280px) and (min-width: 1024px) {
.testimonial-author-image {
max-width: 100px;
}
}
@media (max-width: 600px) {
.testimonial-author-image {
max-width: 100px;
}
}
@media screen and (max-width: 1024px) {
.testimonial-cards .span_1_of_2_tl.col {
width: 100% !important;
}
}
/* Forms */
select:where(:not([multiple])) {
display: inline-block;
font-family: inherit;
font-weight: inherit;
text-align: inherit;
max-width: 100%;
font-size: 18px !important;
line-height: 25px !important;
transition: var(--wpex-input-transition);
padding: 10px;
padding-right: 36px; /* space for dropdown arrow */
border-radius: var(--wpex-input-border-radius);
color: var(--wpex-input-color);
background: var(--wpex-input-bg);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* Custom dropdown arrow */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px 16px;
}
/* Focus State */
select:focus {
border-color: #000;
outline: none;
}
/* Disabled */
select:disabled {
background: var(--wpex-input-disabled-bg, #f5f5f5);
color: var(--wpex-input-disabled-color, #999);
cursor: not-allowed;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
padding: 10px !important;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
}
.gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 10px !important;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
}
.gform_legacy_markup_wrapper select {
padding: 10px !important;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
height: auto; /* allows select height to adjust naturally */
width: 100%; /* optional: match text inputs if they are full width */
box-sizing: border-box; /* ensure padding doesn't overflow */
}
/* Footer Subscribe Form */
#gform_9_validation_container,
#gform_wrapper_9 .gform_heading {
display: none !important;
}
/* Footer */
#footer-inner {
padding-top: 0px;
}
.footer-box,
.footer-widget {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
#footer a {
text-decoration: underline;
}
.footer-links a {
text-decoration: none !important;
text-decoration: none !important;
color: var(--wpex-heading-color);
display: inline-block;
margin-bottom: 15px;
}
.footer-links a:hover {
color: #fff;
}
@media (max-width: 1280px) {
.footer-links .vc_col-sm-3 {
width: 50% !important;
float: left; /* Ensure side by side layout */
}
.footer-links .vc_col-sm-3:nth-child(3) {
clear: both;
}
.footer-links-subscribe .vc_col-sm-8,
.footer-links-subscribe .vc_col-sm-4{
width: 50%;
}
}
@media (max-width: 767px) {
.footer-links {
margin-bottom: 40px !important;
}
.footer-links .toggle-heading:hover {
color: #fff;
}
.footer-links .vc_col-sm-3 {
width: 100% !important;
}
.footer-links .vc_col-sm-3 h4,
.footer-links .vc_col-sm-3 .vc_column-inner {
margin-bottom: 0px;
}
.footer-links .vc_col-sm-3 h4 {
padding: 10px 0px;
}
.footer-links .vc_col-sm-3 p {
margin-top: 10px;
margin-bottom: 20px;
}
.footer-links-subscribe .vc_col-sm-8,
.footer-links-subscribe .vc_col-sm-4{
width: 100%;
}
}
.footer-links .toggle-heading {
position: relative;
cursor: pointer;
padding-right: 35px; /* space for the circle button */
transition: color 0.3s ease;
}
/* Circle Button (background, border, color) */
.footer-links .toggle-heading::before {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
background-color: #fff !important;
color: var(--wpex-palette-131119-color) !important;
box-sizing: border-box;
}
/* Horizontal Bar (minus) */
.footer-links .toggle-heading::after {
content: '';
position: absolute;
background-color: var(--wpex-palette-131119-color);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 12px;
height: 2px;
top: 50%;
left: calc(100% - 18px);
transform: translateY(-50%);
}
/* Vertical Bar (plus) */
.footer-links .toggle-heading span::before {
content: '';
position: absolute;
background-color: var(--wpex-palette-131119-color);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 12px;
height: 2px;
top: 50%;
left: calc(100% - 18px);
transform: translateY(-50%) rotate(90deg);
}
/* ACTIVE STATE: Animate to minus */
.footer-links .toggle-heading.active span::before {
opacity: 0;
transform: translateY(-50%) rotate(0deg);
}
/* ACTIVE STATE: Heading text turns white */
.footer-links .toggle-heading.active {
color: #fff !important;
}
/* Desktop disables toggle */
@media (min-width: 768px) {
.footer-links .toggle-heading {
cursor: default;
}
.footer-links .toggle-heading::before,
.footer-links .toggle-heading::after,
.footer-links .toggle-heading span::before {
display: none;
}
}
/* Copyright / Links */
.copyright-links a {
text-decoration: underline;
color: var(--wpex-on-accent);
}
/* Map - Panel */
.wpgmza_map {
border-radius: var(--wpex-rounded-md);
}
.wpgmza_map .wpgmza-inner-stack > * {
background:var(--wpex-palette-131124-color) !important;
}
wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view .wpgmza-panel-actions {
position: absolute;
z-index: 1;
}
.gm-fullscreen-control {
left: 0px;
top: 100px !important;
}
.gm-bundled-control-on-bottom {
top: 0px !important;
left: 0px !important;
right: inherit !important;
bottom: inherit !important;
}
.wpgmza_map .wpgmza-inner-stack.right .grouping ~ .grouping-handle .icon::after {
left: calc(0px + 25%) !important;
}
.wpgmza_map .wpgmza-inner-stack.right .grouping.visible ~ .grouping-handle .icon::after {
left: calc(0px - 7%) !important;
}
.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle .icon::after {
border-color:#000 !important;
}
.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle .icon {
background: #fff;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view .wpgmza-panel-actions {
margin: 0;
padding: 0;
max-height: var(--wpgmza-component-native-control-height);
display: flex;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view .wpgmza-panel-actions {
position: absolute;
z-index: 1;
left: -15px;
top: 10px;
}
.wpgmza-close {
width: 35px !important;
height: 35px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #ffffff !important;
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
color: var(--wpex-palette-131119-color) !important;
padding: 9px !important; /* Optional: add some padding so the icon is centered nicely */
box-sizing: border-box; /* Ensure borders don't change dimensions */
cursor: pointer;
margin-left: auto;
}
.wpgmza-close path {
fill: currentColor; /* Uses the inherited color */
}
.wpgmza-gallery-container {
min-height: 40px;
margin-bottom: 25px !important;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view > :not(:empty) {
padding: 0 30px !important;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-title {
font-weight: bold !important;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-gallery-container {
padding: 0 !important;
}
.wpgmza-description {
margin-bottom: 0px !important:
}
p.org-injected {
margin-bottom: 0px !important;
}
.wpgmza-description::before {
content: "Description: ";
font-weight: bold; /* Optional */
display: inline;
}
.wpgmza-description:empty {
display: none;
}
.wpgmza-infowindow-link a,
.wpgmza_infowindow_link a
{
display: block !important;
cursor: pointer !important;
-webkit-appearance: none !important;
-webkit-font-smoothing: inherit;
text-decoration: none !important;
text-align: center !important;
max-width: 100% !important;
padding: var(--wpex-btn-padding) !important;
transition: .15s all ease !important;
background-color: var(--wpex-btn-bg, var(--wpex-accent)) !important;
background-image: var(--wpex-btn-img) !important;
border-radius: var(--wpex-btn-border-radius) !important;
border-width: var(--wpex-btn-border-width) !important;
border-style: var(--wpex-btn-border-style) !important;
border-color: var(--wpex-btn-border-color, currentColor) !important;
color: var(--wpex-btn-color, var(--wpex-on-accent)) !important;
font-size: var(--wpex-btn-font-size) !important;
font-family: var(--wpex-btn-font-family) !important;
font-style: var(--wpex-btn-font-style) !important;
text-transform: var(--wpex-btn-text-transform) !important;
letter-spacing: var(--wpex-btn-letter-spacing) !important;
line-height: var(--wpex-btn-line-height) !important;
font-weight: 700 !important;
margin-top: 30px !important;
}
.gm-style-iw-c {
font-family: 'Asap', sans-serif;
padding: 0px !important;
padding-bottom: 20px !important;
}
.gm-style-iw-ch {
padding-top: 0px !important;
}
.gm-style-iw-chr [dir="ltr"] {
padding-top: 20px;
padding-bottom: 15px;
padding-right: 20px;
box-sizing: border-box;
}
.wpgmza-infowindow > *:not(.wpgmza_gallery_placeholder) {
padding-left: 20px;
padding-right: 20px;
}
.gm-style-iw-c .gm-title,
.gm-style-iw-c .address-line,
.gm-style-iw-c .view-link {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.wpgmza_infowindow_title {
font-size: 1.4em;
font-weight: 500;
margin-top: 30px;
margin-bottom: 10px !important;
padding-right: 55px !important;
}
.gm-style-iw-c .wpgmza_infowindow_link {
margin-bottom: 0px !important;
}
.gm-style .gm-style-iw-c {
background:var(--wpex-palette-131124-color) !important;
border-radius: var(--wpex-rounded-md);
}
.gm-style-iw-c .wpgmza_infowindow_link a {
margin-bottom: 0px !important;
margin-top: 20px !important;
}
.mobile-map .wpgmza-gallery-stage {
max-height: 100px !important;
}
.mobile-map .wpgmza_infowindow_title {
font-size: inherit !important;
margin-top: 15px !important;
}
.mobile-map .wpgmza_infowindow_description {
font-size: 12px !important;
margin-top: 10px !important;
}
.mobile-map .org-injected {
font-size: 12px !important;
}
.gm-style .gm-style-iw-tc::after {
background:var(--wpex-palette-131124-color) !important;
}
.poi-info-window div, .poi-info-window a {
background-color: var(--wpex-palette-131124-color);
}
.gm-style .transit-container,
.gm-style .transit-container div {
background-color: var(--wpex-palette-131124-color) !important;
font-weight: bold !important;
}
button.gm-ui-hover-effect {
width: 30px !important;
height: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #ffffff !important;
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
color: var(--wpex-palette-131119-color) !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 10px !important;
cursor: pointer !important;
appearance: none !important;
opacity: 1.0 !important;
}
button.gm-ui-hover-effect span {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
mask-size: contain !important;
mask-repeat: no-repeat !important;
background-color: currentColor !important;
}
.gm-style-iw-chr button.gm-ui-hover-effect {
position: absolute !important;
z-index: 1;
right: 10px;
top: 0px;
}
.gm-style .gm-style-iw {
font-weight:normal !important;
font-size: 15px !important;
}
.gm-style .transit-container .gm-full-width {
width: 100% !important;
}
.wpgmza-google-marker-advanced {
text-align: center !important;
font-weight: bold !important;
}
/* Breadcrumb container background */
.site-breadcrumbs {
background-color: var(--wpex-palette-131125-color);
}
.site-breadcrumbs a:hover {
text-decoration: none !important;
}
/* Hide the original separator characters */
.site-breadcrumbs .sep {
display: none !important;
}
/* Only add spacing to breadcrumb wrappers that contain an tag */
.site-breadcrumbs .breadcrumb-trail > span:has(a) {
margin-right: 15px; /* 15px total spacing, accounting for 8px arrow width */
}
/* Shared box styles for links and non-links */
/* Shared box styles for links and non-links */
.site-breadcrumbs .breadcrumb-trail a,
.site-breadcrumbs .breadcrumb-trail .trail-end {
background-color: var(--wpex-palette-131124-color);
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 8px;
font-weight: 500;
font-size: 12px;
position: relative;
vertical-align: middle;
margin-top: 5px; /* Add top margin */
margin-bottom: 5px; /* Add bottom margin */
}
/* Link text color */
.site-breadcrumbs .breadcrumb-trail a {
color: var(--wpex-palette-131119-color);
text-decoration: none;
}
/* Current page (non-link) text color */
.site-breadcrumbs .breadcrumb-trail .trail-end {
color: var(--wpex-palette-131118-color);
}
/* Arrow triangle for links and current item */
.site-breadcrumbs .breadcrumb-trail a::after,
.site-breadcrumbs .breadcrumb-trail .trail-end::after {
content: "";
position: absolute;
top: 0;
right: -8px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 8px solid var(--wpex-palette-131124-color);
}
/* Hover state for breadcrumb link */
.site-breadcrumbs .breadcrumb-trail a:hover {
background-color: #fff;
color: var(--wpex-palette-131119-color); /* Optional: maintain text color */
}
/* Update arrow color on hover */
.site-breadcrumbs .breadcrumb-trail a:hover::after {
border-left-color: #fff;
}
.site-breadcrumbs.wpex-py-15 {
padding-block: 10px !important;
}
@media (max-width: 768px) {
.site-breadcrumbs.wpex-py-15 {
padding-block: 5px !important;
}
}
.no-breadcrumbs .page-header.wpex-supports-mods {
padding-top: 40px !important;
}
/* Page Header */
.centered-page-header {
padding-block-start: 20px !important;
}
.page-header-background {
position: relative;
}
.page-header-background .vcex-image-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100vw;
padding: 10px 20px;
color: white;
text-align: center;
font-size: var(--wpex-text-sm);
font-weight: 400 !important;
z-index: 2;
background-color: rgba(42, 61, 57, 0.4); /* #2A3D39 at 40% opacity */
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px); /* for Safari support */
}
.page-header-inner {
position: relative;
}
.page-header-background img {
aspect-ratio: 3 / 1;
}
.template-page-title-icon {
position: absolute;
top: -45px;
right: 0px;
z-index: 6;
}
.template-page-title-icon img {
width: 208px;
}
.page-title-icon-132408 {
margin-top: 20px;
}
.page-title-icon-132408 img {
width: 235px;
}
.page-header-background img {
min-height: 320px;
}
.template-page-title-cta {
position: absolute;
z-index: 1;
margin-top: -120px;
left: 50%;
transform: translateX(-50%);
}
.template-page-title-cta .vcex-heading-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.template-page-title-cta .vcex-heading-icon {
margin-top: 5px; /* space between text and icon */
}
@media (max-width: 1024px) {
.template-page-title-icon {
top: 10px;
}
.template-page-title-icon img {
width: 125px;
height: auto;
}
.template-page-title-icon img {
width: 125px;
height: auto;
}
.page-title-icon-132408 img {
width: 155px;
}
.page-header.wpex-supports-mods {
padding-block-end: 20px !important;
}
}
@media (max-width: 768px) {
.template-page-title-icon {
top: -20px;
}
.template-page-title-icon img {
width: 125px;
height: auto;
}
.page-title-icon-132408 img {
width: 155px;
}
.page-header.wpex-supports-mods {
padding-block-end: 20px !important;
}
.page-header-background .vcex-image-caption {
font-size: 11px;
}
}
@media (max-width: 639px) {
.page-title-icon-and-background .template-page-title-icon img {
width: 90px;
height: auto;
}
.page-title-icon-only .template-page-title-icon img {
width: 75px;
height: auto;
}
.page-title-icon-only .page-header-content {
padding-right: 90px;
}
.page-title-icon-and-background .template-page-title-icon {
position: absolute;
top: 270px;
left: -5px;
z-index: 6;
}
.template-has-icon .vcex-image-caption {
position: absolute;
right: 10px;
left: auto;
width: auto;
max-width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 0 0 0 110px;
height: 90px;
text-align: right;
bottom: 25px;
/* Preserve background and blur */
background-color: transparent;
backdrop-filter: none ;
-webkit-backdrop-filter: none;
/* Unset full-width-related styles from base */
box-sizing: border-box;
}
}
/* Location - List Item */
/* Apply flex to outer container */
.list-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
}
/* Prevent image from shrinking */
.list-item-image {
flex-shrink: 0;
}
/* Allow content column to grow */
.list-item-content {
flex-grow: 1;
}
/* Override WPBakery nested row behavior */
.list-item-content.vc_row {
display: block !important;
}
.list-item-content .wpb_column,
.list-item-content .vc_column-inner,
.list-item-content .wpb_wrapper {
display: block !important;
width: 100% !important;
}
/* Alpha Nav */
.vcex-flex-container.alpha-nav > .vcex-button {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0px;
padding-right: 0px;
color: color: var(--wpex-heading-color);
}
/* Volunteer pages */
.vc_row-o-equal-height .wpb_wrapper,
.vc_row-o-equal-height.equal-height-icon-boxes .vcex-icon-box {
height: 100%;
}
.equal-height-icon-boxes .vcex-icon-box-content {
margin-bottom: 30px;
}
/* ----------------------------------------
Base Layout: Activity Card Container
---------------------------------------- */
.activity-card-list {
display: flex;
flex-wrap: wrap; /* Allow wrapping for responsive layouts */
margin: 0 auto;
gap: 0;
overflow: hidden;
border-radius: var(--wpex-rounded-md);
}
/* ----------------------------------------
Column: Image
---------------------------------------- */
.activity-card-list-image-org {
flex: 0 0 390px;
max-width: 390px;
}
.activity-card-list-image-org div > .wpb_wrapper {
position: relative;
}
.activity-card-list-image-org .org-icon {
position: absolute;
bottom: 5px;
left: 12px;
}
/* ----------------------------------------
Column: Content
---------------------------------------- */
.activity-card-list-content {
width: 40%;
flex-grow: 1;
flex-shrink: 1;
}
.activity-card-list-content-basic {
width: 50%;
}
.activity-card-list-content .vc_column-inner,
.activity-card-list-content .vc_column-inner .wpb_wrapper {
height: 100%;
}
.activity-card-list-content .vc_column-inner > .wpb_wrapper {
padding: 30px;
}
.activity-card-list-content .category-image {
min-width: 70px;
}
.activity-card-list-content .event-excerpt {
font-size: 16px;
}
.activity-card-list-content .event-excerpt .vcex-button {
font-weight: 600;
}
.activity-card-list-content .vcex-flex-container.wpex-gap-20.wpex-items-center {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.activity-card-list-content .vcex-flex-container .category-image {
order: 2;
margin-left: auto; /* Push image flush right */
}
.activity-card-list-content .vcex-flex-container .vcex-heading {
order: 1;
}
.activity-card-list-content {
border-left-width: 5px;
border-left-style: solid;
border-left-color: var(--wpex-palette-131124-color);
}
.activity-card-list-content .vcex-heading {
font-size: clamp(1.625rem, 1.25rem + 1.25vw, 1.9375rem);
}
/* ----------------------------------------
Column: Meta
---------------------------------------- */
.activity-card-list-meta {
flex: 0 0 390px;
max-width: 390px;
width: 390px;
}
.activity-card-list-meta-basic {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
.activity-card-list-meta .vc_column-inner > .wpb_wrapper {
padding: 30px;
}
.activity-card-list-meta dt {
font-weight: bold;
}
.activity-card-list-meta .vcex-heading-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
column-gap: 10px;
align-items: flex-start;
}
.activity-card-list-meta .vcex-heading-inner dt,
.activity-card-list-meta .vcex-heading-inner dd {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.activity-card-list-meta .vcex-heading-inner dt {
flex: 0 0 calc(40% - 5px);
word-break: break-word;
font-weight: 600;
}
.activity-card-list-meta .vcex-heading-inner dd {
flex: 0 0 calc(60% - 5px);
}
/* ----------------------------------------
Responsive: 1025px–1280px (Tablet/Desktop)
---------------------------------------- */
@media (min-width: 1024px) and (max-width: 1280px) {
.activity-card-list {
flex-wrap: wrap;
}
.activity-card-list-image-org {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
min-height: 300px;
order: 1;
}
.activity-card-list-content {
flex: 1 1 calc(100% - 390px);
max-width: calc(100% - 390px);
order: 2;
}
.activity-card-list-content-basic {
flex: 1 1 calc(100% - 50%);
max-width: calc(100% - 50%);
}
.activity-card-list-meta {
flex: 0 0 390px;
max-width: 390px;
width: 390px;
order: 3;
}
.activity-card-list-meta-basic {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
order: 3;
}
.activity-card-list-image-org .activity-featured-image img.wpex-aspect-1-1 {
aspect-ratio: 3.07 / 1.5;
}
}
/* ----------------------------------------
Responsive: ≤1024px (Mobile)
---------------------------------------- */
@media (max-width: 1023px) {
.activity-card-list {
flex-direction: column;
}
.activity-card-list-image-org,
.activity-card-list-content,
.activity-card-list-meta {
width: 100%;
max-width: 100%;
flex: none;
}
.activity-card-list-image-org .activity-featured-image img.wpex-aspect-1-1 {
aspect-ratio: 16 / 9;
}
.activity-card-list-content .vc_column-inner > .wpb_wrapper {
padding: 20px;
}
.activity-card-list-meta .vc_column-inner > .wpb_wrapper {
padding: 20px;
}
.activity-card-list-content .category-image {
min-width: 60px;
max-width: 60px;
}
.activity-card-list-image-org .org-icon {
max-width: 50px !important;
}
.activity-card-list-content .vcex-flex-container .category-image {
max-width: 60px;
}
}
.activity-card-list-meta dt {
font-weight: 600 !important;
}
.activity-card-list-meta dt,
.activity-card-list-meta dd{
font-size: 16px !important;
}
.activity-card-list-meta dd button{
margin-top: 15px;
font-size: 14px !important;
padding: 6px 15px !important;
background: transparent !important;
border:1px solid var(--wpex-heading-color) !important;
color: var(--wpex-heading-color) !important;
}
/* Activity Card - Grid */
.event-meta,
.single-event-meta {
color: var(--wpex-palette-131119-color);
font-size: 16px;
font-weight: bold !important;
}
.activity-card-grid .vcex-post-excerpt {
font-size: 16px;
}
/* Activites Page */
#em-search-advanced-1 {
}
#em-events-list-grouped-1 > h2 {
font-size: var(--wpex-text-xl);
margin-top: 50px !important;
margin-bottom: 25px !important;
}
#em-events-list-grouped-1 > h2:first-of-type {
margin-top: 0 !important;
}
.em.pixelbones .input button.button-primary {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
text-decoration: none !important;
text-align: center;
max-width: 100%;
padding: var(--wpex-btn-padding) !important;
transition: .15s all ease;
background-color: var(--wpex-btn-bg, var(--wpex-accent)) !important;
background-image: var(--wpex-btn-img);
border-radius: var(--wpex-btn-border-radius) !important;
border-width: var(--wpex-btn-border-width) !important;
border-style: var(--wpex-btn-border-style);
border-color: var(--wpex-btn-border-color, currentColor) !important;
color: var(--wpex-btn-color, var(--wpex-on-accent)) !important;
font-size: var(--wpex-btn-font-size) !important;
font-family: var(--wpex-btn-font-family) !important;
font-style: var(--wpex-btn-font-style);
text-transform: var(--wpex-btn-text-transform) !important;
letter-spacing: var(--wpex-btn-letter-spacing) !important;
line-height: 38px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-weight: 700 !important;
}
.em.pixelbones .input button.button-primary:hover {
color: var(--wpex-hover-btn-color, var(--wpex-on-accent-alt)) !important;
background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt)) !important;
background-image: var(--wpex-hover-btn-img, var(--wpex-btn-img)) !important;
border-color: var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor)) !important;
text-decoration: none !important;
}
.em.em-search.size-medium.multi-line .em-search-main-bar .em-search-field {
margin-left: 0px !important;
}
.em-events-search.size-medium .em-datepicker,
.em-events-search.size-small .em-datepicker{
display:unset !important;
visibility:unset !important;
}
.em-events-search.size-medium .em-search-main .em-search-field,
.em-events-search.size-small .em-search-main .em-search-field {
margin-bottom: 15px !important;
padding-bottom: 0px !important;
}
.em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section {
padding-bottom: 5px;
}
/* Replace all uses of #ff5a5f in Flatpickr with theme accent */
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: var(--wpex-accent) !important;
border-color: var(--wpex-accent) !important;
color: #fff !important;
}
/* Override box-shadow from #ff5a5f to var(--wpex-accent) in Flatpickr range shading */
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 var(--wpex-accent) !important;
box-shadow: -10px 0 0 var(--wpex-accent) !important;
}
.em.em-search .em-search-main.em-search-main-bar > .em-search-field.em-selectized {
z-index:6;
}
.is-events-manager-page .site-breadcrumbs {
position: absolute;
z-index: 2;
width: 100%;
background: transparent;
z-index: 2;
}
.is-events-manager-page .page-header-background img {
aspect-ratio: 6 / 1;
object-position: 50% 62.5%;
}
.is-events-manager-page .page-header-background {
position: relative;
overflow: hidden;
}
.is-events-manager-page .page-header-background::before {
content: '';
position: absolute;
inset: 0; /* shorthand for top: 0; right: 0; bottom: 0; left: 0; */
background: rgba(0, 0, 0, 0.5); /* black with 60% opacity */
z-index: 1;
pointer-events: none; /* ensures the overlay doesn’t block interaction */
}
.activities-secondary-nav {
padding: 25px 0px;
}
.activities-secondary-nav .vcex-heading {
font-size: var(--wpex-text-xl);
}
.activities-secondary-nav .vcex-heading a {
display: inline-block;
line-height: 30px;
}
.activities-secondary-nav .vcex-heading-icon-left {
vertical-align:middle;
}
.activities-secondary-nav .vcex-heading-icon-left .wpex-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: white;
border-radius: 50%;
}
.activities-secondary-nav .vcex-heading-icon-left .wpex-icon svg {
width: 16px;
display: block;
fill: currentColor; /* Optional: inherits text color */
}
.activities-secondary-nav .icon-star .vcex-heading-icon-left .wpex-icon svg,
.activities-secondary-nav .icon-question .vcex-heading-icon-left .wpex-icon svg {
width: 22px !important;
height: 22px !important;
}
.activities-secondary-nav .icon-tips .vcex-heading-icon-left .wpex-icon svg {
width: 20px !important;
height: 20px !important;
}
.activities-secondary-nav .vcex-flex-container {
display: flex;
flex-wrap: wrap; /* allows wrapping on smaller screens */
align-items: center;
gap: 20px;
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:first-child {
margin-right: auto; /* aligns the first item (e.g., Tips & Resources) to the left */
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:not(:first-child) {
margin-left: 30px;
}
.activities-secondary-nav .vcex-button-inner {
display: flex; /* was inline-flex */
flex-direction: column; /* stack icon above text */
align-items: center;
text-align: center;
gap: 4px; /* spacing between icon and text */
font-size: 16px !important;
color: var(--wpex-heading-color);
font-weight: var(--wpex-heading-font-weight);
}
.activities-secondary-nav .vcex-button-inner {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 16px !important;
color: var(--wpex-heading-color);
font-weight: var(--wpex-heading-font-weight);
}
.activities-secondary-nav .vcex-button-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: white;
border-radius: 50%;
}
.activities-secondary-nav .vcex-button-icon .wpex-icon svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.activities-secondary-nav .icon-tips .wpex-icon svg {
width: 20px !important;
height: 20px !important;
margin-top: 5px;
}
.activities-secondary-nav .icon-about .wpex-icon svg {
width: 20px !important;
height: 16px !important;
margin-top: 8px;
}
@media (max-width: 1360px) {
.activities-secondary-nav .vcex-heading a {
font-size: 20px !important;
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:not(:first-child) {
margin-left: 20px;
}
.page-header-title-overlay .vcex-flex-container > div {
font-size: 16px !important;
}
}
@media (max-width: 1200px) {
.activities-secondary-nav .vcex-heading a {
font-size: 18px !important;
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:not(:first-child) {
margin-left: 15px;
}
}
@media (max-width: 1100px) {
.activities-secondary-nav .vcex-heading a {
font-size: 16px !important;
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:not(:first-child) {
margin-left: 10px;
}
}
@media (max-width: 1023px) {
.activities-secondary-nav {
padding: 15px 0;
}
.activities-secondary-nav .vcex-flex-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px; /* spacing between icon buttons */
}
.activities-secondary-nav .vcex-heading .vcex-heading-inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.activities-secondary-nav .vcex-heading .vcex-heading-icon-left {
margin-right: 0;
margin-bottom: 2px; /* spacing between icon and text */
}
.activities-secondary-nav .vcex-heading .wpex-icon {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 50%;
}
.activities-secondary-nav .vcex-heading .wpex-icon svg {
width: 16px;
height: 16px;
fill: currentColor;
display: block;
}
}
@media (max-width: 639px) {
.activities-secondary-nav .vcex-flex-container {
gap: 40px;
}
.page-header-title-overlay .vcex-flex-container > h1 {
font-size: 28px;
margin-bottom: -15px;
}
.activities-secondary-nav .vcex-flex-container > .vcex-heading:not(:first-child) {
margin-left: 0px;
}
}
/* Page Header Title - Activities Page */
.page-header-title-overlay .vcex-flex-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: var(--wpex-container-width);
max-width: var(--wpex-container-max-width);
height: auto;
z-index: 2;
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: flex-start; /* Align h1 and div to top of each column */
justify-content: center; /* Optional: center the whole layout horizontally */
}
.page-header-title-overlay .vcex-flex-container > h1 {
flex: 0 0 calc(40% - 20px);
max-width: calc(40% - 20px);
}
.page-header-title-overlay .vcex-flex-container > div {
flex: 0 0 calc(60% - 20px);
max-width: calc(60% - 20px);
}
.page-header-title-overlay .vcex-flex-container > h1 span {
max-width: 450px;
}
@media (max-width: 1023px) {
.page-header-title-overlay .vcex-flex-container > h1 {
flex: 0 0 100%;
max-width: 100%;
}
.page-header-title-overlay .vcex-flex-container > h1 span {
max-width: 400px !important;
display: block;
}
}
@media (max-width: 639px) {
.page-header-title-overlay .vcex-flex-container > h1 span {
max-width: 290px !important;
display: block;
}
.is-events-manager-page .page-header-background img {
min-height: 190px !important;
}
}
/* Events Mangager Pagination */
.em-pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 50px !important;
margin-bottom: 40px !important;
flex-wrap: wrap;
width: 100% !important;
}
/* Base page numbers */
.em .em-pagination .page-numbers {
padding: 0 !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 9999px !important;
font-family: 'Asap', sans-serif !important;
font-size: 17px !important;
line-height: 1 !important;
font-weight: normal !important;
text-decoration: none !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
background-color: #fff !important;
color: var(--wpex-palette-131119-color) !important;
transition: 0.15s all ease !important;
box-sizing: border-box !important;
cursor: pointer;
}
/* Hover + Current: consistent sizing and font */
.em .em-pagination .page-numbers:hover,
.em .em-pagination .page-numbers.current {
padding: 0 !important;
width: 40px !important;
height: 40px !important;
font-size: 17px !important;
line-height: 1 !important;
background-color: var(--wpex-palette-131119-color) !important;
color: #fff !important;
border-color: var(--wpex-palette-131119-color) !important;
font-weight: normal !important;
}
/* Disable interaction for current */
.em .em-pagination .page-numbers.current {
pointer-events: none;
text-decoration: none !important;
}
/* Base arrow styles (already styled like the numbers) */
.em .em-pagination .page-numbers.next,
.em .em-pagination .page-numbers.prev,
.em .em-pagination .page-numbers.next.last,
.em .em-pagination .page-numbers.prev.first {
font-size: 0 !important; /* hide ›/‹ text */
width: 40px !important;
height: 40px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: 9999px !important;
background-color: #fff !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 12px 12px !important;
opacity: 1 !important;
box-sizing: border-box !important;
}
/* Base arrow: custom green color */
.em .em-pagination .page-numbers.next {
font-size: 0 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%235e7c60' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 10px 16px !important;
}
.em .em-pagination .page-numbers.prev {
font-size: 0 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%235e7c60' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 10px 16px !important;
}
/* Hover state: swap to white-filled SVG */
.em .em-pagination .page-numbers.next:hover {
background-color: var(--wpex-palette-131119-color) !important;
border-color: var(--wpex-palette-131119-color) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") !important;
}
.em .em-pagination .page-numbers.prev:hover {
background-color: var(--wpex-palette-131119-color) !important;
border-color: var(--wpex-palette-131119-color) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E") !important;
}
/* Total Theme Pagination */
ul.page-numbers {
display: flex;
flex-wrap: wrap; /* Optional: wraps items if container is narrow */
gap: 0.5rem; /* or use margin on li if more control is needed */
justify-content: center; /* Optional: centers pagination */
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
ul.page-numbers li, .page-links > *, .buddypress-wrap .bp-pagination .bp-pagination-links .pag-data > *, .wp-block-query-pagination-numbers > .page-numbers {
border: 0px !important;
}
body:not(.has-pagination-gutter) :where(ul.page-numbers, .page-links, .buddypress-wrap .bp-pagination .bp-pagination-links .pag-data, .wp-block-query-pagination-numbers) > :first-child, body:not(.has-pagination-gutter) :where(ul.page-numbers, .page-links, .buddypress-wrap .bp-pagination .bp-pagination-links .pag-data, .wp-block-query-pagination-numbers) > :first-child > * {
border-start-start-radius:0px !important;
border-end-start-radius:9999px !important;
border-start-start-radius:9999px !important;
}
ul.page-numbers a,
span.page-numbers,
.page-links > span,
.page-links a > span,
.bbp-pagination-links span.page-numbers,
.bbp-pagination-links .page-numbers,
.buddypress-wrap .bp-pagination .bp-pagination-links .page-numbers,
.wp-block-query-pagination-numbers > .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
height: 2.5rem;
padding: 0 0.75rem;
border-radius: 9999px !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
color: var(--wpex-palette-131119-color) !important;
font-size: 17px;
line-height: 1;
text-align: center;
white-space: nowrap;
}
.page-numbers a:hover, .page-links a > span:hover, .buddypress-wrap .bp-pagination .bp-pagination-links .page-numbers:hover {
color: #fff !important;
background-color: var(--wpex-palette-131119-color) !important;
}
.page-numbers.current, .page-numbers.current:hover, .page-links > span.current, .bbp-pagination-links .page-numbers.current, .elementor-pagination .page-numbers.current, .buddypress-wrap .bp-pagination .bp-pagination-links .page-numbers.current {
color: #fff !important;
background-color: var(--wpex-palette-131119-color) !important;
border-start-start-radius:9999px !important;
border-end-start-radius:9999px !important
}
.page-numbers-icon svg {
height: 16px;
}
.found-events-count {
width: var(--wpex-container-width);
margin-bottom: 30px;
}
.em-grid .found-events-count {
padding-inline: calc(35px / 2);
margin-bottom: 30px;
}
.em-grid {
display: flex;
flex-wrap: wrap;
margin-inline: calc(-1*35px/2);
}
.em-grid .col {
margin: 0 0 35px !important;
padding: 0 calc(35px/2) !important;
display: flex !important;
flex-direction: column !important;
-mx-flex: 0 1 auto !important;
flex: 0 1 auto !important;
}
.em-grid .col > .vc_row-o-equal-height {
display: flex;
flex-grow: 1;
}
@media (max-width: 1279px) {
.em-grid .span_1_of_3 {
width: calc(100% / 2);
}
}
@media (max-width: 767px) {
.em-grid .span_1_of_3 {
width: calc(100% / 1);
}
}
/* Facny Box */
.fancybox-bg {
background: #000;
}
.fancybox-is-open .fancybox-bg {
background: rgba(0, 0, 0, 0.5); /* black with 50% opacity */
opacity: 1; /* keep at 1 so only the background color is semi-transparent */
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
border-radius: var(--wpex-rounded-md);
}
.fancybox-slide--html .fancybox-close-small {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--wpex-palette-131119-color);
border-radius: 50%;
border: 1px solid var(--wpex-palette-131119-color);
color: #ffffff !important;
padding: 0 !important;
right: 10px !important;
top: 10px !important;
transition: background-color 0.3s, color 0.3s;
}
.fancybox-slide--html .fancybox-close-small svg {
width: 22px !important;
height: 22px !important;
fill: #ffffff !important;
color: #ffffff !important;
transition: fill 0.3s;
}
.fancybox-slide--html .fancybox-close-small svg path {
fill: #ffffff !important;
color: #ffffff !important;
}
/* Hover state: invert background and icon color */
.fancybox-slide--html .fancybox-close-small:hover {
background-color: #ffffff !important;
color: var(--wpex-palette-131119-color) !important;
}
.fancybox-slide--html .fancybox-close-small:hover svg,
.fancybox-slide--html .fancybox-close-small:hover svg path {
fill: var(--wpex-palette-131119-color) !important;
color: var(--wpex-palette-131119-color) !important;
}
/* Events Manager - Calendar Modal */
.em.em-modal.active {
backdrop-filter:unset !important;
}
.em.em-modal .em-modal-popup {
/*max-width: 1280px !important;*/
}
.em.em-modal.em-cal-date-content .em-modal-popup.active {
border-radius: var(--wpex-rounded-md) !important;
background-color: var(--wpex-palette-131125-color) !important;
}
.em.em-modal.em-cal-date-content .em-modal-popup header {
border-top-left-radius: var(--wpex-rounded-md) !important;
border-top-right-radius: var(--wpex-rounded-md) !important;
background: var(--wpex-palette-131124-color) !important;
border-bottom:0px !important;
font-size: var(--wpex-text-xl) !important;
color: var(--wpex-heading-color) !important;
font-weight: var(--wpex-heading-font-weight) !important;
}
.em-cal-event-content .em-modal-title {
display: none !important;
}
.em-cal-event-content .em-modal-popup header {
border-bottom:0px !important;
padding: 0px !important;
}
.em-cal-event-content .em-modal-content {
padding:0px !important;
}
.em-cal-event-content .em-modal-popup.active {
background-color: transparent !important;
}
.em.em-modal .em-modal-popup header a.em-close-modal {
z-index: 1;
}
.em.em-modal .em-modal-popup header a.em-close-modal {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff !important; /* default background */
border-radius: 50% !important;
border: 1px solid var(--wpex-palette-131119-color) !important;
position: absolute !important;
cursor: pointer !important;
top: 10px !important;
right: 10px !important;
opacity: 0 !important;
transition: background-color 0.3s, color 0.3s, opacity .3s cubic-bezier(.55,0,.1,1), visibility .3s cubic-bezier(.55,0,.1,1) !important;
transition-delay: 0.15s !important;
backface-visibility: hidden !important;
/* Remove existing background image */
background-image: none !important;
text-decoration: none !important;
}
/* Optional: insert an "X" using pseudo-element if no SVG is inside */
.em.em-modal .em-modal-popup header a.em-close-modal::before {
content: "✕"; /* Unicode 'X' */
font-size: 16px;
line-height: 1;
color: var(--wpex-palette-131119-color) !important;
}
/* Hover state: invert colors */
.em.em-modal .em-modal-popup header a.em-close-modal:hover {
background-color: var(--wpex-palette-131119-color) !important;
color: #fff !important;
}
/* ----------------------------------------
Force Stacked Layout in Modal (.em-cal-event-content)
---------------------------------------- */
.em-cal-event-content .activity-card-list {
flex-direction: column;
}
.em-cal-event-content .activity-card-list-image-org,
.em-cal-event-content .activity-card-list-content,
.em-cal-event-content .activity-card-list-meta {
width: 100%;
max-width: 100%;
flex: none;
}
.em-cal-event-content .activity-card-list-image-org .activity-featured-image img.wpex-aspect-1-1 {
aspect-ratio: 16 / 6;
}
.em-cal-event-content .activity-card-list-content .vc_column-inner > .wpb_wrapper,
.em-cal-event-content .activity-card-list-meta .vc_column-inner > .wpb_wrapper {
padding: 20px;
}
.em-cal-event-content .activity-card-list-content .category-image {
min-width: 60px;
max-width: 60px;
}
.em-cal-event-content .activity-card-list-image-org .org-icon {
max-width: 50px !important;
}
.em-cal-event-content .activity-card-list-content .vcex-flex-container .category-image {
max-width: 60px;
}
/* ----------------------------------------
Calendar Modal List
---------------------------------------- */
.calendar-modal-list-meta {
}
.calendar-modal-list-meta .vc_column-inner > .wpb_wrapper {
}
.calendar-modal-list-meta dt {
font-weight: bold;
}
.calendar-modal-list-meta .vcex-heading-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
column-gap: 10px;
align-items: flex-start;
}
.calendar-modal-list-meta .vcex-heading-inner dt,
.calendar-modal-list-meta .vcex-heading-inner dd {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.calendar-modal-list-meta .vcex-heading-inner dt {
flex: 0 0 calc(20% - 5px);
word-break: break-word;
font-weight: 600;
}
.calendar-modal-list-meta .vcex-heading-inner dd {
flex: 0 0 calc(80% - 5px);
}
.calendar-modal-list-meta .vcex-image.category-image {
margin-left: auto;
}
@media (max-width: 767px) {
.calendar-modal-list-image img.wpex-aspect-3-4 {
aspect-ratio: 16 / 6;
}
}
/* Activities Single */
.single-event .page-header {
padding-block-end: 0px !important;
}
.single-event #primary {
padding-block-end: 0px !important;
}
@media (min-width: 768px) {
.template-page-title-single-event .vc_col-sm-3 .vcex-image {
margin-bottom: -70px !important;
}
.single-activity-page-title {
position: relative !important;
z-index: 6 !important;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.template-page-title-single-event .vc_col-sm-3 {
width: 35%;
}
.template-page-title-single-event .vc_col-sm-6 {
width: 65%;
}
}
@media (max-width: 767px) {
.single-activity-featured-image {
margin-bottom: 25px
}
.single-activity-featured-image .wpex-aspect-1-1 {
aspect-ratio: 16 / 9;
}
.template-page-title-single-event .wpex-px-40 {
padding: 0px !important;
}
.template-page-title-single-event .vcex-flex-container {
flex-direction: row-reverse; /* Puts image on the right */
margin-bottom: 10px;
}
.template-page-title-single-event .vcex-flex-container .vcex-image {
margin-left: auto; /* Push image to far right */
flex-shrink: 0; /* Prevent shrinking */
max-width: 50px;
}
.single-event-meta {
font-size: 15px;
}
}
.single-activity-content-event-meta {
max-width: 1280px !important;
margin: 0 auto !important;
}
.single-activity-content-event-meta .single-activity-content .wpb_wrapper {
max-width: 768px;
padding-right: 50px;
}
/* At 959px and below: remove right padding */
@media (max-width: 959px) {
.single-activity-content-event-meta .single-activity-content .wpb_wrapper {
padding-right: 0;
}
.single-activity-content-event-meta {
max-width: 768px !important;
margin: 0 auto !important;
}
}
.template-before-content-single-event-wave,
.event-single-volunteer-section-wave,
.event-single-register-section-wave {
margin-bottom: calc(-1 * max(4vmax, 50px)) !important;
}
/* ----------------------------------------
Scoped Meta: DT/DD for .single-activity-event-meta
---------------------------------------- */
.single-activity-event-meta dt {
font-weight: 600 !important;
font-size: 16px !important;
word-break: break-word;
flex: 0 0 calc(40% - 5px);
}
.single-activity-event-meta dd {
font-size: 16px !important;
flex: 0 0 calc(60% - 5px);
}
.single-activity-event-meta dd button {
margin-top: 15px;
font-size: 14px !important;
padding: 6px 15px !important;
background: transparent !important;
border: 1px solid var(--wpex-on-accent) !important;
}
.single-activity-event-meta .reminder-registration-window {
color: #000 !important;
border-color: #000 !important;
}
/* Optional: Keep flex styling if you're using vcex-heading-inner */
.single-activity-event-meta .vcex-heading-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
column-gap: 10px;
align-items: flex-start;
}
.single-activity-event-meta .vcex-heading-inner dt,
.single-activity-event-meta .vcex-heading-inner dd {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.event-registration-open {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 75px;
align-items: start;
}
.event-registration-open .em.pixelbones .input label,
.event-registration-open .em.pixelbones.input label {
font-size: 16px;
font-weight: 600 !important;
border-bottom: 0px !important;
}
.event-registration-open .em-booking-form span.form-tip {
border-bottom: 0px !important;
}
.event-registration-open .em.em-event-booking-form .em-tickets .em-ticket-bookings .em-ticket-booking {
padding: 10px 0 0 !important;
}
.event-registration-open .em.pixelbones.input select:not([multiple]),
.event-registration-open .em.pixelbones.input input[type="text"],
.event-registration-open .em.pixelbones.input select {
padding: 10px !important;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
border: var(--wpex-input-border-width) var(--wpex-input-border-style) var(--wpex-input-border-color) !important;
color: var(--wpex-input-color);
height: auto !important;
}
.event-registration-open .em.pixelbones.input select:not([multiple]):focus,
.event-registration-open .em.pixelbones.input input[type="text"]:focus,
.event-registration-open .em.pixelbones.input select:focus {
border: 1px solid #000 !important;
}
.em.pixelbones.input input[type="submit"] {
display: inline-block !important;
cursor: pointer !important;
-webkit-appearance: none !important;
-webkit-font-smoothing: inherit !important;
text-decoration: none !important;
text-align: center !important;
max-width: 100% !important;
padding: var(--wpex-btn-padding) !important;
transition: .15s all ease !important;
background-color: var(--wpex-btn-bg, var(--wpex-accent)) !important;
background-image: var(--wpex-btn-img) !important;
border-radius: var(--wpex-btn-border-radius) !important;
border-width: var(--wpex-btn-border-width) !important;
border-style: var(--wpex-btn-border-style) !important;
border-color: var(--wpex-btn-border-color, currentColor) !important;
color: var(--wpex-btn-color, var(--wpex-on-accent)) !important;
font-size: var(--wpex-btn-font-size) !important;
font-family: var(--wpex-btn-font-family) !important;
font-style: var(--wpex-btn-font-style) !important;
text-transform: var(--wpex-btn-text-transform) !important;
letter-spacing: var(--wpex-btn-letter-spacing) !important;
line-height: var(--wpex-btn-line-height) !important;
font-weight: 700 !important;
height: auto !important;
}
.em.pixelbones.input input[type="submit"]:hover {
background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt)) !important;
color: #fff !important;
}
.event-volunteer .button.waiver {
margin-bottom: 15px !important;
}
.button.waitlist-notification {
margin-top: 15px !important;
}
@media (min-width: 880px) {
.event-volunteer #waiver-form {
float: right;
margin-top: -20px;
}
}
/* Make heading span both columns */
.event-registration-heading {
grid-column: 1 / -1;
margin-bottom: 1rem;
}
/* Paragraph styling */
.event-registration-description p {
line-height: 1.6;
margin-bottom: 1rem;
}
/* Responsive: stack columns */
@media (max-width: 959px) {
.event-registration-open {
grid-template-columns: 1fr;
}
.event-registration-heading {
grid-column: 1 / -1;
}
.event-registration-form {
margin-top: 40px !important;
}
}
/* Wrap the booking form with shadow */
.event-registration-open .event-registration-form {
padding: 2rem;
background: #fff;
border-radius: var(--wpex-rounded-md); /* optional: uses Total theme var */
box-shadow: var(--wpex-shadow);
}
.event-registration-open .event-registration-form .reminder-registration-window {
margin-top: 30px;
}
/* Booking form layout */
.event-registration-open .em-ticket-booking {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 1.5rem;
align-items: flex-end;
}
/* Reduce spacing between p and form groups */
.event-registration-open .em.pixelbones p,
.event-registration-open .em.em-event-booking-form .em-booking-form .input-group {
margin-bottom: 0 !important;
}
/* Booking form spacing tweaks */
.event-registration-open .em.em-event-booking-form .em-tickets .em-ticket-bookings {
margin: 0 0 20px !important;
}
.event-registration-open .em.em-event-booking-form .em-tickets {
margin: 0;
width: 100%;
}
/* Field sizing */
.event-registration-open .em-ticket-booking .input-field-attendee_name {
flex: 1 1 auto;
}
.event-registration-open .em-ticket-booking .input-field-attendee_age {
flex: 0 0 150px;
}
/* Labels and inputs */
.event-registration-open .em-ticket-booking label {
display: block;
margin-bottom: 0.25rem;
}
.event-registration-open .em-ticket-booking input[type="text"] {
width: 100%;
}
@media (max-width: 500px) {
.event-registration-open .em-ticket-booking {
}
.event-registration-open .em-ticket-booking .input-field-attendee_age {
flex: 1 1 auto;
}
}
#event-single-volunteer-section h2,
#event-single-register-section h2,
#event-single-related-location h2{
margin-top: 60px;
}
/* ========================================
Base Volunteer Table Styles
======================================== */
.event-volunteer table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 16px;
}
.event-volunteer table * {
border: none !important;
}
.event-volunteer table thead th {
color: var(--wpex-palette-131123-color);
text-align: left;
font-weight: 600;
padding: 12px 10px;
border-bottom: 1px solid var(--wpex-palette-131121-color) !important;
}
.event-volunteer table tbody td {
padding: 10px;
border-bottom: 1px solid var(--wpex-palette-131121-color) !important;
vertical-align: middle;
}
.event-volunteer table .button {
padding: 6px 12px;
font-size: 14px;
}
/* ========================================
Scroll Wrapper + Layout
======================================== */
.volunteer-table-wrapper {
position: relative;
}
.event-volunteer .table-scroll-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
position: relative;
padding-bottom: 20px; /* Room for scroll track */
box-sizing: border-box;
scrollbar-gutter: stable both-edges;
}
/* Fade spacer cell */
.event-volunteer td.fade-spacer {
width: 20px;
min-width: 20px;
padding: 0;
margin: 0;
border: none !important;
}
/* Right-side fade gradient */
.event-volunteer .scroll-fade-right {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: calc(100% - 20px);
pointer-events: none;
background: linear-gradient(to left, var(--wpex-palette-131125-color) 60%, transparent);
z-index: 2;
transition: opacity 0.3s ease;
opacity: 1;
}
.event-volunteer .fade-hidden {
opacity: 0;
}
/* ========================================
SimpleBar Custom Scrollbar Styling
(Mobile Only)
======================================== */
@media (max-width: 768px) {
.simplebar-track.simplebar-horizontal {
background-color: var(--wpex-palette-131124-color) !important;
height: 13px !important;
position: absolute !important;
left: 0;
right: 0;
bottom: 0;
opacity: 1 !important;
visibility: visible !important;
z-index: 3;
border-radius: 20px !important;
}
.simplebar-scrollbar {
opacity: 1 !important;
visibility: visible !important;
}
.simplebar-scrollbar::before {
background-color: var(--wpex-palette-131123-color) !important;
opacity: 1 !important;
visibility: visible !important;
border-radius: 6px !important;
height: 10px !important;
transition: none !important;
}
.simplebar-scrollbar:hover::before {
background-color: var(--wpex-palette-131123-color) !important;
}
/* Ensure content doesn't clip scrollbar */
.event-volunteer .simplebar-content-wrapper {
margin-bottom: 10px;
box-sizing: content-box;
}
.event-volunteer .table-scroll-wrapper table {
min-width: 1024px;
}
}
/* ========================================
Hide Scrollbar & Fade on Desktop
======================================== */
@media (min-width: 769px) {
.event-volunteer td.fade-spacer,
.event-volunteer .scroll-fade-right,
.simplebar-track.simplebar-horizontal,
.simplebar-scrollbar {
display: none !important;
}
}
/* ========================================
Scroll Hint Text
======================================== */
.event-volunteer .scroll-hint {
font-size: 13px;
color: #fff !important;
text-align: center;
margin: 8px 0 4px;
opacity: 0.75;
font-style: italic;
pointer-events: none;
background: var(--wpex-palette-131123-color);
z-index: 10;
position: relative;
}
@media (min-width: 769px) {
.event-volunteer .scroll-hint {
display: none;
}
.between-tables-volunteer {
display: none;
}
}
table#registrations * {
border: none !important;
}
table#registrations thead {
background: none;
}
table#registrations thead th {
color: var(--wpex-palette-131123-color);
text-align: left;
font-weight: 600;
padding: 12px 10px;
border-bottom: 1px solid var(--wpex-palette-131121-color) !important;
background: none;
}
table#registrations tbody td {
padding: 10px;
border-bottom: 1px solid var(--wpex-palette-131121-color) !important;
vertical-align: middle;
}
table#registrations .button {
padding: 6px 12px;
font-size: 14px;
}
table#registrations .add-attendee-name {
padding: 10px !important;
font-size: 18px !important;
line-height: 25px !important;
border-radius: var(--wpex-input-border-radius);
border: var(--wpex-input-border-width) var(--wpex-input-border-style) var(--wpex-input-border-color) !important;
color: var(--wpex-input-color);
height: auto !important;
width: 100%;
max-width: 200px;
}
table#registrations .add-attendee-name:focus {
border-color: #000 !important;
}
@media screen and (max-width: 500px) {
.event-registration-open .event-registration-form {
padding: 25px;
}
table#registrations .add-attendee-name {
padding: 7px !important;
font-size: 14px !important;
line-height: 20px !important;
width: 100%;
}
}
/* Container rule to target all icons and text under .custom-field-icon-spacing */
.custom-field-icon-spacing .vcex-custom-field {
display: flex;
align-items: center;
font-size: 16px;
}
.custom-field-icon-spacing .vcex-custom-field a {
text-decoration: none;
}
/* Ensure icon is fixed size and aligned */
.custom-field-icon-spacing .vcex-custom-field-icon {
width: 24px; /* Or 22px if you want exact SVG width */
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px; /* Adjust spacing as needed */
flex-shrink: 0;
}
/* Ensure the icon inside SVG scales properly */
.custom-field-icon-spacing .vcex-custom-field-icon svg {
width: 100%;
height: auto;
display: block;
}
/* Partner Card */
@media (max-width: 959px) {
.partner-card .wpex-px-30 {
padding-inline: 0px !important;
}
.partner-card .vcex-image {
margin-bottom: 30px;
}
}
/* About Page */
@media (max-width: 959px) {
.vc_row.mobile-no-gutter[class*="wpex-vc_row-gap-"] > .vc_column_container > .vc_column-inner {
padding-inline: calc(15px/2);
}
}
/* Area Single */
.max-read-width {
max-width: 850px;
}
.white-links a {
color:#fff !important;
}
.dark-links a {
color:#2a3d39 !important;
}
/* Columize */
@media only screen and (min-width: 1025px) {
.wpex-columnize-2 {
column-count: 2;
column-gap: 60px;
}
.wpex-columnize-2 h2 {
column-span: all;
display: block;
}
.wpex-columnize-2 br {
display: block !important;
}
}
.wpex-columnize-2 br {
display: none !important;
}
/* Gravetar Box */
@media screen and (max-width: 959px) {
.gravatar-image {
float: none !important;
margin: 0 auto 25px auto !important;
display: block;
text-align: center;
border-radius:0px;
box-shadow: none !important;
overflow: hidden;
}
.gravatar-image img {
border-radius: var(--wpex-rounded-full);
box-shadow: var(--wpex-shadow);
overflow: hidden;
}
.gravatar-shortcode p {
text-align: center !important;
max-width: 400px !important;
margin: 0px auto !important;
}
}
/* Defensive fix for rogue datepicker */
body > div.ui-datepicker {
display: none;
z-index: 10 !important;
}
/* Event Form - Events Manager */
#event-form h4:first-of-type {
margin-top: 0 !important;
}
#event-form .inside.event-form-name {
font-size: 0;
}
#event-form .event-form-name input {
font-size: 16px;
}
font-size: var(--wpex-text-2xl);
}
#event-form h4:first-of-type {
margin-top: 0 !important;
}
/* === Global Events Manager Booking Form Overrides === */
.em.pixelbones .input label,
.em.pixelbones.input label {
border-bottom: 0 !important;
}
.em-booking-form span.form-tip {
border-bottom: 0 !important;
}
.em.em-event-booking-form .em-tickets .em-ticket-bookings .em-ticket-booking {
padding: 10px 0 0 !important;
}
.em.pixelbones.input select:not([multiple]),
.em.pixelbones.input input[type="text"],
.em.pixelbones.input select {
padding: 10px !important;
border-radius: var(--wpex-input-border-radius);
border: var(--wpex-input-border-width) var(--wpex-input-border-style) var(--wpex-input-border-color) !important;
height: auto !important;
}
.em.pixelbones.input select:not([multiple]):focus,
.em.pixelbones.input input[type="text"]:focus,
.em.pixelbones.input select:focus {
border: 1px solid #000 !important;
}
.em.pixelbones.input input[type="submit"] {
display: inline-block !important;
cursor: pointer !important;
-webkit-appearance: none !important;
-webkit-font-smoothing: inherit !important;
text-decoration: none !important;
text-align: center !important;
max-width: 100% !important;
padding: var(--wpex-btn-padding) !important;
transition: .15s all ease !important;
background-color: var(--wpex-btn-bg, var(--wpex-accent)) !important;
background-image: var(--wpex-btn-img) !important;
border-radius: var(--wpex-btn-border-radius) !important;
border-width: var(--wpex-btn-border-width) !important;
border-style: var(--wpex-btn-border-style) !important;
border-color: var(--wpex-btn-border-color, currentColor) !important;
height: auto !important;
}
.em.pixelbones.input input[type="submit"]:hover {
background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt)) !important;
}
/* Input Defaults */
input:where([type="text"], [type="email"], [type="url"], [type="password"], [type="search"], [type="number"], [type="tel"], [type="date"], [type="time"], [type="week"], [type="month"], [type="datetime"], [type="datetime-local"], [type="range"]):where(:not(.wpex-unstyled-input)),
textarea,
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
padding: var(--wpex-input-padding);
border-radius: var(--wpex-input-border-radius);
background: var(--wpex-input-bg);
box-shadow: var(--wpex-input-box-shadow, none);
border: var(--wpex-input-border-width) var(--wpex-input-border-style) var(--wpex-input-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* === Events Manager Ticket Form Cleanup & Alignment === */
.gform_required_legend {
display: none;
}
.lgo-form-wrapper {
padding: 35px;
border-radius: 15px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border: 1px solid #eaeaea;
background: #fff;
}
#event-form #event-name {
width: 100%;
padding: 10px;
}
.lgo-form-wrapper .chzn-container-single {
height: auto !important;
}
.lgo-form-wrapper .chzn-container-single a {
font-size: 16px;
padding: 10px;
height: auto;
}
.lgo-form-wrapper .chzn-container-single .chzn-single div b {
background: url('css/chosen-sprite.png') no-repeat 0px 11px;
}
.lgo-form-wrapper .event-categories {
margin-bottom: 30px;
}
.lgo-form-wrapper .chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 11px;
}
.lgo-form-wrapper .chzn-container-single .chzn-search {
display: none !important;
}
.lgo-form-wrapper .chzn-container-single .chzn-results li {
line-height: 80%;
padding: 7px 7px 8px;
margin: 0;
list-style: none;
font-size: 16px;
}
.lgo-form-wrapper .chzn-container-multi input[type="text"] {
padding: 6px !important;
}
.lgo-form-wrapper .chzn-container-multi {
width:100% !important;
}
.em.em-event-booking-form .em-booking-form {
border: 0px;
}
/* === Section Headings === */
#event-form h4, #event-form h4 label {
margin-top: 30px;
margin-bottom: 10px;
color: #222;
font-weight: bold;
}
/* === Paragraph Labels === */
#event-form p.label {
margin: 0 0 10px;
}
/* === Inside Block Wrappers === */
#event-form .inside {
margin-bottom: 25px;
}
/* === Input Fields & Selects === */
#event-form input[type="text"],
#event-form input[type="number"],
#event-form input[type="email"],
#event-form input[type="url"],
#event-form input[type="file"],
#event-form select,
#event-form textarea {
display: block;
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
/* === Labels === */
#event-form label {
display: inline-block;
margin-bottom: 6px;
}
/* === Checkbox Groups === */
#event-form input[type="checkbox"] {
margin-right: 8px;
}
#event-form .acf-true-false label span.message {
margin-left: 6px;
}
/* === ACF Block Styling === */
#event-form .acf-field {
margin-bottom: 20px;
}
#event-form .acf-field .acf-label {
margin-bottom: 6px;
}
#event-form .acf-field .acf-input {
margin-bottom: 0;
}
/* === TinyMCE/WYSIWYG Editors === */
#event-form .mce-tinymce,
#event-form .acf-editor-wrap {
border-radius: 4px;
margin-top: 6px;
overflow: hidden;
}
#event-form iframe {
width: 100% !important;
display: block;
border: none;
}
/* === Booking / Ticketing Section === */
#event-form #em-tickets-form {
padding: 20px;
background: #fafafa;
border-radius: 10px;
border: 1px solid #ddd;
margin-bottom: 30px;
}
/* Ticket Form Layout */
#event-form .em-ticket-form-main,
#event-form .em-ticket-form-advanced {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
row-gap: 20px;
}
/* Nested Fields */
#event-form .em-ticket-form .ticket-price,
#event-form .em-ticket-form .ticket-spaces,
#event-form .em-ticket-form .ticket-spaces-min,
#event-form .em-ticket-form .ticket-spaces-max,
#event-form .em-ticket-form .ticket-type,
#event-form .em-ticket-form .ticket-dates-from,
#event-form .em-ticket-form .ticket-dates-to {
display: flex;
flex-direction: column;
}
#event-form .em-ticket-form .ticket-name,
#event-form .em-ticket-form .ticket-description {
grid-column: 1 / -1;
}
.em-ticket-form-advanced {
margin-top: 30px;
}
/* Align the From and To date inputs side-by-side */
#event-form .em-date-range {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
#event-form .em-date-range input[type="text"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: auto;
min-width: 150px;
box-sizing: border-box;
}
/* Time Range Layout */
#event-form .em-time-range {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
margin-bottom: 20px;
}
/* Time inputs */
#event-form .em-time-range input[type="text"] {
width: auto;
min-width: 100px;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
#event-form .em-time-range input[type="checkbox"] {
margin-left: 5px;
transform: scale(1.1);
cursor: pointer;
}
#event-form p .em-date-single,
#event-form p input.em-time-input {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
min-width: 100px;
width: auto !important;
}
#event-form p em {
}
.lgo-form-wrapper .acf-fields > .acf-field {
padding: 16px 0px;
}
@media (max-width: 768px) {
.lgo-form-wrapper {
padding: 25px;
}
/* Force ticket form main/advanced sections to stack */
#event-form .em-ticket-form-main,
#event-form .em-ticket-form-advanced {
display: flex;
flex-direction: column;
gap: 20px;
}
/* Ensure ticket subfields like min/max booking stack nicely */
#event-form .em-ticket-form .ticket-spaces,
#event-form .em-ticket-form .ticket-price,
#event-form .em-ticket-form .ticket-type,
#event-form .em-ticket-form .ticket-roles,
#event-form .em-ticket-form .ticket-name,
#event-form .em-ticket-form .ticket-description {
width: 100%;
}
/* Stack date/time input rows inside advanced options */
#event-form .ticket-dates {
flex-direction: column;
}
#event-form .ticket-dates-from,
#event-form .ticket-dates-to {
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 15px;
}
#event-form .ticket-dates-from input,
#event-form .ticket-dates-to input {
width: 100%;
}
/* Stack registration cut-off date and time */
#event-form p label + span.em-date-single,
#event-form p input.em-time-input {
display: block;
width: 100% !important;
margin-bottom: 10px;
}
#event-form p input.em-time-input {
margin-top: 5px;
}
#event-form p em {
margin-top: 15px;
display: block;
}
/* Ensure role checkboxes stack neatly */
#event-form .ticket-roles div {
display: flex;
flex-direction: column;
}
/* Fix for time range stacking, but keep All day + checkbox inline */
#event-form .em-time-range {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
/* Stack the time inputs */
#event-form .em-time-range input[type="text"] {
width: 100% !important;
}
/* Target the 'All day' text node and checkbox using nth-of-type trickery */
#event-form .em-time-range {
position: relative;
}
#event-form .em-time-range input.em-time-all-day {
width: auto !important;
display: inline-block !important;
vertical-align: middle;
margin-top: -20px;
margin-left: 70px !important;
}
/* Override inherited flex-direction to force inline display for just the last part */
#event-form .em-time-range::after {
content: '';
display: table;
clear: both;
}
#event-form .em-time-range {
gap: 0;
}
#event-form .em-time-range > input.em-time-all-day,
#event-form .em-time-range > input.em-time-all-day ~ * {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
/* Date Range layout */
#event-form .em-date-range {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
#event-form .em-date-range input[type="text"] {
width: 100% !important;
}
}
/* Profile Image */
.profile-image {
position: relative;
}
.profile-image .vcex-image-inner > a {
display: inline-block;
position: relative;
/* padding-bottom removed */
}
/* Style and position figcaption overlay */
.profile-image .vcex-image-caption {
position: absolute;
bottom: 5%; /* Offset from bottom */
left: 50%;
transform: translateX(-50%) translateY(-4px); /* Slide-up starting point */
background-color: black;
color: white;
font-size: 12px;
padding: 3px 10px;
border-radius: 10px;
white-space: nowrap;
z-index: 2;
pointer-events: none; /* Allow clicks to pass through */
cursor: pointer;
user-select: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
opacity: 0;
margin-top: 0 !important; /* Clear theme-injected margin */
transition: opacity 0.25s ease, transform 0.25s ease;
}
/* On hover: fade in and slide into place */
.profile-image:hover .vcex-image-caption {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
/* Profile Widget - Columns */
.widget-profile {
display: flex;
flex-wrap: nowrap;
align-items: flex-start; /* Align content to top */
margin-bottom: 30px !important;
}
.widget-profile > .vc_column_container:first-child {
flex: 0 0 105px;
max-width: 105px;
}
.widget-profile > .vc_column_container:last-child {
flex: 1 1 0;
min-width: 0;
padding-inline-end: 0;
}
.widget-profile .vcex-image-inner {
max-width: 100%;
}
/* --- Stack layout below 1280px --- */
@media (max-width: 1279px) and (min-width: 1024px) {
.widget-profile {
flex-wrap: wrap;
}
.widget-profile > .vc_column_container:first-child {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.widget-profile > .vc_column_container:last-child {
flex: 0 0 100%;
max-width: 100%;
padding-inline: 0;
}
}
/* --- Shrink image column below 639px --- */
@media (max-width: 1023px) {
.widget-profile > .vc_column_container:first-child {
flex: 0 0 75px;
max-width: 75px;
}
}
.widget-profile .vcex-navbar-link-text {
display: inline-flex;
align-items: center;
gap: 4px; /* optional spacing between text and icon */
flex-direction: row-reverse; /* <-- flips the order: icon comes after text */
}
.widget-profile .vcex-navbar-link-icon {
margin-left: 0; /* remove any left margin if needed */
margin-right: 0; /* override the default wpex-mr-5 if needed */
}
/* If we're on any child page of /account/ (ID 22), neutralize the active styling on the parent menu item */
body.parent-pageid-22 .widget-profile .vcex-navbar a[href$="/account/"].active {
color: var(--wpex-palette-131119-color);
text-decoration-line: none;
}
/* If we're on any child page of /account/ (ID 22), neutralize the active styling on the parent menu item */
body.parent-pageid-22 .widget-profile .vcex-navbar a[href$="/account/"]:hover.active {
color: var(--wpex-palette-131118-color);
text-decoration-line: none;
}
.widget-profile .vcex-navbar-mobile-select {
border-radius: 5px !important;
}
.widget-profile .vcex-navbar-mobile-select select {
height: 32px; /* adjust as needed */
font-size: 16px !important; /* adjust as needed */
}
/* Area Nav */
.area-nav {
background:var(--wpex-palette-134102-color);
}
.area-nav .vcex-navbar-link-text {
display: inline-flex;
align-items: center;
gap: 4px; /* optional spacing between text and icon */
flex-direction: row-reverse; /* <-- flips the order: icon comes after text */
}
.area-nav .vcex-navbar-link-icon {
margin-left: 0; /* remove any left margin if needed */
margin-right: 0; /* override the default wpex-mr-5 if needed */
}
.area-nav .vcex-navbar-link-icon {
margin-left: 0; /* remove any left margin if needed */
margin-right: 0; /* override the default wpex-mr-5 if needed */
}
.area-nav .vcex-navbar-mobile-select {
border-radius: 5px !important;
}
.area-nav .vcex-navbar-mobile-select select {
height: 32px; /* adjust as needed */
font-size: 16px !important; /* adjust as needed */
}
.area-nav {
background:var(--wpex-palette-134102-color);
}
@media (max-width: 1023px) {
.area-nav {
padding: 15px !important;
}
.area-nav .vcex-navbar-sticky-wrapper.is-sticky .vcex-navbar {
background: var(--wpex-palette-134102-color);
padding: 15px;
left: 0px;
right: 0px;
width: 100% !important;
}
}
/* Gravatar */
#gravatar {
height: auto !important;
max-width: 768px;
}
@media (max-width: 768px) {
#gravatar {
text-align: center;
}
#gravatar .profile-image {
margin-bottom: 20px !important;
}
#gravatar .vc_inner {
display: flex;
flex-direction: column;
align-items: center;
}
#gravatar .vc_inner .vc_column_container {
max-width: 100%;
flex: 0 0 100%;
}
#gravatar .vcex-image-caption {
text-align: center;
}
#gravatar .vcex-button {
margin-inline: auto;
}
}
/* Account Sidebar */
.lgo-widget {
margin-bottom: 30px !important;
}
.lgo-widget h3 {
margin-top: 0px;
font-size: var(--wpex-text-xl);
}
.lgo-widget ul {
list-style: disc !important;
padding-left: 1.5em; /* ensures bullets have room to show */
margin-left: 0;
}
.lgo-widget p,
.lgo-widget li
{
font-size: 16px;
}
/* General Layout */
.has-sidebar #primary, .has-sidebar #sidebar, .has-sidebar .add-padding {
padding-inline: calc(20px/2) !important;
}
@media (max-width: 1023px) {
.has-sidebar .content-area, .wpex-content-w,
#sidebar {
width: 100%;
}
#sidebar {
margin-bottom: 40px;
}
}
/* Dashboard - My Activities */
.activity-table {
padding: 5px 15px 5px 15px;
border-radius: var(--wpex-rounded) !important;
background: var(--wpex-palette-131125-color);
}
.activity-table table {
margin-block-end: 0px;
}
.activity-table table tbody tr:last-child td {
border-bottom: none !important;
}
.event-volunteer td.fade-spacer {
width: 40px;
min-width:40px;
}
.activity-table input:where([type="submit"]):where(:not(.wpex-unstyled-button)) {
padding: 6px 12px;
font-size: 14px;
}
.activity-table .table-scroll-wrapper {
scrollbar-gutter: auto; /* or simply remove the property */
}
.dashboard-tables h2 {
margin-top: 0px;
font-size: var(--wpex-text-3xl);
}
.dashboard-tables h3 {
margin-top: 40px;
font-size: var(--wpex-text-xl);
}
.dashboard-tables h3:first-of-type {
margin-top: 0px;
}
.dashboard-tables p {
font-size: 16px;
}
.lgo-dashboard-my-activities .wpex-alert :is(h4, .wpex-alert__heading) {
font-size: var(--wpex-text-base);
}
.wpex-alert {
font-size: 16px;
}
@media (max-width: 768px) {
.activity-table {
padding: 0px 10px 10px 10px;
overflow: hidden;
}
.activity-table table {
margin-block-end: 20px;
}
.event-volunteer.activity-table .scroll-hint {
margin: 0px -10px 4px;
}
}
/* Volunteerism - Activity Dashboard */
.volunteerism .activity-table {
background: var(--wpex-palette-134103-color);
border-top-left-radius: 0px !important;
border-top-right-radius: 0 !important;
}
.volunteerism .activity-table table thead {
background:var(--wpex-palette-134103-color);
}
.volunteerism h3 {
background:var(--wpex-palette-131121-color);
padding: 15px 20px;
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
margin-bottom: 0px !important;
}
.volunteerism .activity-table .scroll-fade-right {
background: linear-gradient(to left, var(--wpex-palette-134103-color) 60%, transparent);
}
.volunteerism .activity-table .scroll-hint {
background: var(--wpex-palette-131119-color);
}
.volunteerism .activity-table .simplebar-track.simplebar-horizontal {
background-color: var(--wpex-palette-134102-color) !important;
}
.volunteerism .activity-table .simplebar-scrollbar::before {
background-color: var(--wpex-palette-131119-color) !important;
opacity: 0.5 !important;
}
.dashboard-heading .vcex-heading-inner {
display: inline-flex;
align-items: center;
}
/* Circle around icon */
.dashboard-heading .vcex-heading-icon {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border-radius: 50%;
width: 45px;
height: 45px;
margin-inline-end: 15px;
flex-shrink: 0;
}
/* SVG inside the icon circle */
.dashboard-heading .vcex-heading-icon .wpex-icon svg {
width: 28px;
height: 28px;
display: block;
}
/* Activity Dashboard - Mobile Tightening */
@media (max-width: 768px) {
.lgo-dashboard #content-wrap h2 {
font-size: var(--wpex-text-2xl);
margin-bottom: 10px !important;
}
.dashboard-heading .vcex-heading-icon {
width: 35px;
height: 35px;
}
.dashboard-heading .vcex-heading-icon .wpex-icon svg {
width: 30px;
height: 33px;
}
.lgo-dashboard #content-wrap {
max-width:97% !important;
}
.lgo-dashboard #content-wrap .wpex-p-25 {
padding: 20px;
}
.account-padding.vc_row > .vc_column_container > .vc_column-inner {
padding-inline: calc(20px / 2) !important;
}
}
/* Date Filter */
#date-filter {
margin-top: -48px;
float: right;
margin-right: 15px;
margin-bottom: 0px !important;
}
#date-filter select {
margin-bottom: 0px !important;
padding: 4px 35px 4px 10px;
font-size: 15px !important;
border-radius: 5px;
}
#date-filter input {
padding: 6px 15px;
font-size: 14px;
}
@media (max-width: 768px) {
#date-filter {
margin-top: -45px;
}
}
@media (max-width: 470px) {
#date-filter {
margin: 0;
padding: 10px;
background: var(--wpex-palette-131119-color);
display: flex;
gap: 10px;
width: 100%;
}
#date-filter select {
flex: 2;
}
#date-filter input[type="submit"] {
flex: 1;
}
}
/* Main table styling */
#dbem-volunteer-hours-form-table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
}
/* Column width distribution */
#dbem-volunteer-hours-form-table th:nth-child(1), /* From Date */
#dbem-volunteer-hours-form-table td:nth-child(1) {
width: 32.5%;
}
#dbem-volunteer-hours-form-table th:nth-child(2), /* To Date */
#dbem-volunteer-hours-form-table td:nth-child(2) {
width: 32.5%;
}
#dbem-volunteer-hours-form-table th:nth-child(3), /* Area */
#dbem-volunteer-hours-form-table td:nth-child(3) {
width: 25%;
min-width: 150px;
}
#dbem-volunteer-hours-form-table th:nth-child(4), /* Action */
#dbem-volunteer-hours-form-table td:nth-child(4) {
width: 10%;
min-width: 80px;
}
/* Input field styling */
#dbem-volunteer-hours-form-table input[type="text"] {
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 6px 10px !important;
border: 1px solid var(--wpex-palette-131121-color) !important;
border-radius: 5px !important;
font-size: 16px !important;
}
/* Select dropdown styling - this is the main culprit */
#dbem-volunteer-hours-form-table select.reserve-area {
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 6px 10px !important;
border: 1px solid var(--wpex-palette-131121-color) !important;
border-radius: 5px !important;
/* Truncate long option text */
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 16px !important;
}
/* Submit button styling */
#dbem-volunteer-hours-form-table input[type="submit"] {
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: none;
cursor: pointer;
}
#dbem-volunteer-hours-form-table input[type="submit"]:hover {
}
/* Mobile responsiveness */
@media screen and (max-width: 768px) {
#dbem-volunteer-hours-form-table {
}
/* Adjust column widths for mobile */
#dbem-volunteer-hours-form-table th:nth-child(1),
#dbem-volunteer-hours-form-table td:nth-child(1),
#dbem-volunteer-hours-form-table th:nth-child(2),
#dbem-volunteer-hours-form-table td:nth-child(2) {
width: 18%;
min-width: 220px;
}
#dbem-volunteer-hours-form-table th:nth-child(3),
#dbem-volunteer-hours-form-table td:nth-child(3) {
width: 220px;
min-width: 220px;
max-width: 220px;
}
#dbem-volunteer-hours-form-table th:nth-child(4),
#dbem-volunteer-hours-form-table td:nth-child(4) {
width: 10%;
min-width: 70px;
}
}
.table-intro-text {
padding: 15px;
background: var(--wpex-palette-131119-color);
}
.table-intro-text p {
margin-bottom: 0px;
font-size: 14px;
}
/* Dashboard Input/Buttons Hovers */
button.has-palette-131130-background-color:hover,
input.has-palette-131130-background-color:hover,
a.has-palette-131130-background-color:hover {
background: var(--wpex-palette-131130-color);
}
button.has-palette-131948-background-color:hover,
input.has-palette-131948-background-color:hover,
a.has-palette-131948-background-color:hover {
background: var(--wpex-palette-131948-color);
}
button.has-palette-131128-background-color:hover,
input.has-palette-131128-background-color:hover,
a.has-palette-131128-background-color:hover {
background: var(--wpex-palette-131128-color);
}
button.has-palette-131119-background-color:hover,
input.has-palette-131119-background-color:hover,
a.has-palette-131119-background-color:hover {
background: var(--wpex-palette-131119-color);
}
button.has-palette-131952-background-color:hover,
input.has-palette-131952-background-color:hover,
a.has-palette-131952-background-color:hover {
background: var(--wpex-palette-131952-color);
}
button.has-palette-131127-background-color:hover,
input.has-palette-131127-background-color:hover,
a.has-palette-131127-background-color:hover {
background: var(--wpex-palette-131127-color);
}
/* Pagination container */
.lgo-dashboard .tablenav {
margin-left: -15px;
margin-right: -15px;
}
@media screen and (min-width: 769px) {
.lgo-dashboard .tablenav {
margin-top: -5px;
}
}
.lgo-dashboard .em-pagination {
color: #ffffff;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 10px 15px;
background: var(--wpex-palette-131119-color);
display: flex;
justify-content: center;
gap: 4px;
flex-wrap: wrap;
}
/* Circle styling for pagination links */
.lgo-dashboard .em-pagination a {
color: #fff !important;
text-decoration: none;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: normal;
transition: background-color 0.3s ease, font-weight 0.3s ease;
font-size: 16px;
}
/* Hover and active state */
.lgo-dashboard .em-pagination a:hover,
.lgo-dashboard .em-pagination a[style*="bold"] {
background-color: var(--wpex-palette-131121-color) !important;
color: var(--wpex-palette-131119-color) !important;
}
/* Flex layout for reserve filter form */
.lgo-dashboard-my-activities #reserve-area-filter {
display: flex;
flex-wrap: wrap;
align-items: center; /* Align everything vertically centered */
gap: 15px;
margin-bottom: 40px;
}
/* Remove extra bottom margin from selects */
.lgo-dashboard-my-activities #reserve-area-filter select {
margin-bottom: 0 !important;
}
/* Selects take up flexible space */
.lgo-dashboard-my-activities #reserve-area-filter select {
flex: 1 1 auto;
padding: 10px;
font-size: 1em;
}
/* Reserve area select - styled for clean UI */
.lgo-dashboard-my-activities #reserve-area-filter select.area-filter {
width: calc(100% - 35px);
max-width: calc(65% - 35px);
padding-right: 35px;
text-overflow: ellipsis;
/* Truncate long option text */
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* Reserve area select - styled for clean UI */
.lgo-dashboard-my-activities #reserve-area-filter select.date-interval-filter {
padding-right: 35px;
}
.booking-buttons {
min-width: 132px;
}
/* Button styling */
.lgo-dashboard-my-activities #reserve-area-filter input[type="submit"] {
flex: 0 0 auto; /* Prevent button from growing */
font-size: 1em;
white-space: nowrap;
cursor: pointer;
border: none;
}
@media (max-width: 768px) {
.lgo-dashboard-my-activities #reserve-area-filter .select-group {
display: flex;
gap: 10px;
width: 100%;
flex-wrap: nowrap;
}
/* Reserve area select - 60% minus 35px */
.lgo-dashboard-my-activities #reserve-area-filter select.area-filter {
width: calc(60% - 35px);
box-sizing: border-box;
padding: 6px 10px;
padding-right: 35px;
border: 1px solid var(--wpex-palette-131121-color);
border-radius: 5px;
font-size: 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* Date interval select - 40% minus 35px */
.lgo-dashboard-my-activities #reserve-area-filter select.date-interval-filter {
width: calc(40% - 35px);
box-sizing: border-box;
padding: 6px 10px;
padding-right: 35px;
border: 1px solid var(--wpex-palette-131121-color);
border-radius: 5px;
font-size: 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* Submit button stacks below */
.lgo-dashboard-my-activities #reserve-area-filter input[type="submit"] {
width: 100%;
margin-top: 10px;
}
}
/* Resource Card */
.resource-card.active {
background-color: #ffffff !important;
}
/* LGO - Tabs */
body .lgo-tabs.vc_tta.vc_general.vc_tta-style-total .vc_tta-tab > a {
background: var(--wpex-palette-131125-color) !important;
font-weight: 600;
}
body .lgo-tabs.vc_tta.vc_general.vc_tta-style-total .vc_tta-tab.vc_active > a,
body .lgo-tabs.vc_tta.vc_general.vc_tta-style-total .vc_tta-tab > a {
border:0px !important;
}
body .lgo-tabs.vc_tta.vc_general.vc_tta-style-total .vc_tta-tab.vc_active > a {
background: var(--wpex-palette-131121-color)!important;
}
.lgo-tabs.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab > a {
border-radius: var(--wpex-rounded) !important;
}
.lgo-tabs.vc_tta.vc_general.vc_tta-style-total h4.vc_tta-panel-title {
border: 0px !important;
border-radius: var(--wpex-rounded) !important;
}
.lgo-tabs.vc_tta.vc_general .vc_tta-panel-title > a {
background: var(--wpex-palette-131125-color) !important;
border-radius: var(--wpex-rounded) !important;
font-weight: 600;
}
.lgo-tabs.vc_tta.vc_general .vc_active .vc_tta-panel-title > a,
.lgo-tabs.vc_tta.vc_general .vc_tta-panel-title > a:hover {
background: var(--wpex-palette-131121-color)!important;
}
.lgo-tabs.vc_tta.vc_general .vc_tta-panel-body {
padding: 14px 0px;
}
.max-1440 {
max-width: 1440px !important;
margin: 0px auto !important;
}
.max-1280 {
max-width: 1280px !important;
margin: 0px auto !important;
}
.max-800 {
max-width: 800px !important;
margin: 0px auto !important;
}
/* Hide Add Media button for event editor only */
#wp-em-editor-content-wrap .insert-media {
display: none !important;
}
/* LGO Store navigation CTA — scoped to this menu item only. */
#site-navigation > ul > li.button-store > a > span,
#site-navigation > ul > li.button-store > a:visited > span {
background-color: var(--wpex-palette-131130-color, #65c1bf) !important; /* COVE */
border-color: var(--wpex-palette-131130-color, #65c1bf) !important;
color: #fff !important;
}
#site-navigation > ul > li.button-store > a:hover > span,
#site-navigation > ul > li.button-store > a:focus > span,
#site-navigation > ul > li.button-store > a:focus-visible > span,
#site-navigation > ul > li.button-store > a:active > span {
background-color: var(--wpex-palette-131130-color, #65c1bf) !important; /* COVE */
border-color: var(--wpex-palette-131130-color, #65c1bf) !important;
color: #fff !important;
}
#site-navigation > ul > li.button-store > a:hover > span {
box-shadow: 0 3px 10px rgba(42, 61, 57, 0.3);
}
#site-navigation > ul > li.button-store > a:focus > span,
#site-navigation > ul > li.button-store > a:focus-visible > span {
outline: 2px solid var(--wpex-palette-131118-color, #2a3d39); /* DEEP FOREST */
outline-offset: 2px;
}
.sidr-class-button-store > span > a {
background-color: var(--wpex-palette-131130-color, #65c1bf) !important; /* COVE */
border-color: var(--wpex-palette-131130-color, #65c1bf) !important;
color: #fff !important;
}
.sidr-class-button-store > span > a:visited {
color: #fff !important;
}
.sidr-class-button-store > span > a:hover,
.sidr-class-button-store > span > a:focus,
.sidr-class-button-store > span > a:focus-visible,
.sidr-class-button-store > span > a:active {
background-color: var(--wpex-palette-131130-color, #65c1bf) !important; /* COVE */
border-color: var(--wpex-palette-131130-color, #65c1bf) !important;
color: #fff !important;
}
.sidr-class-button-store > span > a:focus,
.sidr-class-button-store > span > a:focus-visible {
outline: 2px solid var(--wpex-palette-131118-color, #2a3d39); /* DEEP FOREST */
outline-offset: 2px;
}
/* Keep Store/Profile/Activities in one evenly spaced desktop CTA group. */
.navbar-style-eight nav ul li.button-store {
margin-left: auto;
padding-inline: 5px;
}
.navbar-style-eight nav ul li.button-store + li.menu-right-start {
margin-left: 0;
}
/* Desktop-only LGO Store tooltip. Mobile/touch navigation remains single-tap. */
.lgo-store-tooltip,
.sidr .lgo-store-tooltip,
.sidr-class-lgo-store-tooltip {
display: none !important;
}
@media (min-width: 1280px) {
#site-navigation > ul > li.button-store {
position: relative;
overflow: visible;
}
#site-navigation > ul > li.button-store .lgo-store-tooltip {
position: absolute;
z-index: 10000;
top: calc(100% + 10px);
left: 50%;
display: block !important;
width: 320px;
max-width: min(320px, calc(100vw - 30px));
padding: 16px 18px;
border: 1px solid var(--wpex-palette-131117-color, #000);
border-radius: 5px;
background: var(--wpex-palette-131118-color, #2a3d39); /* DEEP FOREST */
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
text-align: left;
text-transform: none;
white-space: normal;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -4px);
transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}
#site-navigation > ul > li.button-store .lgo-store-tooltip::before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
border: 8px solid transparent;
border-bottom-color: var(--wpex-palette-131118-color, #2a3d39);
transform: translateX(-50%);
}
#site-navigation > ul > li.button-store .lgo-store-tooltip__title,
#site-navigation > ul > li.button-store .lgo-store-tooltip__body {
display: block;
}
#site-navigation > ul > li.button-store .lgo-store-tooltip__title {
margin-bottom: 5px;
color: var(--wpex-palette-131130-color, #65c1bf); /* COVE */
font-size: 17px;
font-weight: 700;
line-height: 1.25;
}
#site-navigation > ul > li.button-store:hover .lgo-store-tooltip,
#site-navigation > ul > li.button-store:focus-within .lgo-store-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
}