/*** Default text color and font ***/
body, label {
    /*
    color: ;*/
    font-family: 'Roboto', sans-serif, Arial; 
    
}

/* Target all links  */
a {
    color: #243E80;
}

    a:hover {
        color: #1C41B4;
    }
    .reports h2 {
    color: #243E80;
}    
.navigation a {
    /* color: #565D6C; */
	 color: #243E80;
}
.navigation a:hover {
    /* color: #565D6C; */
	 color: #243E80;
}
input[type=text], input[type=password] {
	/* border-color: ; */
}

/* 
    Styles for header background image.
    Adjustments will most likely be needed on mobile if using a custom header.
*/

#login #header {
	background-position:center;
	height: 0px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

#login #header .logo
{
	background-image: url(/foundation/images/black/header/mail@2x.png);
	background-image: none;
	height: 0px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
#login .icon-contact-us {

}
#content-main #top-bar {
	background-image: url(LECbannerwide.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
}

/* Footer */
#footer {
	background-color: #FFFFFF;
}

#footer::after {
	content: © 2022 Learn eCORE. All Rights Reserved.;
	color: #243E80;
	font-size: 8pt;
	float: right;
	position: fixed;
	right: 0;
	bottom: 0;
	padding-right: 5px;
}

	

/********** Top Bar *********/
#login #top-bar {
    background-color: #ffffff;
    background-image: url(LECbannerwide.png);
	margin-top: 20px;
    height: 125px;
    background-position: center;
    background-repeat: no-repeat;
}

	/*** Link properties ***/
	.top-navigation a {
		/* color: ; */
	}

	    .top-navigation a:hover {
		    color: #FFCB05;
	    }

/*** Main Navigation ***/
#main-nav {
    background-color: #243E80;

    /* Initial Nav Arrow positioning */
	padding: 10px;
	height: 45px;
}

	.main-navigation {
		
		width: 100%;
	}

    /* Link properties */
	.main-navigation a {
	
	}

	    .main-navigation a:hover {
		    color: #929AD1;
	    }

    /* Selected */
	.main-navigation .selected {
		/* background-image: url(custom/); */

        /* Nav Arrow image and vertical positioning */
		background: url(custom/NavArrow.png) no-repeat bottom center;

		padding-bottom: 22px;
	}
		
		/* Selected link properties */
		.main-navigation .selected a {
			color: #FEFF71;
		}

		    .main-navigation .selected a:hover {
			    /* color: ; */
		    }
	
    /* Remove Side Bar */
    .main-navigation > li {
		background-color: #243E80;
		margin-right: 30px;
	}

		.main-navigation > li:after {
			background-color: #243E80;
			content: "";
		}


.course-navigation {
    /* background-color: #; */
}

    .course-navigation a {
	    color: #fff;
    }

        .course-navigation a:hover {
		    color: #929AD1;
        }

    .course-navigation .selected a {
	    /* color: initial; */
		color: #FEFF71;
		color: #FEFF71;
	}

        .course-navigation .selected a:hover {
	        /* color: initial; */
        }
	
    /* Remove Side Bar */
    .course-navigation > li {
		margin-right: 30px;
	}

		.course-navigation > li:after {
			content: "";
		}

/********** Buttons *********/
/* Main Button */
.button {
	background-color: #243E80;
	border: 1px solid #243E80;
}

	.button:hover, .button:focus {
	    background-color: #662F90;
		color: #ffffff;
	}

/* Alert Button */
.button.alert {
}

	.button.alert:hover, .button.alert:focus {
		/* 
        opacity: 0.8;
	    background-color: ;
        */
	}

/* Search Buttons */
.btnSearch {
	background-color: #243E80;
}

	.btnSearch:hover, .btnSearch:focus {
		background-color: #243E80;
        opacity: 0.8;
		color: #fff;
	}

/*
.btnLogin {
	background-color: ;
}

	.btnLogin:hover, .btnLogin:focus {
		background-color: ;
        opacity: 0.8;
	}
*/


.btnCommunity {
	display: none;
}

/*
	.btnCommunity:hover, .btnCommunity:focus {
		background-color: ;
        opacity: 0.8;
	}
*/

/*
.btnCourseResult[disabled] {
	background-color: ;
}
*/

.button.view-completed, .button.view-not-completed {
	background-color: #66CC00;
	color: #006600;
}

	.button.view-completed:hover, .button.view-not-completed:hover, .button.view-completed:hover, .button.view-not-completed:hover {
		background-color: #fff;
		color: #888;
		border: 1px solid #888;
	}
.catalog .page-title .icon-chevron--right::before, .my-training .page-title .icon-chevron--right::before {
    color: #1C41B4;
	content: "Show More";
    width: 100px;
	bottom: 30px;
	transform: unset;
	border-style: unset;
}

/********** Logo *********/
.logo {
    display: none;
}

/********** Progress Bar *********/
.progress.success .progress-meter {
    /* background-color: #; */
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
#login .background {
    background-image: none;
    background-size: inherit;
}

