/*
 Theme Name: Divi Child
 Theme URI: https://www.richti.ch/
 Description: Richti.ch Child Theme
 Author: Noel Hearle
 Author URI: https://www.hearle.ch
 Template: Divi
 Version: 1.0.0
*/

.favourites-page,
.pwa-only {
display: none !important;
}

/* Set Richti Green on hover for dropdown options */
.select2-results__option:hover {
    background-color: var(--richti-green) !important;  /* Use Richti Green */
    color: white !important;  /* White text for contrast */
}

/* Set Richti Green for highlighted options */
.select2-results__option.select2-results__option--highlighted {
    background-color: var(--richti-green) !important;  /* Use Richti Green */
    color: white !important;  /* White text for contrast */
}

/* Set Richti Green for selected options */
.select2-selection__choice {
    background-color: var(--richti-green) !important;  /* Use Richti Green */
    color: white !important;  /* White text for contrast */
}

/* Remove blue outline and set Richti Green border when focused */
.select2-selection--single:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px var(--richti-green) !important;  /* Green border when focused */
}


/* =Theme customization starts here
------------------------------------------------------- */

/* 1. GDPR Button and Label Colors */
/* GDPR Resize Logo in Form */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
max-height:70px;
}
/* GDPR Resize Logo Padding for Logo */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
padding-left: 15px;
padding-top: 10px;
}
/* GDPR Resize Whole Close button Container Part 1*/
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
line-height: 30px;
}	
/* GDPR Resize Close button Inner Part 2*/
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
/* GDPR Remove left side border*/
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {
border:none;
}
/* GDPR Cookie Switch Slider Background Color */
#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider {
background-color: var(--richti-green)!important;
}
/* GDPR Cookie Switch "Enable" Color */
#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-enable {
    display: none;
    color: var(--richti-green)!important;
}
/* GDPR Hide GDPR Branding */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt {
    display: none!important;
}
/* GDPR Whole Container BackGround Color */
.gdpr_lightbox {
background: var(--richti-green)!important;
}
/* GDPR Inner Container BackGround Color */
.gdpr_lightbox-container {
background: transparent!important;
}
/* GDPR The Message Container Background Color */
#moove_gdpr_cookie_modal * {
 background-color: var(--bg-color)!important;
}
/* GDPR The Headings Color */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
color: var(--text-color) !important;
}
/* GDPR Remove Extra row width on Buttons that overlap the popup */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
margin: 3px;
}
/* GDPR Settings Icon Old HIDE */
#moove_gdpr_save_popup_settings_button {
background-color: transparent!important;
color: var(--richti-green)!important;
cursor: pointer !important;
display:none!important;
}
/* GDPR Settings Icon DIVI NEW Display  */
.et_pb_icon_1_tb_footer .et_pb_icon_wrap .et-pb-icon, .et_pb_icon_2_tb_footer .et_pb_icon_wrap .et-pb-icon {
cursor: pointer;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
border-radius: 8px!important;
}


/* 2. Force Divi columns to have no gutter and links richti green variable */
.et_pb_gutters3.et-db #et-boc .et-l .et_pb_column {
 margin: 0% !important;
}

/* 3. Make Divi main content default transparent */
#main-content {
background-color: transparent;
}


/* 4. Set Splash Video to Fit all Screens */
#richti-splash video {
object-fit: contain!important;
background-color:#ffffff;
}

/* 5. OneSignal Bell Customizations */
/* Bell color - Important JS in Body for Active State, css targeting not possible */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
fill: var(--richti-green) !important;
}
/* Hide unwanted elements in popup */
.onesignal-bell-launcher-dialog-body .push-notification,
.onesignal-bell-launcher-dialog-body h1,
.onesignal-bell-launcher-dialog-body .divider {
display: none !important;
}
/* Fixed bell position bottom-left in pixels */
#onesignal-bell-container {
position: fixed !important;
bottom: 16px !important;
left: 16px !important;
}
/* Fixed bell position bottom-left in pixels */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog {
background-color: transparent!important; 
border: 0px solid rgba(0, 0, 0, .1)!important;
}
/* Fixed Subscribe Button position bottom-left in pixels */
.onesignal-reset button {
padding: 10px 0px 10px !important;
margin-right: 5px;
margin-bottom:8px;
}
/* Subscribe Text Color*/
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog button.action {
color:#ffffff!important;
background: var(--richti-green) !important;
}
/* Fix Halo around Bell */
.onesignal-reset button, .onesignal-reset input[type=submit] {
box-shadow: 0px 0px #eee!important;
}
/* Aligns Subscribe button over other elemetents dark light mode*/
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm .onesignal-bell-launcher-dialog {
padding: 10px 0 0 0!important;
}

/* 6. MENU Adjustments Styling */
/* Restore Divi's ETModules font for mobile menu icons */
#et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before,
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before {
 font-family: 'ETModules' !important;
}

/*change hamburger icon to x when mobile menu is open use 4d not 61*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\61';
	font-size:50px!important;
	font-weight:500;
	color:var(--richti-green)!important;
}
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
font-size: 50px!important;
}
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
color:var(--richti-green)!important;
}
/*adjust the position of the hamburger menu*/
.et_pb_menu .et_mobile_nav_menu {
        float: none;
        margin: -7px 8px 0px 0px!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; 
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 5px 25px 5px 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	font-weight:200!important;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
display: none !important;
visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/* Submenu toggle icon (closed) */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    font-family: 'ETModules' !important; /* force ETModules */
    content: '\50' !important;            /* glyph for plus in circle */
    font-size: 20px;
    color: var(--richti-green) !important;
}

/* Submenu toggle icon (open) */
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    font-family: 'ETModules' !important;
    content: '\4f' !important;            /* glyph for minus/open */
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin: 0 -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*Remove padding Menu list Links*/
.et_mobile_menu li a {
    padding: 5px 0px 5px 15px !important;
	font-size: 16px !important;
}
/*Remove formating and adjust Menu Container*/
.et_pb_menu .et_mobile_menu {
    position: absolute;
    top:55px;
    background: #fff;
    width: 100%;
    border-top: 0px solid #2ea3f2 !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .1); 
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1);
    webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
/*Reformat Menu List*/
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
list-style-type: none!important;
line-height: 35px!important;  
}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
padding: 0px 0px 0px 0px !important;
}
/*Divi Menü – Padding for sub menu staggered alignments */
.et_mobile_menu li li {
padding-left: 40px!important;
background-color:var(--bg-color);
}

/*Divi Menü – Top for First Item*/
.et_pb_menu .menu-item-172 > a {
padding-bottom: 5px !important;
}
/*Divi Menü – Bottom Padding for Last Item */
.et_pb_menu .menu-item-174  > a {
padding-bottom: 10px !important; 
border-bottom-width:1px!important;  
}
/*Sub Menu Item font Weight*/
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600;
	background-color: var(--bg-color);
}

/* Single Event Pages: force mobile/burger menu to show on all screen sizes */
.single-tribe_events .et_mobile_menu_container {
    display: flex !important;
    visibility: visible !important;
}

/* Ensure the inner mobile nav is visible */
.single-tribe_events .et_mobile_nav_menu {
    display: block !important;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu {
   display: none !important;
}


/* 7. Dark Light Mode Formating */
/* Dark Light Switch Formating */
.theme-switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.theme-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #777777;
transition: 0.5s;
border-radius: 24px;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: 0.4s;
border-radius: 50%;
}
/* Dark Mode Toggle Active */
input:checked + .slider {
background-color: var(--richti-green)!important;
}
input:checked + .slider:before {
transform: translateX(26px);
}

/* 7a. DEFINE LIGHT MODE VARIABLES */
:root {
--bg-color: #FFFFFF;
--bg-header-footer:rgba(255, 255, 255, 0.9);
--text-color: #666666;
/*--richti-green: #AACA62; */
--richti-green: #90b53b;
--cal-text:#FFFFFF;
--hv-bg-color: rgba(0, 0, 0, 0.05);
--border-container-color: rgba(0, 0, 0, .15);
}

/* 7b. DEFINE DARK MODE VARIABLES */
[data-theme ="dark"] {
--bg-color: rgba(0, 0, 0, 0.98);
--bg-header-footer:rgba(0, 0, 0, 0.95);
--text-color: #FFFFFF;
--cal-text:#FFFFFF;
--hv-bg-color: rgba(255, 255, 255, 0.1);
--border-container-color:rgba(255, 255, 255, .27);
}


	
/* 7c. IMPLEMENT LIGHT DARK MODE TO TARGETTED CONTAINERS */
/* Always apply background from CSS variable */

#page-container {
  margin: 0 auto;
  background-image: url('https://richti.ch/wp-content/uploads/2025/12/Richti_Bg_3.png');
  background-repeat: repeat;
  background-position: center top;
  background-size: 101% auto;
  background-attachment: scroll !important;
  max-width:1080px;
}


body {
background-color: var(--bg-color) !important;
}

body, p {
color: var(--text-color) !important;
}

