/* Arlo consolidated CSS base
   Cleaned from the uploaded working CSS by removing older override chains and
   keeping the latest active page/template layouts.
--------------------------------------------- */

/* Palette + global base
--------------------------------------------- */
.arlo#arlo {
	--arlo-navy: #000441;
	--arlo-blue: #1F87E5;
	--arlo-light-blue: #E8F3FC;
	--arlo-teal: #208EA3;
	--arlo-link-soft: #7582d0;
	--arlo-border: rgba(0, 4, 65, 0.12);
	--arlo-shadow: 0 10px 28px rgba(0, 4, 65, 0.08);
	--arlo-price-border: rgba(31, 135, 229, 0.12);
	--arlo-panel-blue: #f7fbff;

	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 0;
	color: var(--arlo-navy);
	font-family: Poppins, Arial, sans-serif;
}

.arlo#arlo,
.arlo#arlo * {
	box-sizing: border-box;
}

/* Arlo colour helpers
--------------------------------------------- */
.arlo#arlo,
.arlo#arlo .arlo-color1,
.arlo-widget-upcoming .arlo-cal-day,
.arlo#arlo .arlo-event-offers .replaced + .discount * {
	color: var(--arlo-navy);
	font-family: Poppins, Arial, sans-serif;
}

.arlo#arlo .arlo-background-color1 {
	background-color: var(--arlo-navy);
}

.arlo#arlo .arlo-border-color1 {
	border-color: var(--arlo-navy);
}

.arlo#arlo .arlo-color2,
.arlo#arlo .arlo-tooltip-button,
.arlo#arlo .arlo-suggest a,
.arlo#arlo .arlo-no-results a,
.arlo .dark-tooltip h6,
.arlo#arlo .arlo-event-offers .discount,
.arlo#arlo .arlo-event-offers .discount *,
.arlo#arlo .arlo-event-offers .replaced .amount,
.arlo#arlo a:hover,
.arlo#arlo .arlo-category-list li a:hover,
.arlo#arlo .arlo-event-registration > p > a,
.arlo#arlo .arlo-pagination .page-numbers:hover,
.arlo#arlo .arlo-pagination .page-numbers.next:hover,
.arlo#arlo .arlo-pagination .page-numbers.prev:hover,
.arlo#arlo .arlo-event-name a:hover,
.arlo#arlo .arlo-event-provider a:hover,
.arlo#arlo .arlo-event-location a:hover,
.arlo#arlo .arlo-list.catalogue .arlo-template-name a:hover,
.arlo#arlo ul.arlo-list.venues .arlo-venue-name a:hover,
.arlo#arlo .arlo-event-presenters a:hover,
.arlo#arlo ul.presenter-events > li a:hover,
.arlo#arlo .arlo-event-registration > a:hover,
.arlo#arlo .arlo-event-registration > a.arlo-waiting-list:hover,
.arlo#arlo .arlo-buttons .arlo-event-registration > a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration > a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-suggest-template-event-link a,
.arlo#arlo .arlo-suggest-templates a:hover,
.arlo#arlo ul.arlo-list.venues .arlo-venue-info-link a,
.arlo#arlo ul.arlo-list.presenters .arlo-presenter-info-link a,
.arlo#arlo ul.presenter-events > li a,
.arlo-categories-widget .arlo-category-list li a:hover,
.arlo-list.arlo-widget-upcoming a:hover {
	color: var(--arlo-blue);
	font-family: Poppins, Arial, sans-serif;
}

.arlo#arlo .arlo-background-color2,
.arlo#arlo .arlo-event-registration > a,
.arlo#arlo .arlo-filters .arlo-filters-buttons a,
.arlo#arlo .arlo-oa-registration > a,
.arlo#arlo .arlo-register,
.arlo#arlo .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-show-more-link {
	background-color: var(--arlo-blue);
}

.arlo#arlo .arlo-border-color2,
.arlo#arlo .arlo-cal,
.arlo#arlo .arlo-search-field,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-category-list li a:hover,
.arlo#arlo .arlo-event-registration > a:hover,
.arlo#arlo .arlo-event-registration > a.arlo-waiting-list:hover,
.arlo#arlo .arlo-buttons .arlo-event-registration > a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration > a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-register:hover,
.arlo-widget-upcoming > li:hover .arlo-cal.arlo-left {
	border-color: var(--arlo-blue);
}

.arlo#arlo .arlo-color3 {
	color: var(--arlo-light-blue);
}

.arlo#arlo .arlo-background-color3,
.arlo#arlo select,
.arlo#arlo .arlo-category-list li a,
.arlo#arlo p.arlo-no-results,
.arlo#arlo .arlo-pagination .page-numbers.current {
	background-color: var(--arlo-light-blue);
}

.arlo#arlo .arlo-event-registration > a.arlo-waiting-list,
.arlo#arlo .arlo-pagination .page-numbers {
	border-color: var(--arlo-light-blue);
}

.arlo#arlo .arlo-color4,
.arlo#arlo .arlo-event-provider a,
.arlo#arlo .arlo-event-location a,
.arlo#arlo .arlo-event-presenters a,
.arlo#arlo .arlo-places-remaining,
.arlo#arlo .arlo-event-full,
.arlo#arlo .arlo-presenter-details a {
	color: var(--arlo-teal);
}

.arlo#arlo .arlo-color5,
.arlo#arlo .arlo-presenter-content a,
.arlo#arlo .arlo-venue-content a,
.arlo#arlo .arlo-presenter-details a,
.arlo#arlo .arlo-venue-details a,
.arlo#arlo .arlo-content-field a {
	color: var(--arlo-link-soft);
}

