. */ .blog-content-line--last .blog-content__inner p.wry-trending-widget__label{ font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .08em; color: #ff0028 !important; margin: 0 0 16px !important; } .wry-trending-widget__item{ display: flex; align-items: flex-start; gap: 16px; padding: 14px 0; border-top: 1px solid #e0ddd6; text-decoration: none !important; color: inherit !important; } .wry-trending-widget__item:hover, .wry-trending-widget__item:visited, .wry-trending-widget__item:focus{ text-decoration: none !important; color: inherit !important; } .wry-trending-widget__item:first-of-type{ border-top: none; padding-top: 0; } .wry-trending-widget__item:last-child{ padding-bottom: 0; } .wry-trending-widget__text{ flex: 1 1 auto; min-width: 0; } .wry-trending-widget__title{ display: block; font-size: 16px !important; font-weight: 700 !important; letter-spacing: -0.01em; color: #000 !important; margin: 0 0 6px !important; line-height: 1.25 !important; } .wry-trending-widget__excerpt{ font-size: 13.5px !important; line-height: 1.5 !important; color: #6b6a66 !important; margin: 0 0 6px !important; font-weight: 400 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wry-trending-widget__date{ display: block; font-size: 12px; color: #9a9892; } .wry-trending-widget__thumb{ flex: none; width: 88px; height: 88px; border-radius: 10px; overflow: hidden; background: #f2f0ec; } .wry-trending-widget__thumb img{ display: block; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 480px){ .wry-trending-widget__thumb{ width: 64px; height: 64px; } .wry-trending-widget__excerpt{ display: none; } } .wry-article-header__meta-divider{ height: 1px; background: #ececec; margin: 10px 0; } .wry-article-header__meta-share{ display: flex; flex-wrap: wrap; gap: 6px; } .wry-article-header__meta-share a{ display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #f2f0ec; color: #000 !important; font-size: 12px; } .wry-article-header__disclosure{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px; font-style: italic; color: #6b6a66; line-height: 1.4; margin-top: 10px; } /* Affiliate disclosure — moved from the meta card to the end of the article so it still appears on every device (not hidden on mobile), without adding height to the header. */ .wry-article-footer-disclosure{ margin-top: 32px; padding-top: 20px; border-top: 1px solid #e3e3e3; } /* Targets the widget's own directly too — otherwise the higher-specificity ".blog-content-line--last .blog-content__inner p" rule above (18px/#2a2a2a body copy styling) would win over a plain ".wry-article-footer-disclosure" rule. */ .wry-article-footer-disclosure, .wry-article-footer-disclosure p{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-style: italic; color: #6b6a66 !important; line-height: 1.5 !important; margin: 0; } /* Hero lives in its own full-width section (not the col-lg-8 grid) so it can span wider than the 760px text column, with a fixed edge gutter instead of a hard cap. */ .wry-article-hero-boxed{ padding: 0 40px; } .wry-article-hero-ad{ margin-bottom: 32px; text-align: center; } .wry-article-header__hero{ margin: 12px 0 32px; border-radius: 18px; overflow: hidden; position: relative; } /* Match the article body's paragraphs and headings to the intro paragraph/title above the hero — scoped to blog-content-line--last (unique to this template's body column) so it doesn't leak into other templates that share the .blog-content__inner class. */ .blog-content-line--last .blog-content__inner p, .blog-content-line--last .blog-content__inner li{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #2a2a2a !important; } .blog-content-line--last .blog-content__inner p strong, .blog-content-line--last .blog-content__inner p b, .blog-content-line--last .blog-content__inner li strong, .blog-content-line--last .blog-content__inner li b{ font-weight: 700 !important; } .blog-content-line--last .blog-content__inner p em, .blog-content-line--last .blog-content__inner p i, .blog-content-line--last .blog-content__inner li em, .blog-content-line--last .blog-content__inner li i{ font-style: italic !important; } .blog-content-line--last .blog-content__inner h1, .blog-content-line--last .blog-content__inner h2, .blog-content-line--last .blog-content__inner h3, .blog-content-line--last .blog-content__inner h4, .blog-content-line--last .blog-content__inner h5, .blog-content-line--last .blog-content__inner h6{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 500 !important; } /* Drop cap on the article's opening paragraph, matching the reference design. Uses the direct-child combinator (> p) specifically because a plain descendant selector's :first-of-type matches the FIRST among siblings under ANY parent — including the Trending widget's own single nested a few levels down, which has no sibling of its own and so also counted as "first of type," incorrectly getting the drop cap too. */ .blog-content-line--last .blog-content__inner > p:first-of-type::first-letter{ float: left; font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 64px; line-height: 0.82; padding: 4px 8px 0 0; color: #000; } /* Force consistent Instagram embed styling. Some embeds in article content come from WordPress's automatic URL-to-oEmbed conversion (full inline styles from Instagram: max-width:540px, rounded corners, shadow, etc.) while others get pasted in with a bare missing those styles entirely — Instagram's own embed.js then renders those without a width cap, noticeably wider and with no border-radius/shadow. This overrides both cases to the same look regardless of which way a given embed was added to the post. Only width-related and cosmetic properties are forced — height is left alone since Reels (vertical video) and photo posts have different natural aspect ratios. */ .blog-content-line--last .blog-content__inner .instagram-media{ max-width: 540px !important; min-width: 326px !important; width: calc(100% - 2px) !important; margin: 1px auto !important; border: 0 !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5), 0 1px 10px 0 rgba(0,0,0,0.15) !important; background: #fff !important; } /* Decorative vertical divider inherited from the old two-column layout (title vs. share/author sidebar) — that sidebar no longer exists here, and the line's height:100% was stretching past this shorter column into the hero below it. */ .wry-article-header.blog-content-line::after{ content: none; } /* get_the_post_thumbnail() outputs a wrapper (WP Rocket's WebP compatibility mode). defaults to display:inline with no defined width, so a percentage-width img inside it has nothing reliable to size against and falls back toward its native pixel dimensions. */ .wry-article-header__hero picture{ display: block; width: 100%; } /* wry-home-news's cards: WP Rocket wraps the block's in a at the output-buffer level (even though the block's own markup writes a plain ), carrying the "home-news__image" class onto the tag itself. is display:inline by default — width/height simply don't apply to non-replaced inline elements, !important or not, so the block's own width:100% rule was never actually taking effect. On top of that, the card nests three levels of flex containers (.home-news__article > .home-news__link > .home-news__image- wrap), and flex children default to refusing to shrink below their content's natural size (min-width:auto) — the image's real ~1024px file width was propagating back up through all three levels. Scoped here, not in the shared block's own file, so this only applies on pages using this template, not the homepage where that block also renders and I don't want to change shared behavior without being asked. */ .home-news__image{ display: block !important; width: 100% !important; max-width: 100% !important; } .home-news__article, .home-news__link, .home-news__image-wrap{ min-width: 0; } @media (max-width: 639px){ .home-news__grid{ grid-template-columns: 1fr !important; } } .wry-article-header__hero img{ width: 100%; height: auto; max-height: 620px; object-fit: cover; /* object-fit:cover has to crop something to fill a fixed-height box. 25% (instead of center/50%) biases the crop window slightly toward the top without pinning fully to the top edge, so the top isn't favored at the total expense of the lower part of the image. */ object-position: center 25%; display: block; } @media (min-width: 992px){ .wry-article-header__hero img{ max-height: 700px; } } @media (min-width: 1920px){ .wry-article-header__hero img{ max-height: 820px; } } @media (max-width: 991px){ .wry-article-header-top{ padding-top: 24px; } .wry-article-header__title{ font-size: 28px; } .wry-article-hero-boxed{ padding: 0 16px; } .wry-article-header__hero{ margin: 10px 0 20px; border-radius: 12px; } /* Mobile: image first, then title, then meta details — reordered visually via flex order rather than moving the actual HTML, so desktop keeps its normal document order (title/meta row, then hero) without needing its own override. */ .wry-article-mobile-stack{ display: flex; flex-direction: column; } /* Flex children default to min-width:auto, meaning they refuse to shrink below their content's natural width — if anything inside (the hero image, most likely) wants to render wider than the screen, the whole flex column (and everything after it on the page) gets dragged into horizontal overflow. min-width:0 is the standard fix, letting them shrink to fit. */ .wry-article-mobile-stack > *{ min-width: 0; } .wry-article-mobile-stack .wry-article-header-top{ order: 2; } .wry-article-mobile-stack .wry-article-hero-boxed{ order: 0; } .wry-article-mobile-stack .wry-article-hero-ad{ order: 1; } } INTHEMOMENT is Sri Lanka’s Most Anticipated EDM Event Post date: 18 October 2024 Reading time 4 minutes Written by Alshaan Kassam Send via WhatsApp Share on Facebook Tweet Pin it Submit to Reddit Share on LinkedIn Send email Purchases made through our links may earn us a small commission — at no extra cost to you.
INTHEMOMENT is Sri Linka's most anticipated event that you cannot miss out on taking place on October 19, 2024. First off, let’s talk about the vibe. The stage is going to be all about eco-friendly beauty, blending lush greenery and recycled materials into the design. Imagine string lights, charming lanterns, and natural décor that make the space feel both cozy and magical. The backdrop? Stunning mountain views and misty, cool vibes that Nuwara-Eliya is known for. Add some lasers, and vibrant color washes, and you're in for a lighting setup that’s out of this world.
On top of that, there’s a VIP zone with dedicated seating and services for those looking for a premium experience. Plus, there’ll be drone coverage, live video feeds, and dedicated videographers capturing every highlight of the night. The lineup this year is also stacked. Headlining the event are artists like A Jay, Adriqus, Sam, Ishan, Jayy Vibes, Kyotto, Ultra, Vegaz, and Yedikule . These names are already buzzing in the progressive EDM scene. A special mention goes to Adriqus and Sam , who are doing a back-to-back (B2B), and Yedikule delivering a special act featuring Echo Daft and Kryptone .
The afterparty will also be just as insane, with Echo Draft, Ishan, Vegaz, and Sam taking over the decks. To keep the energy going, there’ll be a B2B session with Airwave and Zeka, followed by another epic B2B set from Mark and Denizu. INTHEMOMENT is all about celebrating underground culture, so if that’s your vibe, you’ll feel right at home. The dress code is simple—white with any shade of color. Of course, no event is complete without some special touches to make the experience even more memorable. There will be a mobile salon by Urban Style Salon , where you can add some extra flair to your look before hitting the dance floor. Not to mention, there will be plenty of delicious food stalls and drink stations to keep you fueled throughout the night. For anyone wanting to stay connected to the event beyond just the night itself, be sure to get your hashtags ready. Join the conversation with #InTheMoment, #InTheMomentSL, #InTheMomentSriLanka, #DisconnecttoReconnect, #ITM, and #ITMSriLanka. Share your experiences, tag your squad, and make sure everyone knows you were at the EDM event of the year.
Tickets are selling fast, so if you want to secure your spot at IINTHEMOMENT, you’ll need to act quick. General admission tickets are priced at LKR5000 (pre-sale), and if you want the full VIP experience, tickets are LKR10000. Miss the presale? No problem. General admission tickets will be available at the gate for LKR6000. But let’s be real, no one wants to risk missing out, so snag those pre-sale tickets while you can! They are available now at Tickets Ministry.
Aditionally, the National Holiday Resort is all set to host with food and beverage stalls, clean restrooms, and cozy seating areas for when you need a quick breather. Transportation and accommodation options are still being finalized, so stay tuned for updates on that front— INTHEMOMENT is working to make sure you have a smooth and stress-free time from the moment you arrive to when you leave. Safety is always a priority, and the event will have all necessary protocols in place, including hand sanitizing stations and local police presence to ensure everyone has a safe and enjoyable time. Sponsors are also stepping in to elevate the fun. Lion Brewery , Red Bull , and Ceylent Perfume are all setting up booths where you can interact with their products and services. Whether it’s grabbing a cold beer from Lion Brewery or sampling some fragrances at Ceylent Perfume’s booth, there’s plenty to keep you engaged when you’re not on the dance floor.
On top of that, expect an official event movie capturing the best moments, plus highlights and performances shared across the respected social media platforms. And don’t forget the merch! Each INTHEMOMENT event has its own unique T-shirt, and this year’s design is a must-have. So, be sure to grab one as a keepsake. So, mark your calendars, grab your tickets, and start prepping for one of the biggest nights in progressive EDM. See you in Nuwara-Eliya!
Purchases made through our links may earn us a small commission — at no extra cost to you.
RÜFÜS DU SOL: The First Nine-Figure Electronic Tour
Loading comments…