a {
color: var(--richti-green)!important;
}


/* Apply variable to all headings, including Divi modules */
h1, h2, h3, h4, h5, h6,
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5, .et_pb_text h6,
.et_pb_post_title h1, .et_pb_post_title h2, .et_pb_post_title h3, .et_pb_post_title h4, .et_pb_post_title h5, .et_pb_post_title h6,
.et_pb_blurb_content h1, .et_pb_blurb_content h2, .et_pb_blurb_content h3, .et_pb_blurb_content h4, .et_pb_blurb_content h5, .et_pb_blurb_content h6 {
color: var(--richti-green) !important;
}

.et_pb_menu .et-menu-nav > ul > li > a {
color: var(--text-color) !important;
}
.et_pb_section_0_tb_header.et_pb_section {
background-color: var(--bg-color)!important;
}
.et_pb_text_0_tb_header .et_pb_text_inner p {
color: var(--richti-green)!important;
}
.et_pb_section_0_tb_footer.et_pb_section {
background-color: var(--bg-header-footer)!important;
}

.et_mobile_menu li a {
 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 border-bottom-color: var(--richti-green)!important;
 color:var(--text-color) !important;
}
.et-pb-icon {
color: var(--richti-green)!important;
}
.et-pb-icon:hover {
color: var(--text-color)!important;
}


/* 8. Weather Media Formatting */
.splw-main-wrapper:not(.weather-map) {
padding-left: 20px;
padding-right: 20px;
}

.splw-pro-wrapper .daily-forecast-title {
display: none;
}

.splw-main-wrapper .splw-weather-title {
color:var(--richti-green)!important;
}
.splw-pro-wrapper .splw-pro-templates-body * {
color:var(--text-color)!important;
}
.splw-pro-wrapper .splw-forecast-weather option {
background: var(--bg-color)!important;
}
.splw-weather-title {
font-weight: 100!important;
}
.splw-pro-wrapper .splw-pro-header-title-wrapper .splw-pro-current-time {
color:var(--text-color)!important;	
}
g[fill] {
    fill: var(--text-color) !important;
}

/* 9. Favourites Page Formatting */
.ufc-favourites-wrapper {
padding-top:10px!important;
padding-left: 20px;
padding-right: 20px;
}

.ufc-favourites-wrapper h4 {
padding-bottom: 0px;
}
.ufc-favourites-wrapper ul {
padding-top: 0px;
}
.ufc-favourites-wrapper .fav-info .fav-date {
color:var(--text-color)!important;
}
.ufc-favourites-wrapper .fav-info .fav-title a{
color:var(--richti-green)!important;
}

/* 9a. Favourites Icon Margin for Single Posts */
.single-post .ufc-wrapper {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
padding-left:0px!important;}

/* 10 Calendar Formatting */
/* Featured event text in List View */
.tribe-events-calendar-list__event-row--featured * {
color: var(--text-color) !important;
}

/* Left-hand date/time column */
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-day,
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-month,
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-time {
    color: var(--text-color) !important;
}

/* Links in event title */
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-title a {
color: var(--richti-green) !important;
}

/* Specific date/time elements on the left */
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-day,
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-month,
.tribe-events-calendar-list__event-row--featured 
.tribe-events-calendar-list__event-datetime-time {
color: var(--text-color) !important;
}

.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
background-color: var(--richti-green)!important;
}

.tribe-events .datepicker .day.active {
background: var(--richti-green)!important;	
}

.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {
font-size:18px!important;
font-weight: bold;
color: var(--text-color) !important;
}

.tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-datetime-featured-icon,
.tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-datetime-featured-icon * {
  fill: var(--text-color) !important;
  stroke: var(--text-color) !important;
  color: var(--text-color) !important;
}

.tribe-common .tribe-common-c-svgicon__svg-fill {
fill: var(--richti-green)!important;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
background-color: var(--richti-green)!important;
color: #ffffff!important;
cursor: pointer;
font-size: inherit;
padding: 0;
text-shadow: none;
border:0px;
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
background-color: var(--richti-green)!important;
border: 0px solid var(--tec-color-accent-primary)!important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
color: #ffffff!important;
}

.tribe-events body.custom-background {
max-width: 1080px !important;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}

.tribe-events,
.tribe-events * {
background-color: var(--bg-header-footer) !important;
color: var(--text-color)!important;
}

.tribe-events-pro-photo__event-title tribe-common-h6 {
color:var(--richti-green)!important;
}