.arlo#arlo .arlo-button,
.arlo#arlo .arlo-filters .arlo-filters-buttons a,
.arlo#arlo .arlo-buttons .arlo-event-registration > a,
.arlo#arlo .arlo-buttons .arlo-event-registration p,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-search-button:hover,
.arlo#arlo .arlo-next-running a,
.arlo#arlo .arlo-event-registration > a,
.arlo#arlo .arlo-show-more-link,
.arlo#arlo .arlo-oa-registration > a {
	color: #fff;
}

.arlo#arlo ul.upcoming .arlo-event-provider,
.arlo#arlo ul.upcoming .arlo-event-time,
.arlo#arlo ul.upcoming .arlo-event-location,
.arlo#arlo ul.upcoming .arlo-event-presenters,
.arlo#arlo .arlo-event-registration > a.arlo-waiting-list,
.arlo#arlo .arlo-list.catalogue .arlo-next-running p,
.arlo#arlo .arlo-list.catalogue .arlo-advertised-duration span,
.arlo#arlo .arlo-list.catalogue .arlo-offers span,
.arlo#arlo .arlo-reference-term,
.arlo-categories-widget .arlo-category-list li ul {
	color: var(--arlo-navy);
	font-family: Poppins, Arial, sans-serif;
}

/* Shared controls, form fields, buttons
--------------------------------------------- */
.arlo#arlo .arlo-event-search-panel,
.arlo#arlo .arlo-schedule-controls,
.arlo#arlo .arlo-upcoming-controls {
	margin: 0 0 30px;
	padding: 20px;
	border: 1px solid var(--arlo-border);
	border-radius: 16px;
	background: var(--arlo-light-blue);
	box-sizing: border-box;
}

.arlo#arlo .arlo-event-search-panel {
	display: grid;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 16px;
	align-items: end;
}

.arlo#arlo .arlo-schedule-controls,
.arlo#arlo .arlo-upcoming-controls,
.arlo#arlo .arlo-catalogue-filters,
.arlo#arlo .arlo-filters,
.arlo#arlo .arlo-filter,
.arlo#arlo .arlo-filter-select {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.arlo#arlo .arlo-catalogue-filters,
.arlo#arlo .arlo-filters,
.arlo#arlo .arlo-filter,
.arlo#arlo .arlo-filter-select {
	margin: 0;
}

.arlo#arlo .arlo-filter-region-search,
.arlo#arlo .arlo-search-wrap,
.arlo#arlo .arlo-search-box {
	margin: 0;
	width: 100%;
}

.arlo#arlo .arlo-search-wrap,
.arlo#arlo .arlo-search-box {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.arlo#arlo select,
.arlo#arlo .arlo-catalogue-filters select,
.arlo#arlo .arlo-filters select,
.arlo#arlo .arlo-filter select,
.arlo#arlo .arlo-template-region-selector select,
.arlo#arlo .arlo-region-selector select,
.arlo#arlo input[type="text"],
.arlo#arlo input[type="search"],
.arlo#arlo .arlo-search-field {
	max-width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid rgba(0, 4, 65, 0.18);
	border-radius: 10px;
	background-color: #fff;
	color: var(--arlo-navy);
	font-family: Poppins, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2;
	box-shadow: none;
	box-sizing: border-box;
}

.arlo#arlo select,
.arlo#arlo .arlo-catalogue-filters select,
.arlo#arlo .arlo-filters select,
.arlo#arlo .arlo-filter select,
.arlo#arlo .arlo-template-region-selector select,
.arlo#arlo .arlo-region-selector select {
	display: inline-block !important;
	width: auto !important;
	min-width: 220px !important;
	margin: 0 12px 12px 0 !important;
	padding-right: 42px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-align: left !important;
	text-align-last: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
}

.arlo#arlo select option,
.arlo#arlo .arlo-catalogue-filters select option,
.arlo#arlo .arlo-filters select option,
.arlo#arlo .arlo-filter select option {
	background: #fff !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.arlo#arlo select:focus,
.arlo#arlo .arlo-catalogue-filters select:focus,
.arlo#arlo .arlo-filters select:focus,
.arlo#arlo .arlo-filter select:focus,
.arlo#arlo input[type="text"]:focus,
.arlo#arlo input[type="search"]:focus,
.arlo#arlo .arlo-search-field:focus {
	border-color: var(--arlo-blue) !important;
	outline: 2px solid rgba(31, 135, 229, 0.18) !important;
	outline-offset: 2px !important;
}

.arlo#arlo .arlo-search-wrap input,
.arlo#arlo .arlo-search-box input,
.arlo#arlo .arlo-search-field {
	flex: 1 1 auto;
	width: 100%;
}

.arlo#arlo .arlo-button,
.arlo#arlo a.arlo-button,
.arlo#arlo .button.arlo-button,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-register,
.arlo#arlo .arlo-event-registration > a,
.arlo#arlo .arlo-oa-registration > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border: 1px solid var(--arlo-blue);
	border-radius: 10px;
	background: var(--arlo-blue);
	color: #fff;
	font-family: Poppins, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.arlo#arlo .arlo-button:hover,
.arlo#arlo a.arlo-button:hover,
.arlo#arlo .button.arlo-button:hover,
.arlo#arlo .arlo-search-button:hover,
.arlo#arlo .arlo-register:hover,
.arlo#arlo .arlo-event-registration > a:hover,
.arlo#arlo .arlo-oa-registration > a:hover {
	border-color: var(--arlo-navy);
	background: var(--arlo-navy);
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
}

.arlo#arlo .arlo-catalogue-filters a,
.arlo#arlo .arlo-filters a,
.arlo#arlo .arlo-filters .arlo-filter-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 10px 16px !important;
	border: 1px solid rgba(0, 4, 65, 0.18) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

.arlo#arlo .arlo-catalogue-filters a:hover,
.arlo#arlo .arlo-filters a:hover,
.arlo#arlo .arlo-filters .arlo-filter-button:hover {
	border-color: var(--arlo-blue) !important;
	background: #fff !important;
	color: var(--arlo-blue) !important;
}

