/*************************************************************JACKRABBIT****************************************************************/
/*table font and border*/
.jr-container table {
	font-size:17px;
	font-family:helvetica, sans-serif;
	border:none;
	padding:0!important;
}

/*style button link*/
.jr-container td a {
	padding:18px 30px!important;
	margin:20px 0 35px!important;
	display:inline-block!important;;
	background:#2CB5BC;
	border-radius:6px;
	color:white;
	font-size:20px;
}

/*style class titles*/
.jr-container th {
	font-size:25px;
	font-family:arial, sans-serif;
	font-weight:bold!important;
	color:#ac2d6b!important;
	padding-left:0!important;
}

/*row styling*/
.jr-container tr {
	/*box-shadow: rgba(0,0,0,0.3) 0 8px 20px;
	padding:15px 25px 12px 25px;
	border:0;*/
	margin-bottom:35px!important;
	background:white!important;
	border-bottom:3px dotted #4b4ea1!important;
	border-top:0!important;
	border-left:0!important;
	border-right:0!important;
}

/* Hide table headers (but not display: none for accessibility) */
.jr-container thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
}

/*~ v ~ v ~ v ~ READD THIS IN FALL 2024 ~ v ~ v ~ v ~*/
/*Add 'per month' after the tuition price on the classes page only
.page-id-24 .jr-container td[data-title~="Tuition"]::after {
	content:'per month'
}*/

/******JACKRABBIT DESKTOP*********/

@media screen and (min-width:768px) {
	
	 /*style the label width & alignment*/
	.jr-container td:nth-child(3),
	.jr-container td:nth-child(4),
	.jr-container td:nth-child(5),
	.jr-container td:nth-child(6),
	.jr-container td:nth-child(7),
	.jr-container td:nth-child(8),
	.jr-container td:nth-child(9) {
			text-align:left!important;
			width:12%!important;
			/*border:1px solid #d7d7d7;*/
			vertical-align: top!important;
	}


	/*display block for all rows (each class is its own row),
	 the description cell and register cell*/
	.jr-container tr, 
	.jr-container tr td:nth-child(2),
	.jr-container tr td:nth-child(10){
			display: block !important;
			clear: both!important;
	}
	.jr-container tr, 
	.jr-container tr td {
			clear: both!important;
			padding-left:0!important;
	}

	/*remove padding from description and register cell*/
	.jr-container tr td:nth-child(2),
	.jr-container tr td:nth-child(10) {
			padding:0 0 15px 0;
	}
	
	/*align the button link left*/
	.jr-container td:nth-child(10) {
			text-align:left!important;
	}


	/*~ v ~ v ~ v ~ UNCOMMENT TUITION FALL 2024 ~ v ~ v ~ v ~*/
	/*Label the data and style the labels*/
	.jr-container td[data-title~="Days"]:before,
	.jr-container td[data-title~="Times"]:before,
	.jr-container td[data-title~="Ages"]:before,
	.jr-container td[data-title~="Openings"]:before,
	.jr-container td[data-title~="Class"]:before
	/*, .jr-container [data-title~="Tuition"]:before*/ { 
			content: attr(data-title)':'!important;
			font-size:17px!important;
			font-family:helvetica, sans-serif!important;
			color:black!important;
			font-weight:bold;
			display:block!important;
			float:none!important;
			margin: -5px -8px 3px -8px;
			padding: 3px 8px 0 8px;
	}
	
	/*~ v ~ v ~ v ~ COMMENT OUT FALL 2024 ~ v ~ v ~ v ~*/
	.jr-container [data-title~="Tuition"]:before {
			content: 'Cost:'!important;
			font-size:17px!important;
			font-family:helvetica, sans-serif!important;
			color:black!important;
			font-weight:bold;
			display:block!important;
			float:none!important;
			margin: -5px -8px 3px -8px;
			padding: 3px 8px 0 8px;
		}

}