.tribe-events-pro-photo__event-date-tag-month{
color:var(--richti-green)!important;
font-weight: bold!important;
font-size: 14px!important;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
background-color: var(--richti-green) !important;
stroke:#ffffff!important;
}

.tribe-events .tribe-events-c-view-selector__button:before {
background-color: var(--richti-green)!important;
}
.tribe-events .tribe-events-calendar-month__calendar-event--featured:before {
background-color: var(--richti-green)!important;
}
	
.tribe-events-calendar-month__day-date-daynum {
font-size:10px!important;	
}

.tribe-events .tribe-events-c-view-selector__button-icon {
visibility: hidden;
}
.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {
width: 100%;
border:none;
}

/* Sets Cost Text Colour */
.tribe-events-cost {
color: var(--text-color)!important;
}
/* Sets Meta Text Colour */
.tribe-events-event-meta .tribe-events-meta-item {
color: var(--text-color)!important;
}
/* Sets Page Background so no Background Image */
#tribe-events-pg-template {
background-color: none!important;
margin-top: 70px;
}

.tribe-events-back {
margin-bottom: 10px!important;
}

.tribe-events-nav-pagination {
display:none!important;
}
.tribe-events-event-image img {
border-radius: 10px!important;
}
/* Remove link to event organizer */
.tribe-events-meta-item.tribe-organizer a {
pointer-events: none;
text-decoration: none;
color: inherit !important; /* Use !important to override any other styles */
}
/* Remove link to event venue */
.tribe-events-meta-item.tribe-venue a {
pointer-events: none;
text-decoration: none;
color: inherit !important;
}

/* Target the link inside Uses Span Class */
span.tribe-events-event-categories.tribe-events-meta-value a {
pointer-events:none!important;
}

/* Left Side Kalendar Subscribe Icon Colour */
.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon {
stroke: #ffffff;
background-color: var(--richti-green) !important;
}
/* Moves Kalendar Date away from the right edge */
.tribe-events .tribe-events-calendar-month__day-cell {
padding-right:20px!important;
}
/* Kalendar View Event Icon on Mobile */
.tribe-common .tribe-common-c-svgicon--featured path {
fill: var(--richti-green) !important;
}
/* Loading Dots Colour */
.tribe-common .tribe-common-c-loader__dot circle {
fill: var(--richti-green) !important;
}

/* Adds Padding to bottom of a single event page */
.tribe-events-meta-group-details .tribe-events-meta-list,
.tribe-events-meta-group-venue .tribe-events-meta-list,
.tribe-events-meta-group-organizer .tribe-events-meta-list {
padding-bottom:20px!important;
}

.tribe-events-meta-group-details .tribe-events-single-section-title,
.tribe-events-meta-group-venue .tribe-events-single-section-title,
.tribe-events-meta-group-organizer .tribe-events-single-section-title {
padding-bottom:0px!important;
}

.tribe-events-single>.tribe_events {
margin-bottom: 40px!important;
}