#login-section {
    width: 100%;
}

    #login #header {
    /* background-image:url(NewHeaderLightBulbCenterSmall.png);  */
	background-image: url(NewHeaderLightBulbCenterSmall.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #243E80;
	background-size: cover;
	/* background-size: 300px; */
	padding-top: 0px;
	margin-top: -30px;
	/* height: 50px; */
    }
	
#login-section {
    background: rgba(255,255,255,0.93);
    padding: 20px 0 0;
	right: 0px; 
    top: 100px;
}

	#header {
		background-image: none;
		height: 50px;
		margin-top: 10px;
	}


}


/* Small and Medium */
@media screen and (max-width: 63.9375em) {
	
	.small-0 {
    display: block;
}

	#login #top-bar {
    height: 125px;
    background-image: url(LECmobile.png);
    background-size: contain;
	}
	
	.navigation {
    margin-top: 0px;
	}
	
    #login #header {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    }

	#header {
		background-image: none;
		height: 50px;
		margin-top: 0px;
	}
	
    #head { 
		/* display: none; */
		padding-top: 0px;
    }
    .navigation {
	overflow : visible;
	}
    .mobile-side-menu {
        background-color: #243E80;
    }
    
        .mobile-side-menu ul li {
            border-bottom-color: #fff;
        }
    
		.mobile-side-menu .selected a {
			color: #FEFF71;
		}
		

	
	/*    .course-navigation {
        padding-top 0px;
		margin-top: 70px;
		background-color: #243E80;
    } */
	
	/* .navigation-row {
		background-color: #243E80;
	}*/


	
	.paging-navigation {
		padding-bottom: 10px;
	}
	
		.paging-navigation > li > a {
			color: #fff;
		}
		
	#page-admin-home .adminmenu > li:nth-child(odd) 
	{
	   background-color: #555555;
	}


	#page-admin-home .adminmenu > li:nth-child(even)
	{
		background-color: #555555; 
	}

}

/* Large */
@media screen and (min-width: 64em) {
	#login {
		height: 100%;
		overflow: hidden;
	}
	/* Background image on login page */
	
	#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
		background-image: linear-gradient(-22.7144deg, rgba(21, 75, 159, .65), rgba(104, 201, 211, 0.75)),url(LECbulb.png);
		background-repeat: no-repeat;
		position: relative;
    /* these lines are the important bits */
    height: 0;
	padding-bottom: 56.25%;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    /* bottom: 0; */
    left: 0;
    /* right: 0; */
    z-index: 0;
    background-position: 50% 50%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
		
		}
	
	#login-section {
	background-image: url(loginshadowbox.png);
    background-color: transparent;
    background-repeat: no-repeat;
    /* margin: auto; 
	min-width: 50%;
    width: 50%;
    height: 400px;*/
   /* CB */
        height: 400px;
		width: 490px;
		position: absolute;
        top: 340px;
        left: 50%;
		padding-right: 30px;
		padding-left: 16px;
		/* 2/23/22 added top padding so the username box sits where it should */
		padding-top: 70px;
        transform: translate(-50%, -50%)
   /* padding-top: 120px;
    padding-right: 500px;
    padding-left: 23px;
	margin-top: 100px;
	margin-right: 100px;*/
}	
		
		
	/*	left: 50%;
   		top: 40%;
    	position: absolute;
   		-webkit-transform: translate3d(-50%, -50%, 0);
  		-moz-transform: translate3d(-50%, -50%, 0);
  		transform: translate3d(-50%, -50%, 0);
	*/
			#login-section input[type=text]{
			/* 2/23/22 Commented out as it pushes the other components down when an alert is displayed
			margin-top: 105px; */
			border: 0;
		}
		
		#login-section .alert {
			/* 2/23/22 added to pull alert up to top of the login section area */
			position: absolute;
			top: 20px;
			width: 414px;
		}
		
		#login-section input[type=password]{
			border: 0;
		}
	
	
	
	}
	
	
	/*#login-section{
	background-image:url(loginbox.jpg); 
	background-attachment:fixed;
		
	}
	*/
	
		
	
		#login-section a {
			color: #243E80;
			font-weight: bold;
			font-size: 18px;		
		}
		#login-section a:hover {
			color: #243E80;
			font-weight: bold;
		
		}
		
		#login-section label {
			color:#2B2B2B;
		}
		
		#login-section .btnLogin {
			color: #fff;
			border-radius: 13px;
	
		}
		
			#login-section .btnLogin:hover {
				color: #fff;
				background-color:#662F90;
				border-color: #662F90;
				border-radius: 13px;
			}

		
			/************Menu****************/
	#page-admin-home .adminmenu > li:nth-child(6n+4), 
	#page-admin-home .adminmenu > li:nth-child(6n+5), 
	#page-admin-home .adminmenu > li:nth-child(6n+6) 
	{
		background-color: #243E80; 
	}
	
	#page-admin-home .adminmenu > li:nth-child(6n+1), 
	#page-admin-home .adminmenu > li:nth-child(6n+2),
	#page-admin-home .adminmenu > li:nth-child(6n+3) 
	{
		background-color: #243E80; 
	}


	
}