/* ARLO CSS VARIABLES --------------------------------- */
.arlo {
	--primary-theme-color: #00695f; /* Primary color of the theme - Used in primary button */
	--primary-theme-color-light: #00897b;
	--primary-theme-color-hover: #757575; /* Primary hover color */
	--primary-light-text-color: #ffffff; /* Text color on the --primary-theme-color */
	--primary-text-color: #263338; /* Global text color */
	--primary-light-bg-color: #f2f4f5;
	--primary-blank-bg-color: #FFFFFF;
	--primary-card-shadow-color: none;

	--secondary-background-color: #ecf0f5; /* Secondary theme color: Used in secondary button */
	--secondary-background-color-hover: #00695f; /* Hover color */
	--secondary-background-text-color: #00695f; /* Text color above the secondary background color */

	--arlo-discount-bg-color: #fb8c00; /* Discount info box background color */
	--arlo-card-background-color: #f6f8fa;
	--arlo-body-fontsize: 1rem;

	--arlo-container-max-width: 1360px;
	--arlo-container-padding: 40px;
	--arlo-container-padding-sm: 30px;
	--arlo-container-padding-xs: 15px;
}

/* RESETS --------------------------------- */
.arlo .uk-container,
.arlo .arlo-desktop .arlo-wrapper,
.arlo .arlo-desktop .arlo-event-basic .arlo-event-basic-info,
.arlo .arlo-desktop .arlo-event-basic.noimage .arlo-event-basic-info {
	max-width: var(--arlo-container-max-width);
	width: auto;
}
.arlo .arlo-desktop .arlo-event-basic.noimage {
	display: block;
}
.arlo .arlo-desktop .arlo-wrapper {
	color: var(--primary-text-color);
}
.arlo .arlo-mobile .arlo-wrapper {
	padding: 0;
}
.arlo .arlo-desktop .arlo-wrapper * {
	font-family: inherit;
}
.arlo .arlo-desktop select {
	border-radius: 30px;
}
.arlo .arlo-desktop .arlo-events-item,
.arlo .arlo-desktop .arlo-event-list-items-item-bg {
	justify-content: flex-start;
	transition: .1s ease-in-out;
	transition-property: color, background-color, background-size, border-color, box-shadow;
	background-position: 50% 100%;
	background-size: 0 0;
	background-repeat: no-repeat;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0.165, 0.85, 0.45, 1);
}
.arlo .arlo-desktop .arlo-events-item:hover,
.arlo .arlo-desktop .arlo-event-list-items-item-bg:hover {
	background-color: transparent;
	background-image: radial-gradient(farthest-side at 50% 100%, #f6f8fa calc(100% - 1px), rgba(246, 248, 250, 0) 100%);
	background-size: 150% 150%;
}
.arlo .arlo-desktop .arlo-button,
.arlo .arlo-desktop .arlo-events-item > a.arlo-register,
.arlo .arlo-desktop .arlo-button.outline-reverse {
	background-position: 50% 100%;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0.165, 0.85, 0.45, 1);
	background-size: 0;
	background-image: radial-gradient(circle at 50% 100%, var(--primary-theme-color-hover) 1%, transparent 1%);
	border-radius: 40px;
	height: auto;
	letter-spacing: 1px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
	background-origin: border-box;
}
.arlo .arlo-desktop .arlo-button:hover,
.arlo .arlo-desktop .arlo-events-item > a.arlo-register:hover,
.arlo .arlo-desktop .arlo-button.outline-reverse:hover {
	background-size: 15000%;
	color: var(--primary-light-text-color);
	text-decoration: none;
}
.arlo .arlo-desktop .arlo-button.arlo-gray {
	background-image: radial-gradient(circle at 50% 100%, var(--secondary-background-color-hover) 1%, transparent 1%);
	min-height: 48px;
}
.arlo .arlo-desktop .arlo-button.arlo-gray:hover {
	color: var(--primary-light-text-color);
}
.arlo .arlo-desktop .arlo-button.outline-reverse {
	background-image: radial-gradient(circle at 50% 100%, var(--primary-light-text-color) 1%, transparent 1%);
}
.arlo .arlo-desktop .arlo-button.outline-reverse:hover {
	color: var(--primary-theme-color);
}
.arlo .arlo-desktop a,
.arlo .arlo-desktop .arlo-events-item-main-info > div a,
.arlo .arlo-desktop .arlo-event-list-items-item-info > div a,
.arlo .arlo-desktop .arlo-event-links > div a {
	color: var(--primary-theme-color)
}
.arlo .arlo-desktop a:hover,
.arlo .arlo-desktop .arlo-events-item-main-info > div a:hover,
.arlo .arlo-desktop .arlo-event-list-items-item-info > div a:hover,
.arlo .arlo-desktop .arlo-event-links > div a:hover {
	color: var(--primary-text-color);
	text-decoration: underline;
}
.arlo .arlo-desktop select {
	background-position-x: 95%;
	min-height: 48px;
	padding: 14px 20px;
}
.arlo .arlo-mobile select {
	background-position-x: 98%;
}