.arlo#arlo .arlo-catalogue-filters label,
.arlo#arlo .arlo-filters label {
	margin: 0 6px 0 0 !important;
	color: var(--arlo-navy) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

/* Resets, shared headings, cards
--------------------------------------------- */
.arlo#arlo ul.arlo-list.catalogue,
.arlo#arlo ul.arlo-list.event-search,
.arlo#arlo .arlo-event-list,
.arlo#arlo ul.arlo-list.schedule,
.arlo#arlo ul.arlo-list.upcoming {
	margin: 0;
	padding: 0;
	list-style: none;
}

.arlo#arlo .arlo-group-divider {
	margin: 34px 0 18px;
	padding: 0;
	border: 0;
	background: transparent;
}

.arlo#arlo .arlo-group-divider h2 {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	color: var(--arlo-navy);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.arlo#arlo .arlo-group-divider h2::after {
	content: "";
	display: block;
	flex: 1;
	height: 2px;
	background: var(--arlo-border);
}

.arlo#arlo .arlo-list.catalogue .arlo-catalogue-event,
.arlo#arlo .arlo-catalogue-event,
.arlo#arlo .arlo-event-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 360px);
	grid-template-areas:
		"title sessions"
		"details sessions";
	column-gap: 36px;
	row-gap: 12px;
	align-items: start;
	margin: 0 0 18px;
	padding: 28px;
	border: 1px solid var(--arlo-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: var(--arlo-shadow);
}

.arlo#arlo .arlo-template-name,
.arlo#arlo .arlo-event-card__title {
	grid-area: title;
	margin: 0;
	color: var(--arlo-navy);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}

.arlo#arlo .arlo-template-name a,
.arlo#arlo .arlo-event-card__title a {
	color: var(--arlo-navy);
	text-decoration: none;
}

.arlo#arlo .arlo-template-name a:hover,
.arlo#arlo .arlo-event-card__title a:hover {
	color: var(--arlo-blue);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arlo#arlo .arlo-event-card__content {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.arlo#arlo .arlo-template-details,
.arlo#arlo .arlo-event-card__details {
	grid-area: details;
	display: block;
	margin: 0;
}

.arlo#arlo .arlo-advertised-duration,
.arlo#arlo .arlo-offers,
.arlo#arlo .arlo-event-meta {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 7px 11px;
	border-radius: 999px;
	background: var(--arlo-light-blue);
	color: var(--arlo-navy);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.arlo#arlo .arlo-advertised-duration {
	margin-bottom: 18px;
}

.arlo#arlo .arlo-offers {
	margin-top: 18px;
}

.arlo#arlo .arlo-advertised-duration span,
.arlo#arlo .arlo-offers span {
	color: var(--arlo-navy);
	background: transparent;
}

.arlo#arlo .arlo-summary,
.arlo#arlo .arlo-event-card__summary {
	display: block;
	max-width: 760px;
	margin: 0;
	color: rgba(0, 4, 65, 0.78);
	font-size: 15px;
	line-height: 1.65;
}

.arlo#arlo .arlo-summary p:first-child {
	margin-top: 0;
}

.arlo#arlo .arlo-summary p:last-child,
.arlo#arlo .arlo-event-card__summary p:last-child {
	margin-bottom: 0;
}

/* Shared next-running panels
--------------------------------------------- */
.arlo#arlo .arlo-next-running,
.arlo#arlo .arlo-event-card__sessions {
	grid-area: sessions;
	align-self: start;
	display: block;
	width: 100%;
	min-width: 0;
	padding: 20px;
	border: 1px solid rgba(31, 135, 229, 0.18);
	border-radius: 14px;
	background: var(--arlo-panel-blue);
	color: var(--arlo-navy);
	overflow: visible;
	font-size: 0;
}

.arlo#arlo .arlo-next-running p,
.arlo#arlo .arlo-list.catalogue .arlo-next-running p {
	margin: 0 0 14px;
	padding: 0;
	color: var(--arlo-navy);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.3;
	text-align: right;
	text-transform: uppercase;
}

.arlo#arlo .arlo-next-running span,
.arlo#arlo .arlo-next-running a span,
.arlo#arlo .arlo-next-running .arlo-button span {
	display: inline !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-indent: 0 !important;
	white-space: inherit !important;
	overflow: visible !important;
}

.arlo#arlo .arlo-next-running a,
.arlo#arlo .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-next-running .button.arlo-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: 100%;
	min-width: 120px;
	min-height: 48px;
	margin: 0 10px 10px 0;
	padding: 12px 16px;
	border: 1px solid var(--arlo-blue);
	border-radius: 10px;
	background: var(--arlo-blue);
	color: #fff !important;
	font-family: Poppins, Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	overflow: visible;
	text-indent: 0;
	transform: none;
}

.arlo#arlo .arlo-next-running a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-next-running .button.arlo-button:hover {
	border-color: var(--arlo-navy);
	background: var(--arlo-navy);
	color: #fff !important;
	text-decoration: none;
	transform: none;
}

.arlo#arlo .arlo-next-running a:empty,
.arlo#arlo .arlo-next-running .arlo-button:empty {
	display: none !important;
}

/* No results, pagination, powered by
--------------------------------------------- */
.arlo#arlo p.arlo-no-results {
	margin: 24px 0;
	padding: 18px;
	border-radius: 14px;
	background: var(--arlo-light-blue);
	color: var(--arlo-navy);
	font-weight: 600;
}

.arlo#arlo .arlo-pagination {
	margin-top: 30px;
	text-align: center;
}

.arlo#arlo .arlo-pagination .page-numbers,
.arlo#arlo .arlo-pagination a,
.arlo#arlo .arlo-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	margin: 4px;
	padding: 7px 11px;
	border: 1px solid var(--arlo-border);
	border-radius: 10px;
	background: #fff;
	color: var(--arlo-navy);
	font-weight: 700;
	text-decoration: none;
}