/******JACKRABBIT MOBILE*********/
@media screen and (max-width:767px) {
	/* Force table into list format */
	.jr-container th, 
	.jr-container td { 
			display: block!important; 
			text-align:left!important;
			padding-left:0!important;
			padding-right:0!important;
	}
 	
	/*~ v ~ v ~ v ~ UNCOMMENT TUITION FALL 2024 ~ v ~ v ~ v ~*/
	/*Label the data and style the labels*/
	.jr-container td[data-title~="Days"]:before,
	.jr-container td[data-title~="Times"]:before,
	.jr-container td[data-title~="Ages"]:before,
	.jr-container td[data-title~="Openings"]:before,
	.jr-container td[data-title~="Class"]:before
	/*, .jr-container [data-title~="Tuition"]:before*/ { 
			content: attr(data-title)':'!important;
			font-size:17px!important;
			font-family:arial, sans-serif!important;
			color:black!important;
			font-weight:bold;
			margin-right:5px;
	}
	/*~ v ~ v ~ v ~ COMMENT OUT FALL 2024 ~ v ~ v ~ v ~*/
	.jr-container [data-title~="Tuition"]:before {
			content: 'Cost:'!important;
			font-size:17px!important;
			font-family:helvetica, sans-serif!important;
			color:black!important;
			font-weight:bold;
			margin-right:5px;
	}

	/*hide the description label on mobile*/
	.jr-container td[data-title~="Description"]:before {
			display:none!important;
	}
	
}



/**************************HEADER****************************************/
/*removes underline from clicked navigation links*/
#menu-main-menu a, a:hover, a:active, a:visited, a:focus, a:focus-within{
	text-decoration:none!important;
}

/*makes the main navigation submenu fit the items, no line break*/
#menu-main-menu ul ul, 
.sub-menu a {
    width: auto;
    white-space: nowrap;
}

/*transform the hamburger to an 'x' when the mobile toggle is clicked*/
.fl-hamburger-menu-top, .fl-hamburger-menu-middle, .fl-hamburger-menu-bottom {
  transition: all 0.35s linear;
  transform: rotate(0deg);
  transform-origin: 5% 50%;
}

.fl-menu-mobile-toggle.fl-active .fl-hamburger-menu-top {
  transform: rotate(45deg);
	width:90%;
}
.fl-menu-mobile-toggle.fl-active .fl-hamburger-menu-bottom {
  transform: rotate(-45deg);
	width:90%;
}
.fl-menu-mobile-toggle.fl-active .fl-hamburger-menu-middle {
  width: 0;
  opacity: 0;
}

/*hide top bar menu items on desktops*/
@media screen and (min-width:992px) {
	header .hide-on-desktop a {
		display:none!important;
	}
}

/*reduces padding on header bars and menu items on smaller desktops*/
@media screen and (min-width:1550px) and (max-width:1720px)  {
	.header-bar .menu li > a {
		padding:25px 19px!important;
	}
	.header-bar .menu li .fl-has-submenu-container > a {
		padding:25px 44px 25px 19px!important;
	}
  .top-bar .fl-row-content-wrap,
	.header-bar .fl-row-content-wrap {
		padding-left:20px!important;
		padding-right:20px!important;
	}
}
@media screen and (min-width:1310px) and (max-width:1549px) {
	.top-bar .fl-row-content-wrap, .header-bar .fl-row-content-wrap{
		padding-left:0!important;
		padding-right:0!important;
	}
	.header-bar .menu li a {
		padding:25px 15px;
	}
}
@media screen and (min-width:1080px) and (max-width:1309px) {
	.header-bar .menu li a {
		padding:25px 12px!important;
	}
	.fl-menu-toggle {
		display:none;
	}
}
@media screen and (max-width:1080px) {
	.header-bar .menu li a {
		padding-top:18px;
		padding-bottom:18px;
	}
	.fl-toggle-arrows .fl-menu-toggle:before {
		border-color:white!important;
	}
	.fl-has-submenu-container > a {
		padding-left:44px!important;
	}
}


/*mobile toggle*/
.fl-menu-mobile-toggle {
	padding:25px!important;
}

/*style background and link color on mobile menu*/
.fl-menu-mobile-clone .fl-module-content {
	background:#4b4ea1;
	margin-left:0;
}

.fl-menu-mobile-clone .menu a {
	color:white!important;
	text-align:center;
}

/*mobile menu spacing*/
.fl-menu-mobile-clone .fl-module-content {
	padding-top:20px;
	padding-bottom:20px;
}