Summer solstice 2018: What it is and how to celebrate in Philly

Welcome to summer, Philadelphia.

Thursday marks the 2018 summer solstice, or the longest day of the year for those living in the northern hemisphere. It’s also recognized as the first day of the astronomical summer.

Philly will throughout the day, nearly six hours more than the region saw during the winter solstice in December. That means there’s plenty of time to fire up the BBQ, head out to or just hang out in the hammock in the backyard.

Here’s a few things you should know about the event.

What is the summer solstice?

Aside from being the longest day of the year and marking the start of the season for sunburns and cookouts, the summer solstice happens when the sun is directly over the Tropic of Cancer, . For our region, the solstice occurred at 6:07 a.m.

This year’s winter solstice, the shortest day of the year, which happens when the sun is over the Tropic of Capricorn, will be on Dec. 21 at 5:23 p.m.

What’s the weather going to be like?

While the day will be long, it’s not clear how much sunshine the region will be seeing. There is a chance of showers during the afternoon, . Tonight will be partly cloudy with a low of 65 degrees. Storms and showers are likely over the weekend.

What’s going on Philly?

There are a handful of celebrations happening around the Philadelphia area, including a and in Southwest Philadelphia. There’s also a  of the summer solstice.

Not looking for an organized event? There’s plenty of options for you, too. Philadelphia’s, and there are  within an hour’s drive of the city. Restaurant columnist Michael Klein also has a .

Why are people talking about Stonehenge?

The cosmic event is believed to have been celebrated for thousands of years at the prehistoric landmark found in the United Kingdom, . This year, roughly to watch the sunrise at 4:52 a.m.

Published: June 21, 2018 — 11:40 AM EDT View Comments Close Comments or .btn-comments { width: 100%; height: 48px; border-radius: 4px; padding: 10px; font-size: 1rem; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; display: flex; flex-direction: row; justify-content: center; /* Comment Bubble Icon */ } .btn-comments .icon-comments { width: 19px; height: 20px; } .btn-comments .icon-comments .icon-comments-view { background-color: #ffffff !important; } .btn-comments .icon-comments .icon-comments-close { background-color: #000000; } .btn-comments-txt { display: flex; flex-direction: row; justify-content: space-around; font-size: 1rem; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; } .btn-comments-view { background-color: #000000; color: #ffffff; } .btn-comments-view:hover { background-color: black; } .btn-comments-close { display: none; background-color: white; border: solid 1px #222; color: #222; } .btn-comments-close:hover { background-color: white; } .btn-comments-close .txt-comments-close { color: #222; } .btn-comments-close .txt-comments-close:hover { color: #222; } .vf-hr { border-top: solid 2px #cc0000; } .guidelines-container { margin-top: 30px; } .guidelines-container munity-guidelines { color: #000000; font-size: 1rem; text-decoration: none; line-height: normal; } .guidelines-container munity-guidelines:hover { color: #666666; } .vf-login-button, .vf-signup-button { color: #cc0000; cursor: pointer; font-size: 1rem; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; width: 118px; height: 1rem; } .vf-login-button:hover, .vf-signup-button:hover { color: #666666; } .viafoura a.vf-branding path { fill: #EB2427 !important; } .viafoura .vf-tray-trigger { border: none !important; width: 38px; height: 35px; /* Bell Badge */ } .viafoura .vf-tray-trigger .vf-icon { width: 38px !important; height: 35px !important; } .viafoura .vf-tray-trigger .vf-tray-count { width: 18px; height: 18px; background-color: #cc0000; } .viafoura .vf-tray { top: 60px !important; height: calc(100% – 60px); } .viafoura .vf-tray-ns { top: 100px !important; } (min-width: 31.25em) { .viafoura .vf-tray { top: 90px !important; height: calc(100% – 90px); } .viafoura .vf-tray-ns { top: 130px !important; height: calc(100% – 130px); } } .viafoura .vf-tray button { outline: none; } .viafoura .vf-accent-border-colour { border-color: #cc0000; } .viafoura .vf-comments-sort .vf-comments-sort-option { font-weight: bold; } .viafoura .vf-comments-sort .vf-comments-sort-option .vf-sort-option .vf-label { font-weight: bold !important; } .viafoura .js-cancel, .viafoura .js-cancel:visited, .viafoura .js-cancel:hover, .viafoura .vf-show-all { color: #cc0000 !important; } .viafoura .vf-comment-html a:visited, .viafoura .vf-comment-html a.pseudo-class-visited { color: #0061A2 !important; } .viafoura .vf-comment-submit { background-color: #cc0000; } .viafoura .vf-comment-submit.vf-comment-edit-button { background-color: #cc0000; } .viafoura .vf-comment-submit.vf-comment-edit-save { background-color: #cc0000; } .viafoura .viafoura-owner-badge { display: inline-block !important; } .viafoura .vf-button.vf-button-outline.vf-grey:hover path, .viafoura .vf-button.vf-button-outline.vf-grey:focus path { fill: #666666; } .viafoura .vf-branding-container { visibility: hidden; } .viafoura .vf-user-avatar-btn { display: none; } .viafoura .vf-comments:not(.vf-is-logged-in) .vf-comment-user { display:none; } .viafoura .vf-comments:not(.vf-is-logged-in) .vf-comment-actions{ display:none; } .viafoura .vf-comments:not(.vf-is-logged-in) .vf-page-count-subscribe { display:none; } .vf-loader-dots, .vf-loader-dots:before, .vf-loader-dots:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .vf-loader-dots { color: #999; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .vf-loader-dots:before, .vf-loader-dots:after { content: ‘‘; position: absolute; top: 0; } .vf-loader-dots:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .vf-loader-dots:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }