/*
Created on 2025-04-27
Version
	2025-04-27
	2025-05-05 - breadcrumbs, recent post img border radius
	2026-04-14 - Off-canvas trigger button display handling
 */

.ojmi-no-select{
	user-select: none;
	pointer-events: none;
	-webkit-touch-callout: none;
}

/* Hidden buttons ----------------------------------------------------------------- */
#ojmiProductNotAvailable, #ojmiSelectOption{
	display: none!important;
}

/* post card images in the recent post section on blog post ----------------------- */
.ojmi-blog-recent-posts img{
	border-radius: 10px!important;
}

/* breadcrumbs ------------------------------------------------------------------- */
#ojmi-breadcrumbs {
	line-height: 1.1;
}
#ojmi-breadcrumbs a:link, a:visited {
	color: #198FD9;
}
#ojmi-breadcrumbs a:hover {
	color: red;
}

/* footer menu ------------------------------------------------------------------- */
.ojmi-menu-footer li{
	margin-top: 4px;
	margin-bottom: 4px;
}

.home-h1-animation {
	animation: 15s ease 1s infinite normal none running animatecolor;
	user-select: none;
}

@keyframes animatecolor {
	0% {color: aqua!important;text-shadow:none;}
	5% {color: white!important; text-shadow: 1px 1px 16px white;}
	25% {color: orange!important;text-shadow:none;}
	30% {color: white!important;text-shadow: 1px 1px 16px white;}
	50% {color: lime!important;text-shadow:none;}
	55% {color: white!important;text-shadow: 1px 1px 16px white;}
	75% {color: hotpink!important;text-shadow:none;}
	80% {color: white!important;text-shadow: 1px 1px 16px white;}
	100% {color: aqua!important;text-shadow:none;}
}
@keyframes animateshadow {
	0% {box-shadow: 0px 18px 48px aqua;}
	5% {box-shadow: 0px 18px 48px white;}
	25% {box-shadow: 0px 18px 48px orange;}
	30% {box-shadow: 0px 18px 48px white;}
	50% {box-shadow: 0px 18px 48px lime;}
	55% {box-shadow: 0px 18px 48px white;}
	75% {box-shadow: 0px 18px 48px hotpink;}
	80% {box-shadow: 0px 18px 48px white;}
	100% {box-shadow: 0px 18px 48px aqua;}
}