/* 11 ACF Profile Fields */
/* Ensure ACF form fields inside Divi modules are always styled */
.et_pb_module .acf-form .acf-field input,
.et_pb_module .acf-form .acf-field textarea,
.et_pb_module .acf-form .acf-field select {
    background-color: #fff !important;
    width: 100%;
    padding: 9px 6px !important;
    margin: 0 !important;
    box-sizing: border-box;
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Success message */
.et_pb_module .acf-form .acf-notice p {
    color: var(--cal-color) !important;
}

/* Switch on state */
.et_pb_module .amem-form .acf-switch.-on {
    background-color: var(--richti-green) !important;
}

/* Repeater minus button */
.et_pb_module .acf-repeater .acf-row-handle .acf-icon.-minus {
    display: block !important;
    background-color: var(--richti-green) !important;
    color: white !important;
}

/* Hide hover minus icons */
.et_pb_module .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon,
.et_pb_module .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon {
    display: none;
}

/* Hover for minus/cancel buttons */
.et_pb_module a.acf-icon.-minus:hover,
.et_pb_module a.acf-icon.-cancel:hover {
    border-color: var(--richti-green) !important;
}

/* Submit button */
.et_pb_module .acf-btn.amem-btn {
    width: 45% !important;
    background-color: var(--richti-green) !important;
    color:#ffffff!important;
	font-weight:200!important;
}

.et_pb_module .acf-btn:disabled, .acf-btn.disabled {
color: #ffffff !important;
}

.acf-spinner {
visibility:hidden;
display:none;
}

.acf-spinner, .acf-loading {
    position: absolute !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

/* Optional container border (adjust as needed) */
.et_pb_module .et_pb_text_1_tb_body {
border-color: var(--border-container-color) !important;
}



/* --12. New Divi Calendar Module Formatting */
/* Date Area Formating*/
.ecmd-list-post.style2 .ecmd-list-post-left .ecmd-date-highlight .ecmd-date-area {
font-size: 35px!important;
background-color: var(--richti-green)!important;
opacity:.9;
color: #ffffff!important;
padding-top: 12px!important;
border-radius: 5px!important;
width: 100px!important;
height: 100px!important;
}

.ecmd-list-post.style2 .ecmd-list-post-left .ecmd-date-highlight {
top: 0px!important;
left: 0px!important;
}

.ecmd-list-post.style2 .ecmd-list-post-left .ecmd-date-highlight .ecmd-date-area .ev-mo {
font-size:24px!important;	
}

/* Category Area Formating*/
.ecmd-list-post.style2 .ecmd-category li a {
pointer-events:none!important;
background-color:var(--richti-green)!important;
color: #ffffff!important;
}
/* Find Out More Area Formating */
.ecmd-list-post.style2 .ecmd-event-readmore {
padding: 10px 15px;
background-color:var(--richti-green)!important;
color: #ffffff!important;
font-size: 12px!important;
}
.ecmd-list-post.style2 .ecmd-event-readmore:hover{
background-color:#666666!important;
}
/* Main Container Events Single Area Formating */
.ecmd-list-post.style2 {
background-color: var(--bg-color);
}

.ecmd-list-post.style2:hover {
background-color: var(--hv-bg-color);
}
.et_pb_blog_grid .et_pb_post {
    border: 1px solid var(--border-container-color)!important;
    padding: 19px;
    background-color: transparent!important;
    word-wrap: break-word;
}

.ecmd-event-title a {
font-weight: 700;
}

/* Date Area Formating */
.ecmd-list-post .ecmd-event-schedule {
color: var(--text-color)!important;
}
/* Venue Address Area Formating */
.ecmd-list-post.style2, .ecmd-list-post.style2 .ecmd-list-venue {
color: var(--text-color)!important;
}
.ecmd-venue-detail {
pointer-events:none;
}
/* Event Pricing Formating */
.ecmd-rate {
color:var(--text-color)!important;
}
.ecmd-list-post.style2 .ecmd-google a, .ecmd-list-post.style2 .ecmd-list-venue {
line-height: 1.5;
}

.ecmd_events_layouts_0 .ecmd-list-post {
border-color: var(--border-container-color)!important;
}


/* --13. Page Up Icon Formatting */
.et_pb_scroll_top.et-pb-icon {
background: var(--richti-green)!important;
color:#ffffff!important;;
}

/* --14. Blog Event Date Margin Adjust and other Formatting */
.et_pb_image_container {
margin: -20px -20px -10px !important;
}

/* --15. Disable Author Link URL*/
span.author.vcard {
pointer-events: none!important;
}

/* --16. Search Bar Formatting*/
.et_pb_search input.et_pb_searchsubmit {
min-height: 100% !important;
background-color: var(--richti-green)!important;
color: #ffffff!important;
font-size:12px!important;
font-weight:bold;
padding-right: 35px;
padding-left: 35px;
border-radius: 0px 10px 10px 0px;
}
.et_pb_search {
border: 0px solid var(--border-container-color)!important;
}

/* --17. Overide Text Color p for Richti Advert*/
body .et_pb_section .advert p {
    color: #ffffff !important;
}


/* 9999. Media Formatting for Device Screen Size Specific */
/* Divi DESKTOP (default is above 981px) */
@media only screen and (min-width: 981px) {
.ecmd-event-list-wrapper.style2 {
margin-top: -100px;
gap: 20px;
}
}

/* Divi TABLET (between 768px and 980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
.ecmd-event-list-wrapper.style2 {
margin-top: -100px;
gap: 20px;
}
.et_pb_blog_grid .et_pb_post {
height: 410px!important;}
	
.et_pb_column .et_pb_blog_grid .column.size-1of2:nth-child(odd) {
    padding-right: 7.5px !important;
    padding-left: 0;
}

.et_pb_column .et_pb_blog_grid .column.size-1of2:nth-child(even) {
    padding-left: 7.5px !important;
    padding-right: 0;
}
	
}

/* Divi MOBILE (767px and below) */
@media only screen and (max-width: 767px) {
.ecmd-event-list-wrapper.style2 {
margin-top: -100px;
gap: 20px;
	}
}

@media (max-width: 980px) and (min-width: 768px) {
  .et_pb_row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 15px; /* optional spacing */
  }
}