.arlo#arlo .arlo-pagination .page-numbers.current,
.arlo#arlo .arlo-pagination .page-numbers:hover,
.arlo#arlo .arlo-pagination a:hover {
	border-color: var(--arlo-blue);
	background: var(--arlo-blue);
	color: #fff;
}

.arlo#arlo .arlo-powered-by,
.arlo#arlo [class*="powered"] {
	margin-top: 20px;
	color: rgba(0, 4, 65, 0.55);
	font-size: 13px;
}

/* Schedule page
--------------------------------------------- */
.arlo#arlo.arlo-schedule-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 0;
}

.arlo#arlo.arlo-schedule-page ul.arlo-list.schedule {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-group-divider {
	margin: 34px 0 0 !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 4px solid var(--arlo-blue) !important;
	background: transparent !important;
}

.arlo#arlo.arlo-schedule-page .arlo-group-divider h2 {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	color: var(--arlo-navy) !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-event {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
	grid-template-areas: "event sessions" !important;
	gap: 28px !important;
	align-items: start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 22px 10px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(0, 4, 65, 0.12) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-column,
.arlo#arlo.arlo-schedule-page .arlo-event-name,
.arlo#arlo.arlo-schedule-page .arlo-price,
.arlo#arlo.arlo-schedule-page .arlo-next-running {
	float: none !important;
	clear: none !important;
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-event > .arlo-event-name {
	grid-area: event !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-event > .arlo-next-running {
	grid-area: sessions !important;
	justify-self: stretch !important;
	align-self: start !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-event > .arlo-price {
	display: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-template-name,
.arlo#arlo.arlo-schedule-page .arlo-template-name a {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-template-name {
	margin: 0 0 8px !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-advertised-duration,
.arlo#arlo.arlo-schedule-page .arlo-offers {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	min-width: max-content !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 7px 11px !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	border-radius: 999px !important;
	background: var(--arlo-light-blue) !important;
	color: var(--arlo-navy) !important;
}

.arlo#arlo.arlo-schedule-page .arlo-advertised-duration span,
.arlo#arlo.arlo-schedule-page .arlo-offers span {
	display: inline !important;
	width: auto !important;
	white-space: nowrap !important;
	word-break: normal !important;
	background: transparent !important;
	color: var(--arlo-navy) !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running {
	padding: 14px !important;
	border: 1px solid rgba(31, 135, 229, 0.18) !important;
	border-radius: 12px !important;
	background: var(--arlo-panel-blue) !important;
	color: var(--arlo-navy) !important;
	overflow: visible !important;
	font-size: 0 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running p {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: var(--arlo-navy) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.2 !important;
	text-align: right !important;
	text-transform: uppercase !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running a,
.arlo#arlo.arlo-schedule-page .arlo-next-running .button.arlo-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 100px !important;
	min-height: 44px !important;
	margin: 0 8px 8px 0 !important;
	padding: 10px 14px !important;
	border: 1px solid var(--arlo-blue) !important;
	border-radius: 9px !important;
	background: var(--arlo-blue) !important;
	color: #fff !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	overflow: visible !important;
	transform: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running a:hover,
.arlo#arlo.arlo-schedule-page .arlo-next-running .button.arlo-button:hover {
	border-color: var(--arlo-navy) !important;
	background: var(--arlo-navy) !important;
	color: #fff !important;
	text-decoration: none !important;
	transform: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running span,
.arlo#arlo.arlo-schedule-page .arlo-next-running a span {
	display: inline !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	white-space: inherit !important;
	overflow: visible !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running .arlo-more-sessions {
	display: block !important;
	width: 100% !important;
	margin: 14px 0 0 !important;
	padding: 14px 0 0 !important;
	border-top: 1px solid rgba(0, 4, 65, 0.12) !important;
	clear: both !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running .arlo-more-sessions a.arlo-more-sessions-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	border: 1px solid var(--arlo-blue) !important;
	border-radius: 10px !important;
	background: var(--arlo-blue) !important;
	color: #fff !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: normal !important;
	transform: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-next-running .arlo-more-sessions a.arlo-more-sessions-link:hover {
	border-color: var(--arlo-navy) !important;
	background: var(--arlo-navy) !important;
	color: #fff !important;
	text-decoration: none !important;
	transform: none !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary {
	display: block !important;
	width: 100% !important;
	max-width: 760px !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	color: rgba(0, 4, 65, 0.78) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary p,
.arlo#arlo.arlo-schedule-page .arlo-schedule-summary li {
	margin-top: 0 !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: 400 !important;
	line-height: inherit !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary p {
	margin-bottom: 0.85em !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary p:last-child {
	margin-bottom: 0 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary ul,
.arlo#arlo.arlo-schedule-page .arlo-schedule-summary ol {
	margin: 0.85em 0 0 1.25em !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: 400 !important;
	line-height: inherit !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary li {
	margin-bottom: 0.4em !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary strong,
.arlo#arlo.arlo-schedule-page .arlo-schedule-summary b {
	font-weight: 700 !important;
}

.arlo#arlo.arlo-schedule-page .arlo-schedule-summary a {
	color: var(--arlo-link-soft) !important;
	font-weight: 400 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
}

/* Category grid page
--------------------------------------------- */
.arlo#arlo.arlo-category-grid-page ul.arlo-list.catalogue {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 28px !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-group-divider {
	grid-column: 1 / -1 !important;
	margin: 34px 0 0 !important;
}

.arlo#arlo.arlo-category-grid-page ul.arlo-list.catalogue > li.arlo-catalogue-event,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event {
	float: none !important;
	clear: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 18px !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 1px solid var(--arlo-border) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: var(--arlo-shadow) !important;
	overflow: hidden !important;
	grid-template-columns: none !important;
	grid-template-rows: none !important;
	grid-template-areas: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event > *,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event .arlo-left,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event .arlo-right,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event .arlo-next-running,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event .arlo-template-details,
.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event .arlo-template-name {
	float: none !important;
	clear: none !important;
	grid-area: auto !important;
	grid-column: auto !important;
	grid-row: auto !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event > .arlo-template-thumbnail,
.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 128px !important;
	min-height: 0 !important;
	max-height: 128px !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	border-radius: 14px !important;
	background: var(--arlo-light-blue) !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail:empty {
	display: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail > a,
.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail > div,
.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail > picture,
.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail > figure {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: 128px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	background-size: cover !important;
	background-position: top top !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: 128px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	object-fit: cover !important;
	object-position: top top !important;
	box-shadow: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event > .arlo-left {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-details {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-name,
.arlo#arlo.arlo-category-grid-page .arlo-template-name a {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	text-wrap: normal !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-name {
	margin: 0 0 12px !important;
	color: var(--arlo-navy) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-name a {
	color: var(--arlo-navy) !important;
	text-decoration: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-name a:hover {
	color: var(--arlo-blue) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-meta-row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-meta-row .arlo-advertised-duration,
.arlo#arlo.arlo-category-grid-page .arlo-template-meta-row .arlo-offers {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 8px 11px !important;
	border-radius: 999px !important;
	background: var(--arlo-light-blue) !important;
	color: var(--arlo-navy) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-template-meta-row span {
	display: inline !important;
	width: auto !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	white-space: normal !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-summary {
	display: -webkit-box !important;
	-webkit-line-clamp: 6 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	width: 100% !important;
	max-width: 100% !important;
	max-height: calc(1.6em * 6) !important;
	margin: 0 !important;
	color: rgba(0, 4, 65, 0.78) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-summary p {
	display: inline !important;
	margin: 0 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-catalogue-event > .arlo-next-running,
.arlo#arlo.arlo-category-grid-page .arlo-next-running.arlo-right {
	flex: 0 0 auto !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: auto 0 0 !important;
	padding: 16px !important;
	border: 1px solid rgba(31, 135, 229, 0.18) !important;
	border-radius: 14px !important;
	background: var(--arlo-panel-blue) !important;
	color: var(--arlo-navy) !important;
	overflow: visible !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running > p {
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--arlo-navy) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills ul {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills li {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills a,
.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills a.arlo-register,
.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills .arlo-session-pill {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 8px 9px !important;
	border: 1px solid rgba(31, 135, 229, 0.22) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills a span,
.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills .arlo-session-pill span {
	display: inline !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	white-space: nowrap !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills a:hover,
.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills a.arlo-register:hover,
.arlo#arlo.arlo-category-grid-page .arlo-next-running-pills .arlo-session-pill:hover {
	border-color: var(--arlo-blue) !important;
	background: var(--arlo-light-blue) !important;
	color: var(--arlo-blue) !important;
	text-decoration: none !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-more-sessions {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(0, 4, 65, 0.1) !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-more-sessions-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 11px 14px !important;
	border: 1px solid var(--arlo-blue) !important;
	border-radius: 10px !important;
	background: var(--arlo-blue) !important;
	color: #fff !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.arlo#arlo.arlo-category-grid-page .arlo-more-sessions-link:hover {
	border-color: var(--arlo-navy) !important;
	background: var(--arlo-navy) !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* Upcoming Event List - horizontal/card-header layout
--------------------------------------------- */
.arlo#arlo.arlo-upcoming-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 0;
	color: var(--arlo-navy);
	font-family: Poppins, Arial, sans-serif;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-controls {
	display: none !important;
}

.arlo#arlo.arlo-upcoming-page ul.arlo-list.upcoming.arlo-upcoming-list,
.arlo#arlo.arlo-upcoming-page ul.arlo-list.upcoming {
	display: flex !important;
	flex-direction: column !important;
	grid-template-columns: none !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-upcoming-page li.arlo-upcoming-card,
.arlo#arlo.arlo-upcoming-page .arlo-upcoming-event {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 0 24px !important;
	padding: 28px !important;
	border: 1px solid var(--arlo-border) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: var(--arlo-shadow) !important;
	overflow: visible !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-card-header {
	display: grid !important;
	grid-template-columns: 105px minmax(0, 1fr) !important;
	gap: 24px !important;
	align-items: start !important;
	margin: 0 0 12px !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-date,
.arlo#arlo.arlo-upcoming-page .arlo-cal {
	float: none !important;
	grid-column: 1 !important;
	width: 82px !important;
	min-width: 82px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(31, 135, 229, 0.22) !important;
	border-radius: 14px !important;
	background: var(--arlo-panel-blue) !important;
	color: var(--arlo-navy) !important;
	text-align: center !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-weekday {
	padding: 10px 8px 0 !important;
	color: var(--arlo-blue) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-day {
	padding: 6px 8px 4px !important;
	color: var(--arlo-navy) !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-month {
	padding: 5px 8px 12px !important;
	color: var(--arlo-blue) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-header-main {
	grid-column: 2 !important;
	min-width: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-name {
	margin: 0 0 12px !important;
	color: var(--arlo-navy) !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-name a {
	color: var(--arlo-navy) !important;
	text-decoration: none !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-name a:hover {
	color: var(--arlo-blue) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-meta-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-provider,
.arlo#arlo.arlo-upcoming-page .arlo-event-location,
.arlo#arlo.arlo-upcoming-page .arlo-event-time,
.arlo#arlo.arlo-upcoming-page .arlo-event-meta {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 7px 11px !important;
	border-radius: 999px !important;
	background: var(--arlo-light-blue) !important;
	color: var(--arlo-navy) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	white-space: normal !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-body,
.arlo#arlo.arlo-upcoming-page .arlo-event-details,
.arlo#arlo.arlo-upcoming-page .arlo-event-info {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-template-summary,
.arlo#arlo.arlo-upcoming-page .arlo-summary {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 24px !important;
	color: rgba(0, 4, 65, 0.78) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-template-summary p:first-child,
.arlo#arlo.arlo-upcoming-page .arlo-summary p:first-child {
	margin-top: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-template-summary p:last-child,
.arlo#arlo.arlo-upcoming-page .arlo-summary p:last-child {
	margin-bottom: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap:empty {
	display: none !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap > *,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .arlo-event-offers {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 1px solid var(--arlo-price-border) !important;
	border-radius: 14px !important;
	background: var(--arlo-light-blue) !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
	box-shadow: none !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap * {
	max-width: 100% !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .discount,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .offer,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap p,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap div {
	display: block !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .discount:last-child,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .offer:last-child,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap p:last-child,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap div:last-child {
	margin-bottom: 0 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .amount,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap strong,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap b {
	display: inline !important;
	color: var(--arlo-navy) !important;
	font-weight: 900 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap .replaced,
.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap del {
	opacity: 0.72 !important;
	text-decoration: line-through !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-offers-wrap br {
	display: block !important;
	content: "" !important;
	margin: 0 0 5px !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-event-notice,
.arlo#arlo.arlo-upcoming-page .arlo-event-full,
.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div > span:not(:empty) {
	margin-bottom: 10px !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div {
	display: flex !important;
	flex-direction: column !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div > span:not(:empty) {
	order: 1 !important;
}

.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div > a,
.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div > button,
.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration > div > .arlo-button {
	order: 2 !important;
}

/* Event template/single event page
--------------------------------------------- */
.arlo#arlo > .arlo-template-header,
.arlo#arlo > .arlo-template-header * {
	text-align: left !important;
}

.arlo#arlo .arlo-template-header {
	background: #fff;
	border: 1px solid #e2e8f3;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(0, 31, 84, 0.04);
	padding: 40px;
	margin: 24px 0 40px;
}

.arlo#arlo .arlo-template-header-with-image {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 400px) !important;
	gap: 48px !important;
	align-items: center !important;
	margin-bottom: 28px !important;
	text-align: left !important;
}

.arlo#arlo .arlo-template-header-copy {
	min-width: 0 !important;
}

.arlo#arlo .arlo-template-title {
	margin: 0 0 18px;
	color: var(--arlo-blue);
	font-size: clamp(34px, 4vw, 48px);
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.arlo#arlo .arlo-event-template-summary {
	margin: 0;
	max-width: 900px;
	color: var(--arlo-navy);
	font-size: 16px;
	line-height: 1.55;
}

.arlo#arlo .arlo-template-thumbnail {
	display: block !important;
	width: 100% !important;
	max-width: 400px !important;
	margin: 0 !important;
	justify-self: end !important;
	background: #02054f;
	border-radius: 16px;
	overflow: hidden !important;
	min-height: 230px;
}

.arlo#arlo .arlo-template-thumbnail:empty {
	display: none !important;
}

.arlo#arlo .arlo-template-header-with-image:has(.arlo-template-thumbnail:empty) {
	grid-template-columns: 1fr !important;
}

.arlo#arlo .arlo-template-thumbnail a,
.arlo#arlo .arlo-template-thumbnail div,
.arlo#arlo .arlo-template-thumbnail picture,
.arlo#arlo .arlo-template-thumbnail figure {
	display: block !important;
	width: 100% !important;
	max-width: 400px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.arlo#arlo .arlo-template-thumbnail img {
	display: block !important;
	width: 100% !important;
	max-width: 400px !important;
	height: 100% !important;
	max-height: 230px !important;
	object-fit: cover !important;
	border: 1px solid rgba(31, 135, 229, 0.18) !important;
	border-radius: 14px !important;
	box-shadow: var(--arlo-shadow) !important;
}

.arlo#arlo .arlo-template-thumbnail img[src*=".png"] {
	object-fit: contain !important;
	padding: 28px !important;
}

/* Available sessions grid
--------------------------------------------- */
.arlo#arlo .arlo-sessions-section {
	clear: both;
	margin-top: 32px;
}

.arlo#arlo .arlo-sessions-section .arlo-section-title {
	margin: 0 0 20px;
}

.arlo#arlo .arlo-sessions-section .arlo-show-more-link,
.arlo#arlo .arlo-sessions-section a.arlo-show-more-link,
.arlo#arlo .arlo-sessions-section button.arlo-show-more-link,
.arlo#arlo .arlo-sessions-section .arlo-show-more-button,
.arlo#arlo .arlo-sessions-section .arlo-show-more-container {
	display: none !important;
}

.arlo#arlo .arlo-sessions-section ul.arlo-list.events,
.arlo#arlo .arlo-sessions-section ul.arlo-list.arlo-show-more.events,
.arlo#arlo .arlo-sessions-section ul.arlo-sessions-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 28px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo .arlo-sessions-section ul.arlo-list.events > *:not(.arlo-event):not(script):not(style),
.arlo#arlo .arlo-sessions-section ul.arlo-sessions-list > *:not(.arlo-event):not(script):not(style) {
	display: none !important;
}

.arlo#arlo .arlo-sessions-section ul.arlo-list.events > li.arlo-event,
.arlo#arlo .arlo-sessions-section ul.arlo-list.arlo-show-more.events > li.arlo-event,
.arlo#arlo .arlo-sessions-section ul.arlo-sessions-list > li.arlo-event {
	position: relative !important;
	float: none !important;
	clear: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 20px !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 28px !important;
	border: 1px solid #e8eef5 !important;
	border-radius: 14px !important;
	background: #fafafa !important;
	overflow: hidden !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event > .arlo-cal {
	float: none !important;
	flex: none !important;
	width: 132px !important;
	min-width: 132px !important;
	max-width: 132px !important;
	height: auto !important;
	margin: 0 auto 4px !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event > .arlo-cal .arlo-day,
.arlo#arlo .arlo-sessions-section li.arlo-event > .arlo-cal .arlo-month {
	text-align: center !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event > .arlo-event-details {
	float: none !important;
	clear: both !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 18px !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-info {
	float: none !important;
	display: block !important;
	flex: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-info *,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-time,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-location,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-presenters,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-notice {
	max-width: 100% !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-registration {
	float: none !important;
	flex: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: auto 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-registration a,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-registration button,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-registration .arlo-button {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 16px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--arlo-navy) !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p {
	display: block !important;
	margin: 0 !important;
	padding: 16px 18px !important;
	border: 1px solid rgba(31, 135, 229, 0.18) !important;
	border-left: 4px solid var(--arlo-blue) !important;
	border-radius: 12px !important;
	background: #fff !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount {
	display: block !important;
	margin: 0 0 7px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--arlo-blue) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount *,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount span,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount a {
	display: inline !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--arlo-blue) !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers span,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers a {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > strong,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > .amount,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > span.amount,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > strong,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > .amount,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > span.amount,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > strong,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > .amount,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > span.amount {
	display: block !important;
	margin: 9px 0 0 !important;
	padding: 9px 0 0 !important;
	border-top: 1px solid rgba(0, 4, 65, 0.1) !important;
	background: transparent !important;
	color: var(--arlo-navy) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > strong::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > .amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > span.amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > strong::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > .amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > div > span.amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > strong::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > .amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers > p > span.amount::before {
	content: "Regular price: ";
	font-weight: 800 !important;
	color: var(--arlo-navy) !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount .amount::before,
.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers .discount strong::before {
	content: none !important;
}

.arlo#arlo .arlo-sessions-section li.arlo-event .arlo-event-offers br {
	display: block !important;
	content: "" !important;
	margin: 0 0 5px !important;
}

/* Event search page
--------------------------------------------- */
.arlo#arlo.arlo-event-search-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 0;
}

.arlo#arlo.arlo-event-search-page .arlo-event-search-panel {
	display: grid !important;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 16px !important;
	align-items: end !important;
	margin: 0 0 30px !important;
	padding: 20px !important;
	border: 1px solid var(--arlo-border) !important;
	border-radius: 16px !important;
	background: var(--arlo-light-blue) !important;
}

.arlo#arlo.arlo-event-search-page .arlo-filter-region-search,
.arlo#arlo.arlo-event-search-page .arlo-search-box {
	margin: 0 !important;
	width: 100% !important;
}

.arlo#arlo.arlo-event-search-page .arlo-search-box {
	display: flex !important;
	gap: 10px !important;
	align-items: stretch !important;
}

.arlo#arlo.arlo-event-search-page .arlo-search-box input,
.arlo#arlo.arlo-event-search-page .arlo-search-box input[type="text"],
.arlo#arlo.arlo-event-search-page .arlo-search-box input[type="search"] {
	flex: 1 1 auto !important;
	width: 100% !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	border: 1px solid rgba(0, 4, 65, 0.18) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--arlo-navy) !important;
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 15px !important;
}

.arlo#arlo.arlo-event-search-page .arlo-search-box .arlo-button,
.arlo#arlo.arlo-event-search-page .arlo-search-box button,
.arlo#arlo.arlo-event-search-page .arlo-search-button {
	flex: 0 0 auto !important;
	min-width: 120px !important;
	margin: 0 !important;
}

.arlo#arlo.arlo-event-search-page ul.arlo-list.event-search {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.arlo#arlo.arlo-event-search-page .arlo-search-result-card {
	display: grid !important;
	grid-template-columns: 180px minmax(0, 1fr) minmax(260px, 330px) !important;
	grid-template-areas: "thumb main sessions" !important;
	gap: 24px !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	padding: 22px !important;
	border: 1px solid var(--arlo-border) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: var(--arlo-shadow) !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail {
	grid-area: thumb !important;
	display: block !important;
	width: 100% !important;
	height: 128px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 14px !important;
	background: var(--arlo-light-blue) !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail:empty {
	display: none !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail > a,
.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail > div,
.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail > picture,
.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail > figure {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	overflow: hidden !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	object-fit: cover !important;
	object-position: center top !important;
	box-shadow: none !important;
}

.arlo#arlo.arlo-event-search-page .arlo-search-result-main {
	grid-area: main !important;
	min-width: 0 !important;
	width: 100% !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-name {
	margin: 0 0 12px !important;
	color: var(--arlo-navy) !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-template-meta-row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-advertised-duration,
.arlo#arlo.arlo-event-search-page .arlo-offers {
	margin: 0 !important;
	padding: 8px 11px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-summary {
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	color: rgba(0, 4, 65, 0.78) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-summary p {
	display: inline !important;
	margin: 0 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-next-running {
	grid-area: sessions !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid rgba(31, 135, 229, 0.18) !important;
	border-radius: 14px !important;
	background: var(--arlo-panel-blue) !important;
	font-size: 0 !important;
}

.arlo#arlo.arlo-event-search-page .arlo-next-running > p {
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--arlo-navy) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.arlo#arlo.arlo-event-search-page .arlo-next-running-list {
	display: grid !important;
	gap: 8px !important;
	width: 100% !important;
}

.arlo#arlo.arlo-event-search-page .arlo-next-running a,
.arlo#arlo.arlo-event-search-page .arlo-next-running .button.arlo-button {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	font-size: 13px !important;
}

/* Responsive rules
--------------------------------------------- */
@media (max-width: 1024px) {
	.arlo#arlo.arlo-category-grid-page ul.arlo-list.catalogue,
	.arlo#arlo .arlo-sessions-section ul.arlo-list.events,
	.arlo#arlo .arlo-sessions-section ul.arlo-list.arlo-show-more.events,
	.arlo#arlo .arlo-sessions-section ul.arlo-sessions-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.arlo#arlo.arlo-event-search-page .arlo-search-result-card {
		grid-template-columns: 160px minmax(0, 1fr) !important;
		grid-template-areas:
			"thumb main"
			"sessions sessions" !important;
	}
}

@media (max-width: 900px) {
	.arlo#arlo .arlo-template-header {
		padding: 28px;
	}

	.arlo#arlo .arlo-template-header-with-image {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	.arlo#arlo .arlo-template-thumbnail {
		justify-self: start !important;
		max-width: 100% !important;
		min-height: 200px;
	}

	.arlo#arlo .arlo-template-thumbnail a,
	.arlo#arlo .arlo-template-thumbnail div,
	.arlo#arlo .arlo-template-thumbnail picture,
	.arlo#arlo .arlo-template-thumbnail figure,
	.arlo#arlo .arlo-template-thumbnail img {
		max-width: 100% !important;
	}

	.arlo#arlo .arlo-template-title {
		font-size: 36px;
	}
}

@media (max-width: 860px) {
	.arlo#arlo.arlo-schedule-page .arlo-schedule-event {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"event"
			"sessions" !important;
		gap: 14px !important;
		padding: 22px 0 !important;
	}

	.arlo#arlo.arlo-schedule-page .arlo-next-running p {
		text-align: left !important;
	}
}

@media (max-width: 760px) {
	.arlo#arlo {
		padding: 16px 0;
	}

	.arlo#arlo .arlo-event-search-panel,
	.arlo#arlo.arlo-event-search-page .arlo-event-search-panel {
		grid-template-columns: 1fr !important;
	}

	.arlo#arlo .arlo-schedule-controls {
		display: block !important;
		padding: 18px !important;
	}

	.arlo#arlo .arlo-catalogue-filters,
	.arlo#arlo .arlo-filters,
	.arlo#arlo .arlo-filter,
	.arlo#arlo .arlo-filter-select,
	.arlo#arlo .arlo-catalogue-filters > div {
		display: block !important;
	}

	.arlo#arlo select,
	.arlo#arlo .arlo-catalogue-filters select,
	.arlo#arlo .arlo-filters select,
	.arlo#arlo .arlo-filter select,
	.arlo#arlo .arlo-template-region-selector select,
	.arlo#arlo .arlo-region-selector select,
	.arlo#arlo .arlo-catalogue-filters a,
	.arlo#arlo .arlo-filters a,
	.arlo#arlo .arlo-filters .arlo-filter-button {
		width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}

	.arlo#arlo .arlo-search-wrap,
	.arlo#arlo .arlo-search-box,
	.arlo#arlo.arlo-event-search-page .arlo-search-box {
		flex-direction: column !important;
	}

	.arlo#arlo .arlo-list.catalogue .arlo-catalogue-event,
	.arlo#arlo .arlo-catalogue-event,
	.arlo#arlo .arlo-event-card {
		grid-template-columns: 1fr;
		grid-template-areas:
			"title"
			"details"
			"sessions";
		gap: 18px;
		padding: 22px;
		border-radius: 14px;
	}

	.arlo#arlo .arlo-event-card__content {
		grid-column: auto;
		grid-row: auto;
	}

	.arlo#arlo .arlo-template-name,
	.arlo#arlo .arlo-event-card__title {
		font-size: 20px;
	}

	.arlo#arlo .arlo-group-divider h2 {
		font-size: 21px;
	}

	.arlo#arlo .arlo-next-running p,
	.arlo#arlo .arlo-list.catalogue .arlo-next-running p {
		text-align: left;
	}

	.arlo#arlo .arlo-template-header {
		padding: 22px;
		border-radius: 14px;
	}

	.arlo#arlo .arlo-template-title {
		font-size: 31px;
		line-height: 1.1;
	}

	.arlo#arlo .arlo-event-template-summary {
		font-size: 16px;
		line-height: 1.5;
	}

	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-card-header {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-header-main {
		grid-column: 1 !important;
	}

	.arlo#arlo.arlo-upcoming-page li.arlo-upcoming-card,
	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-event {
		padding: 22px !important;
	}

	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration a,
	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration button,
	.arlo#arlo.arlo-upcoming-page .arlo-upcoming-registration .arlo-button,
	.arlo#arlo.arlo-upcoming-page .arlo-event-registration > a {
		width: 100% !important;
	}
}

@media (max-width: 700px) {
	.arlo#arlo.arlo-category-grid-page ul.arlo-list.catalogue,
	.arlo#arlo .arlo-sessions-section ul.arlo-list.events,
	.arlo#arlo .arlo-sessions-section ul.arlo-list.arlo-show-more.events,
	.arlo#arlo .arlo-sessions-section ul.arlo-sessions-list {
		grid-template-columns: 1fr !important;
	}

	.arlo#arlo.arlo-category-grid-page .arlo-template-thumbnail img {
		height: auto !important;
		max-height: none !important;
	}

	.arlo#arlo.arlo-event-search-page .arlo-search-box .arlo-button,
	.arlo#arlo.arlo-event-search-page .arlo-search-box button,
	.arlo#arlo.arlo-event-search-page .arlo-search-button {
		width: 100% !important;
	}

	.arlo#arlo.arlo-event-search-page .arlo-search-result-card {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"thumb"
			"main"
			"sessions" !important;
		padding: 20px !important;
	}

	.arlo#arlo.arlo-event-search-page .arlo-template-thumbnail {
		height: 140px !important;
	}
}