body{font-family:	'ff-tisa-sans-web-pro', 'Open Sans', Helvetica, sans-serif;font-style:	normal; padding: 0; margin: 0;}

/* MENU */
.gamenu-wrapper {height: auto;width: calc(100% - 60px);margin: 0 auto;padding: 10px 30px;overflow: hidden;background: #68b42d;grid-template-columns: repeat(7, minmax(0px, 1fr));display: grid;grid-gap: 10px;}
.ga5-mnu-day {padding: 20px;text-align: center;border: 4px solid #89c24e;border-radius: 20px;color: white; background-color: #68b42d;}
.ga5-mnu-item-day, .ga5-mnu-item-month {font-size: 1.3rem;line-height: 1.5rem;}
.ga5-mnu-item-daynum {font-size: 1.8rem;font-weight: bold;}
.ga5-mnu-day-selected {background: #1f1f1f;color: #ffffff;border-color: #46920b;}
.ga5-mnu-day:hover,
.ga5-mnu-day:focus,
.ga5-mnu-day:focus-visible {
  animation: ripple 1.5s linear infinite;
  transition: all 0.7s ease;
  cursor: pointer;
  outline: none; /* optional, but see note below */
}

/*DATA */
.ga5-day-selected {

}
.ga5-day-hidden {
  display: none;
}

.ga5-class-wrapper {padding: 10px 30px;height: auto;width: calc(100% - 60px);margin: 0 auto;overflow: hidden;display: grid; grid-gap: 10px;}
.ga5-actname, .ga5-time, .ga5-room {width: 100%; display: block;}
.ga5-actname {font-size: 1.2rem;font-weight: bold;line-height: 1.4rem;margin-bottom: 10px;}
.ga5-time, .ga5-room {font-size: 1.1rem;line-height: 1.2rem;}
.ga5-time {font-weight:bold;color: #68b42d;font-size: 1.1rem;}
.ga5-room {color: #383838;}
.ga5-class {padding: 5px 0 15px 0px;border-bottom: 3px dotted #68b42d;overflow: hidden;}
.ga5-outer h2 {background: #1f1f1f;margin: 0;padding: 10px 30px;text-align: center;color: white;font-size: 1.6rem;}
.ga5-class i {
font-size: 1.2rem;
  padding: 4px 4px 0 0;
}
/*Animation*/
@keyframes ripple {
    0%   {box-shadow: 0 0 0 0 rgba(255,255,255, 0.3),0 0 0 1px rgba(255,255,255, 0.3),0 0 0 3px rgba(255,255,255, 0.3),0 0 0 5px rgba(255,255,255, 0.3);    }
    100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0.3),0 0 0 4px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0), 0 0 0 30px rgba(255,255,255, 0);}
}

 /* Breakpoints for mobile, tablet, and desktop */
@media (min-width: 1200px) {/* Large Desktop styles */
	.ga5-class-wrapper {grid-template-columns: repeat(5, minmax(0px, 1fr));}
}
 
 @media (min-width: 992px) and (max-width: 1199px) {/* Desktop styles */
	.ga5-class-wrapper {grid-template-columns: repeat(4, minmax(0px, 1fr));}
	.ga5-mnu-day {padding: 10px;}
	.ga5-mnu-item-day, .ga5-mnu-item-month {font-size: 1.2rem;line-height: 1.2rem;}
	.ga5-mnu-item-daynum {font-size: 1.4rem;}
}
 
 @media (min-width: 768px) and (max-width: 991px) {/* Tablet styles */
	.ga5-class-wrapper {grid-template-columns: repeat(3, minmax(0px, 1fr));padding: 10px 10px;width: calc(100% - 20px);grid-gap: 5px;}
	.ga5-mnu-item-day, .ga5-mnu-item-month {font-size: 1.2rem;line-height: 1.2rem;}
	.ga5-mnu-item-daynum {font-size: 1.4rem;}
}

 @media (min-width: 576px) and (max-width: 767px) {/* Mobile styles */
	.gamenu-wrapper {grid-template-columns: repeat(1, minmax(0px, 1fr));}
	.ga5-mnu-day {padding: 5px 20px;}
	.ga5-mnu-item-day, .ga5-mnu-item-month {width: calc(50% - 84px);font-size: 1.4rem;display: inline-block;}
	.ga5-mnu-item-day {text-align: right;}
	.ga5-mnu-item-month {text-align: left;}
	.ga5-mnu-item-daynum {font-size: 1.4rem;display: inline-block;width: 42px;text-align: center;}
	.ga5-class-wrapper {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
 
@media (max-width: 575px) {/* Small Device styles */
	.gamenu-wrapper {grid-template-columns: repeat(1, minmax(0px, 1fr));}
	.ga5-mnu-day {padding: 5px;}
	.ga5-mnu-item-day, .ga5-mnu-item-month {width: calc(50% - 30px);font-size: 1.2rem;display: inline-block;}
	.ga5-mnu-item-day {text-align: right;}
	.ga5-mnu-item-month {text-align: left;}
	.ga5-mnu-item-daynum {font-size: 1.2rem;display: inline-block;width: 42px;text-align: center;}
	.ga5-class-wrapper {grid-template-columns: repeat(1, minmax(0px, 1fr));}
}