/* Import Montserrat Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');

/* Hide the widget menu icon from categories + tags */
#qodef-page-header .qodef-widget-holder {
	display: none;
}

/* 1️⃣ FONT CUSTOMIZATION (Typography) */
.footer_top .widget_nav_menu ul li a,
.qodef-footer-top .widget_nav_menu ul li a,
.widget_nav_menu ul li a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: none;
    color: white; /* Default text color */
    transition: color 0.3s ease; /* Smooth hover transition */
}

/* Hover Effect - Mint Green Color */
.footer_top .widget_nav_menu ul li a:hover,
.qodef-footer-top .widget_nav_menu ul li a:hover,
.widget_nav_menu ul li a:hover {
    color: #98FF98 !important; /* Mint Green */
}

/* 2️⃣ NAVIGATION MENU BEHAVIOR (Show Subpages on Hover) */
.footer_top .widget_nav_menu ul li,
.qodef-footer-top .widget_nav_menu ul li {
    position: relative; /* Required for positioning the submenu */
}

/* Hide Submenus by Default */
.footer_top .widget_nav_menu ul.sub-menu,
.qodef-footer-top .widget_nav_menu ul.sub-menu {
    display: none; /* Hide the sub-menu initially */
    position: absolute;
    background-color: #222; /* Background for dropdown */
    padding: 10px;
    border-radius: 4px;
    z-index: 999;
    min-width: 150px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Subtle shadow */
}

/* Show Submenus on Hover */
.footer_top .widget_nav_menu ul li:hover > ul.sub-menu,
.qodef-footer-top .widget_nav_menu ul li:hover > ul.sub-menu {
    display: block; /* Show submenu on hover */
    transition: all 0.3s ease-in-out;
}

/* Submenu Link Styling */
.footer_top .widget_nav_menu ul.sub-menu li a,
.qodef-footer-top .widget_nav_menu ul.sub-menu li a {
    color: white;
    padding: 8px 12px;
    display: block;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Submenu Hover Effect */
.footer_top .widget_nav_menu ul.sub-menu li a:hover,
.qodef-footer-top .widget_nav_menu ul.sub-menu li a:hover {
    background-color: #98FF98; /* Mint Green */
    color: #222 !important; /* Dark text for contrast */
    border-radius: 4px;
}

/* Ensure Event Image is Always 9:16 */
.qodef-e-image {
    width: 100%;
    aspect-ratio: 9 / 16; /* Maintains 9:16 proportion */
    overflow: hidden;
}

.qodef-e-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Prevents distortion */
}

/* Match the Map Height to the Event Image */
.qodef-e-map {
    background-color: #f5f5f5; /* Light light grey background */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 7.3;; /* Matches the event image aspect ratio */
}
.qodef-e-map .qodef-m-map {
    width: 100%;
    height: 100%;
}

/* Ensure Map Resizes Properly */
.qodef-e-map .qodef-m-map iframe {
    width: auto;
    height: 100%;
}

/* Target only the "About the Tour" label and change its text */
.qodef-e-label:has(+ .qodef-e-content-text)::before {
    content: "About the Event";
    font-weight: inherit;
    display: inherit;
	visibility: visible
}

/* Hide the original "About the Tour" text */
.qodef-e-label:has(+ .qodef-e-content-text) {
    visibility: hidden;
	 	  overflow: hidden;
	  position: relative;	
}

/* Ensure only "About the Tour" is changed, not "Share" */
.qodef-e-label:has(+ .qodef-e-social-icons) {
    visibility: visible;
}

/* Reduce the space between the label and the description text */
.qodef-e-content-text {
    margin-top: -35px; /* Adjust this value as needed */
    padding-top: 0;
}

/* Ensure the description does not overlap other content */
.qodef-e-label:has(+ .qodef-e-content-text) {
    margin-bottom: 5px; /* Adjust spacing if needed */
}

/* Ensure "Share" section remains properly spaced */
.qodef-e-label:has(+ .qodef-e-social-icons) {
    margin-top: 15px; /* Maintain spacing for the "Share" section */
}

/* Hide the entire Date section, including the label and content */
.qodef-info--date {
    display: none !important;
}

/* Change the Time label to read "Date" */
.qodef-info--time .qodef-e-label {
    visibility: hidden;
    position: relative;
}

.qodef-info--time .qodef-e-label::after {
    content: "Date:";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* Ensure event details use default paragraph styling */
.qodef-e-info,
.qodef-e-info-item,
.qodef-e-info-content {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    text-transform: none !important; /* Removes all-caps styling */
}


/* Footer column 1 - Eliminate margin from h5 heading */
.wp-elements-cc84679843e5ee25927b0eb50d717794 {
	margin: 0;
}

/* Members - Content to image spacing */
.cmc-members-fws .qodef-grid-inner .team-category-members .qodef-e-inner .qodef-e-image,
.cmc-team-fw .qodef-grid-inner .team-category-team .qodef-e-inner .qodef-e-image
{
	aspect-ratio: auto;
}

/* Homepage - Position of the player controls  */
@media only screen and (max-width: 320px) {
	.qodef-album-player-slider.qodef-layout--standard.qodef-full-height-album-player-slider .qodef-album-player .qodef-m-player {
		width: 220%;
		left: 51.5%;
	}
	
	.qodef-album-player-slider.qodef-layout--standard.qodef-full-height-album-player-slider {
		height: 550px !important;
	}
}

/* Footer form CTA button*/
.qi-block-contact-form-7 button[type=submit] {
	font-size: 15px !important;
	font-family: Syne, sans-serif !important;
	background-color: #00000000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
	border-radius: 0 !important;
	text-transform: uppercase !important;
	padding: 8px 23px !important;
	transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out !important;
}

.qi-block-contact-form-7 button[type=submit]:hover {
	background: #fff !important;
	color: #000 !important;
}

.qodef-form-submit .qodef-m-icon {
	display: none !important;
}


/* contact for textarea focus */
.qodef-form textarea:focus,
.qodef-form input[type=text]:focus,
.qodef-form input[type=email]:focus {
	color: #000;
}