/* CATALOGUE --------------------------------- */
.arlo .arlo-desktop .arlo-events {
	align-items: flex-start;
	gap: 60px;
	grid-template-columns: repeat(4, 1fr);
}
.arlo .arlo-mobile .arlo-events {
	gap: 20px;
}
.arlo .arlo-pad .arlo-events {
	grid-template-columns: repeat(2, 1fr);
}
.arlo .arlo-desktop .arlo-events-item {
	border: 0;
	padding-bottom: 20px;
}
.arlo .arlo-pad .arlo-events-item {
	width: 100%;
}
.arlo .arlo-desktop .arlo-events-item-cover {
	height: auto;
	min-height: 290px;
}
.arlo .arlo-desktop .arlo-events-item-cover-date {
	padding-bottom: 8px;
	padding-top: 8px;
}
.arlo .arlo-desktop .arlo-events-item-cover-date p {
	line-height: 18px;
}
.arlo .arlo-desktop .arlo-events-item-main {
	font-size: var(--arlo-body-fontsize);
}
.arlo .arlo-desktop .arlo-events-item-main > h3 {
	font-size: 24px;
	line-height: 1.3em;
	text-transform: uppercase;
}
.arlo .arlo-desktop .arlo-events-item-main > h3 a {
	color: var(--primary-theme-color);
	display: block;
}
.arlo .arlo-desktop .arlo-events-item-main > h3 a:hover {
	color: var(--primary-text-color);
	text-decoration: underline;
}
.arlo .arlo-desktop .arlo-events-item > a.arlo-register {
	align-self: flex-start;
	margin-left: 20px;
	margin-right: 20px;
}

/* COURSE TEMPLATE --------------------------------- */
.arlo .arlo-pad .arlo-event-basic-cover {
	overflow: hidden;
}
.arlo .arlo-mobile .arlo-event-basic .arlo-event-basic-info,
.arlo .arlo-desktop .arlo-event-basic.noimage .arlo-event-basic-info,
.arlo.arlo_event-template-default .arlo-desktop .arlo-wrapper.arlo-event-content {
	padding-left: var(--arlo-container-padding-xs);
	padding-right: var(--arlo-container-padding-xs);
}
.arlo .arlo-desktop .arlo-event-basic {
	justify-content: center;
}
.arlo .arlo-pad .arlo-event-basic-info {
	margin: 0;
}
.arlo .arlo-mobile .arlo-event-basic-info > div {
	padding-left: 0;
	padding-right: 0;
}
.arlo.arlo_event-template-default .tm-main .uk-container {
	padding: 0;
	max-width: 100%;
}
.arlo.arlo_event-template-default .uk-article-title {
	display: none;
}
.arlo.arlo.arlo_event-template-default *+.uk-margin-medium {
	margin-top: 0 !important;
}
@media (min-width: 640px) {
	.arlo .arlo-pad .arlo-event-basic .arlo-event-basic-info,
	.arlo .arlo-desktop .arlo-event-basic.noimage .arlo-event-basic-info,
	.arlo.arlo_event-template-default .arlo-desktop .arlo-wrapper.arlo-event-content {
		padding-left: var(--arlo-container-padding-sm);
		padding-right: var(--arlo-container-padding-sm);
	}
}
@media (min-width: 960px) {
	.arlo.arlo_event-template-default .tm-main {
		padding-top: 0;
	}
	.arlo .arlo-pad .arlo-event-basic .arlo-event-basic-info,
	.arlo .arlo-desktop .arlo-event-basic.noimage .arlo-event-basic-info,
	.arlo.arlo_event-template-default .arlo-desktop .arlo-wrapper.arlo-event-content {
		padding-left: var(--arlo-container-padding);
		padding-right: var(--arlo-container-padding);
	}
}
.arlo .arlo-desktop .arlo-event-list-items-item-bg {
	box-shadow: none;
}
.arlo .arlo-mobile .arlo-event-list-items-item {
	height: auto;
}
.arlo .arlo-desktop .arlo-event-list-items-item-time-calendar > p,
.arlo .arlo-desktop .arlo-event-list-items-item-time-detail,
.arlo .arlo-desktop .arlo-event-list-items-item-info > div {
	font-size: var(--arlo-body-fontsize);
}
.arlo .arlo-desktop .arlo-event-list-items-item-info > div > i,
.arlo .arlo-desktop .arlo-event-list-items-item-info > div > svg {
	top: 3px;
}
.arlo .arlo-desktop .arlo-event-list-items-item-info > div a:hover {
	color: var(--primary-text-color);
}
.arlo .arlo-desktop .arlo-event-links > div {
	background-color: var(--primary-light-bg-color);
	font-size: var(--arlo-body-fontsize);
}
.arlo .arlo-desktop .arlo-icon-wrapper {
	border-radius: 30px;
}
.arlo .arlo-desktop .arlo-event-list-items-item-footer .arlo-event-registration .arlo-button {
	align-self: flex-start;
	width: auto;
}
.tingle-modal-box__content * {
	font-family: inherit;
}
.tingle-modal-box__content .session-row .session-time > div {
	padding: 0.125rem 0;
}