.elementor-27 .elementor-element.elementor-element-af40cc9{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.25;}.elementor-27 .elementor-element.elementor-element-af40cc9:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-af40cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bridgebc.org/wp-content/uploads/2024/07/header-img_Events.jpg");background-position:center center;background-size:cover;}.elementor-27 .elementor-element.elementor-element-af40cc9::before, .elementor-27 .elementor-element.elementor-element-af40cc9 > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-af40cc9 > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-af40cc9 > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-af40cc9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-af40cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#400000;--background-overlay:'';}.elementor-27 .elementor-element.elementor-element-2016b08 > .elementor-widget-container{padding:0px 0px 94px 0px;}.elementor-27 .elementor-element.elementor-element-2016b08{text-align:center;}.elementor-27 .elementor-element.elementor-element-2016b08 .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:104px;font-weight:400;font-style:italic;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-a1f56ab{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-a1f56ab:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-a1f56ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A49C9420;}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-af40cc9:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-af40cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bridgebc.org/wp-content/uploads/2024/07/header-img_Events.jpg");background-position:center center;background-repeat:no-repeat;}}/* Start custom CSS for shortcode, class: .elementor-element-4899c5d */.custom-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.grid-item {
    background-color: #fff;
    /*border: 1px solid #ccc;*/
    border-radius: 0px;
    
    margin: 10px;
    padding: 0; /* Remove padding to ensure the image fills the card */
    width: calc(33.333% - 20px); /* Adjust width to fit three items per row */
    box-sizing: border-box;
    overflow: hidden; /* Ensure content doesn't overflow the card */
    display: flex;
    flex-direction: column;
}
.grid-item:hover {
    transform: scale(1.03); /* Slightly scale up the card */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Increase shadow */
    border-color: #007bff; /* Change border color on hover */
}

.grid-item img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block;
}

.grid-item h3 {
    margin: 15px 20px 10px; /* Add margin for spacing within the card */
    flex: 1; /* Allow the heading to grow and fill available space */
}

.grid-item p {
    margin: 0 20px 20px; /* Add margin for spacing within the card */
    flex: 1; /* Allow the paragraph to grow and fill available space */
}

@media (max-width: 768px) {
    .grid-item {
        width: 100%;
    }
}/* End custom CSS */