/* CR 2024 Additions */

/* Sortable tables */
table.sortable thead { background-color:#eee; color:#666666; font-weight: bold; cursor: default;}
tr:nth-child(even) {background-color: #efefef;}

/*TILT*/
.tilt { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.tilt:hover { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}

/*grow*/
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

table.jobs  {width: 100%; border-spacing: 10px;}
td.jobs {padding:10px; text-align: left; vertical-align: top; color:#111; width: 50%;}

/*table.regular  {width: 100%; border-spacing: 10px;}
td.regular {padding:10px; text-align: left; vertical-align: top; color:#111;}*/

#degrees tr {background-color:#fff !important;}

.EJButton {border-radius: 10px; color #fff;-webkit-transition-duration: 0.1s; /* Safari */  transition-duration: 0.1s; line-height: 1.6em; }

.Blue {background-color: #124f6e;}
.Blue:hover {background-color: #5B8FA8;}
.Orange {background-color: #874817;}
.Orange:hover {background-color: #D49464;}
.Red {background-color: #8E001C;}
.Red:hover {background-color: #99001f;}
.Green {background-color: #555A2A;}
.Green:hover {background-color: #ADB17D;}

.teal-li li::marker {  color: #228478; line-height:2.5em;}


/* Cards */
.4card {border-radius: 20px; border: 1px solid #444; padding:10px; text-align:center;}
.jw-fatline {line-spacing:2em;}
.kard.kard-md {width:auto; max-width: 20rem; min-width: 15rem; overflow:hidden;}
.kard.kard-sm {width:auto; max-width: 15rem; min-width: 10rem; overflow:hidden;}

/* Sports Nav Menus Styles */

.custom-nav {
    background-color: #333;
}

.custom-nav-list {
    list-style: none;
    display: flex;
    justify-content: center;
}

.custom-nav-item {
    position: relative;  
}

.custom-nav-link {
    display: block;
    color: white;
    text-decoration: none;
    padding: 15px 20px;  
}

.custom-nav-link:hover {
    background-color: #555;
}


* 75-25 grid enforced width 
*/

.grid-75-25-enforced {
	grid-template-columns: 3fr 1fr;
}

@media only screen and (max-width: 1000px) {
	.grid-75-25-enforced {
		grid-template-columns: 3fr;
	}
}

.larger-font {font-size:1.1em, line-height:1.1em}

.floot{
	position:fixed;
	width:100px;
	height:40px;
	top:120px;
	left:40px;
	background-color:#107c6f;
	color:#FFF;
	border-radius:20px;
	text-align:center;
	padding:10px 0;
	box-shadow: 2px 2px 3px #999;
}

.my-floot{
	margin-top:22px;
}

.image-float-right {
  float: right;
  margin-right: 15px; /* Adds space to the right of the image */
  margin-bottom: 15px; /* Adds space below the image */
}

/*
* 20/20/20/20/20 grid enforced width 
*/

.grid-20-20-20-20-20-enforced {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 1200px) {
	.grid-20-20-20-20-20-enforced {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 900px) {
	.grid-20-20-20-20-20-enforced {
		grid-template-columns: 1fr 1fr;
	}
}