/**
 * Theme Name: MMC
 * Description: WordPress child theme for Maharashtra Mandal Cambridgeshire from Blocksy.
 * Version: 1.0.0
 * Author URI: https://www.codingden.com
 * Author: CodingDen
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Grid layout */
.custom-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: stretch; /* Default for grid, but good to be explicit */
  gap: 20px; /* Add space between grid items - adjust as needed */
  margin: 0 auto;
  padding: 2rem 1rem;
  max-width: 1200px;
}

/* Event card */
.custom-event-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-event-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Image */
.custom-event-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Content */
.custom-event-content {
    flex-grow: 1; /* Text container takes remaining vertical space */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align text content to the top */
    /* Add padding if needed */
    padding: 10px; /* Example padding - adjust as needed */
}

/* Date */
.custom-event-date {
  font-size: 0.9rem;
  color: var(--saffron-orange);
  font-weight: 600;
  margin-bottom: 0.3rem;
}

/* Title */
.custom-event-title {
  font-size: 1.25rem;
  margin: 0 0 0.5rem 0;
  color: var(--primary-orange-dark);
}

/* Time & location */
.custom-event-time,
.custom-event-location {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 0.2rem;
}

/* Description */
.custom-event-description {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
  margin-bottom: auto;
}

/* CTA */
.custom-event-cta {
  margin-top: 1rem;
  align-self: start;
  background: var(--saffron-orange);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  transition: background 0.3s ease;
}

/* Target the image or its container (assuming it's the first child) */
.custom-event-card > *:first-child img,
.custom-event-card > *:first-child {
    width: 100%;
    /* Use aspect-ratio for consistent image *area* proportions */
    aspect-ratio: 16 / 9; /* Example aspect ratio (width / height). Adjust as needed. */
    object-fit: contain; /* Ensure full image is visible without cropping */
    flex-shrink: 0;
    /* Center the image within its container if it doesn't fill it */
    margin: 0 auto;
    display: block; /* Helps with centering and preventing extra space */
}

.custom-event-cta:hover {
  background: #FFB366;
}

[data-vertical-spacing*="top"] {
    padding-top: 0 !important;
    margin-top: 0 !important; /* optional: removes extra top margin if present */
}
.e-con-full, .e-con>.e-con-inner {
    padding-block-start: 0px !important;
}
/* Menu styling */
/* Submenu container */
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    --theme-font-weight: 600;
    /* --theme-font-style: normal; */
    --theme-text-transform: none;
    --theme-font-size: 16px;
    /* --theme-line-height: 1.3; */
    --theme-link-initial-color: var(--theme-palette-color-4);
    --theme-link-hover-color: #3d4448;
    --theme-link-active-color: var(--theme-palette-color-2);
}



[data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu {
    background-color: #fff; /* clean white background */
    padding: 10px 0;
    margin-top: 0;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.08);
    min-width: 220px;
    z-index: 999;
}

/* Submenu list items */
[data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu li {
    display: block;
    width: 100%;
}

/* Submenu links */
[data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu li a {
    display: block;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 500;
    color: var(--theme-palette-color-4);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    white-space: nowrap; /* keeps items in one line */
}

/* Hover state */
[data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu li a:hover {
    background-color: var(--theme-palette-color-2);
    color: #fff;
    border-radius: 4px;
}

/* Responsive: Tablet & Mobile */
@media (max-width: 768px) {
    [data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu {
        position: static;
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        min-width: auto;
    }

    [data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu li a {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        background-color: #fff;
    }

    [data-header*="type-1"] .ct-header [data-id="menu"] ul.sub-menu li a:hover {
        background-color: var(--theme-palette-color-2);
        color: #fff;
    }
}


 /* Hero Section Styles */
.hero-section[data-type=type-2]>[class*=ct-container] {
    display: flex
;
    flex-direction: column;
    justify-content: var(--vertical-alignment, center);
    text-align: var(--alignment, center);
    position: relative;
    z-index: 2;
    padding: var(--container-padding, 50px 0);
    min-height: var(--min-height, 250px);
}


@media (max-width: 767px) {
    .elementor-965 .elementor-element.elementor-element-5b340cc {
        width: 100% !important;
        max-width: auto !important;
    }
}

 /* Responsive form layout */
 .album-filter-container {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
 }
  .album-filter-form {
    display: inherit;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.album-filter-form input,
.album-filter-form select,
.album-filter-form button {
    padding: 8px;
    font-size: 14px;
}
@media (min-width: 768px) {
    .album-filter-form {
        flex-wrap: nowrap;
    }
}
.album-item {
    margin-bottom: 40px;
}
.album-title {
    margin-bottom: 10px;
}
.album-pagination {
    margin-top: 20px;
}
/* .fg-album-title,
.fg-album-title a {
    display: none !important;
} */

/* form */
#forminator-module-1659.forminator-design--bold .forminator-input, #forminator-module-1659.forminator-design--bold div.StripeElement:not(.forminator-stripe-payment-element), #forminator-module-1659.forminator-design--bold .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], #forminator-module-1659.forminator-design--bold .forminator-radio .forminator-radio-bullet, #forminator-module-1659.forminator-design--bold .forminator-checkbox .forminator-checkbox-box, #forminator-module-1659.forminator-design--bold .forminator-textarea {
    border-width: 3px !important;
}

.button-cta {
    background-color: #ff6310 !important;
    color: #fff !important;
}