Event Details
Learn the basics of classic floral design including four styles – a water-viewing design, a centrepiece, a crescent, and a mass For” target=”_blank” title=”Agreement.
For”>Agreement.
For more information on accessibility at the garden please review our Accessibility Features webpage. If you have any accessibility requirements during your program, please email programsupport@
Organizer
Mission
The Toronto Botanical Garden connects people to plants, inspiring us to live in harmony with nature.
Vision
The Toronto Botanical Garden will be renowned for its display of nature’s beauty and as a dynamic hub for plant-centred learning, conservation and research.
📅 Date & Time: October 7, 2025 6:00 pm
📅 Ends: October 28, 2025 9:00 pm
📍 Location:
Share
Event Details
Learn the basics of classic floral design including four styles – a water-viewing design, a centrepiece, a crescent, and a mass For” target=”_blank” title=”Agreement. 📅 Date & Time: October 7, 2025 6:00 pm 📅 Ends: October 28, 2025 9:00 pm 📍 Location: Mission Vision
For”>Agreement.
For more information on accessibility at the garden please review our Accessibility Features webpage. If you have any accessibility requirements during your program, please email programsupport@
/* ===== Scoped to this single instance ===== */
#gc-event-info-1.gc-event-info-wrap{
position:relative; z-index:0;
background:#86A789;
border:1px solid rgba(0,0,0,.06);
border-radius:14px;
box-shadow:0 6px 20px rgba(0,0,0,.08);
padding:18px 18px 26px;
color:#fff;
display:flow-root;
contain:layout paint;
}
/* Bulletproof the bg/padding on mobile where themes sometimes override */
@media (max-width: 1024px){
#gc-event-info-1.gc-event-info-wrap{
background:#86A789 !important;
padding:18px 18px 26px !important;
border-radius:14px !important;
}
}
/* Kadence/Gutenberg sometimes compress link contrast on mobile */
#gc-event-info-1 a{ color:#fff; }
/* Paragraph reset inside Elements on mobile (prevents margin collapse/strip) */
#gc-event-info-1 p{ margin:0 0 10px 0 !important; }
/* Rows */
#gc-event-info-1 .gc-row{
display:block; clear:both; position:relative;
margin:0 0 10px 0;
line-height:1.55;
white-space:normal; word-break:break-word;
}
#gc-event-info-1 .gc-row strong{ margin-right:4px; }
/* Buttons (custom look; not Kadence) */
#gc-event-info-1 .gc-cal-buttons{ margin:6px 0 20px !important; text-align:center; }
#gc-event-info-1 .gc-add-to-calendar{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
#gc-event-info-1 .gc-add-to-calendar a{
display:inline-block; padding:.6em 1.2em; border-radius:8px; font-weight:600; text-decoration:none;
transition:background .2s ease, transform .1s ease; box-shadow:0 3px 8px rgba(0,0,0,.2);
}
#gc-event-info-1 .gc-add-to-calendar a.gc-btn-gcal{ background:#1362e2; color:#fff; }
#gc-event-info-1 .gc-add-to-calendar a.gc-btn-gcal:hover{ background:#0d4fb9; transform:translateY(-1px); }
#gc-event-info-1 .gc-add-to-calendar a.gc-btn-ics{ background:#f2f6ff; color:#0a2b66; border:1px solid #bfd3ff; }
#gc-event-info-1 .gc-add-to-calendar a.gc-btn-ics:hover{ background:#d0e2ff; transform:translateY(-1px); }
/* Map container */
#gc-event-info-1 .gc-map-shell{ overflow:visible; border-radius:12px; margin-top:26px !important; margin-bottom:0 !important; }
#gc-event-info-1 .gc-map-shell .map-address,
#gc-event-info-1 .gc-map-shell .event-map-address,
#gc-event-info-1 .gc-map-shell .gm-address,
#gc-event-info-1 .gc-map-shell .address,
#gc-event-info-1 .gc-map-shell a[href*="maps"]{
display:block; margin-top:10px; margin-bottom:0; text-decoration:underline; line-height:1.5;
}
#gc-event-info-1 .gc-map-frame{ position:relative; height:auto; }
/* Make sure the map actually has height on mobile */
#gc-event-info-1 .gc-map-frame .leaflet-container{
width:100%; height:300px !important; min-height:300px !important;
transform:none !important; border-radius:0 !important;
}
/* IMPORTANT FIX: Don’t override Leaflet pane z-index (it hides markers). */
/* Removed:
.leaflet-tile-pane{ z-index:200; } .leaflet-marker-pane{ z-index:2; }
*/
/* Safari/iOS sometimes drops bg — keep the nudge */
@supports (-webkit-touch-callout:none){
#gc-event-info-1.gc-event-info-wrap{ background:#86A789 !important; }
}
/* Prevent theme CSS from shrinking Leaflet marker icons (WP often sets img{max-width:100%}) */
#gc-event-info-1 .leaflet-container img{ max-width:none !important; }
/* Price rows (above map) */
#gc-event-info-1 .gc-row.gc-price,
#gc-event-info-1 .gc-row.gc-price-members{
display:flex !important; flex-wrap:wrap; align-items:baseline; column-gap:10px; row-gap:6px;
}
#gc-event-info-1 .gc-row.gc-price{ margin-top:18px !important; margin-bottom:10px !important; }
#gc-event-info-1 .gc-row.gc-price-members{ margin-top:4px !important; margin-bottom:12px !important; }
#gc-event-info-1 .gc-row.gc-price strong,
#gc-event-info-1 .gc-row.gc-price-members strong{ flex:0 0 auto; margin-right:0; line-height:1.5; }
#gc-event-info-1 .gc-row.gc-price .price-val,
#gc-event-info-1 .gc-row.gc-price-members .price-members-val{ flex:1 1 auto; min-width:0; white-space:normal; line-height:1.5; }
Share
Organizer
The Toronto Botanical Garden connects people to plants, inspiring us to live in harmony with nature.
The Toronto Botanical Garden will be renowned for its display of nature’s beauty and as a dynamic hub for plant-centred learning, conservation and research.
GardeningCalendar.ca gets some funding from advertisers. If you click on links and advertisements at no cost to you, the site may receive a small commission that helps fund its operation.
© 2025 J&S Calendars Ltd.