/*
 Put your custom overlay styles in here
 You can use your northpass color palette in this file

{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

body {
	height: 100%; 
	margin: 0;
	background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png'); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.np-main {
	background: transparent;
}


.np-sub-navigation {
	margin-bottom: 0;
}

.np-homepage-featured .np-homepage-headline {
	color: #ffffff;
}

/* LOGIN PAGE  */
.np-box .np-form-link {
	color:#211579;
}

/* FOOTER DETAILS */
.np-footer-support-item {
	color: #ffffff;
}

.np-button-color {
	color: #FFFFFF;
}

.np-button-color:hover {
	color: #59D7C9;
	transition: color .5s ease, background .5s ease, border .5s;
}


/* links for Home, Dashboard, etc. */
.np-sub-navigation-content{
	color: #ffffff
}

/* Dashboard page all text*/
.np-dashboard-resources-title {
	color: #FFFFFF;
}

/* Catalog page all text*/
.np-footer-logo-image {
	filter: none;
	opacity: 1;
	height: 50px;
	width: 100%;
}

.np-button-background-color {
	background: #211579;
	color: #FFFFFF;
}


.np-button {
	color: #FFFFFF;
	background: #307fe2;
	text-transform: uppercase;
	font-family: Jost,sans-serif;
}

.np-button:hover {
	background: #59D7C9;
	transition: color .5s ease, background .5s ease, border .5s;
	border: 1px solid #59D7C9;
	color: #211579;
}  



.dropdown-button {
	color: #FFFFFF !important;
	background: #307fe2 !important;
}


.dropdown-button:hover {
	color: #211579 !important;
	background: #59D7C9 !important;
}

.dropdown-button-apply {
	color: #FFFFFF !important;
	background: #307fe2 !important;
}


.dropdown-button-apply:hover {
	color: #211579 !important;
	background: #59D7C9 !important;
}




.np-card-content-progress,
.np-course-version-outdated-popup-trigger,
.np-card-content-progress .np-button-color{
	color: #211579;
	
}

.np-card-content-progress:hover {
	color: #211579;	
}



.np-popup-body-button,
.np-learning-paths, {
	background-image: linear-gradient(#01061D, #030E43);
}

.np-popup-body-button:hover {
	background: #59D7C9;
	color: #211579;
	transition: color .5s ease, background .5s ease, border .5s;

}

.np-resource-header {
	border: 2px solid #e5e9eb;
}

/* Course progress -course_outline */


/* Newly Updated Styles based on Nitin's Designs */
@media (min-width: 768px){
	.np-alert-global{
		padding-top: 90px !important;
	}

	.np-box-header-logo{
		height: 85px;
	}

	.np-homepage .np-card{
		padding: 0;
	}

	.np-catalog{
		padding-top: 150px;
	}

	.np-dashboard,
	.np-training-events{
		padding-top: 155px;
	}

	.np-dashboard-resources-container{
		border: 2px solid #211579;  
	}

	.np-course-outline-content-activity-icon {
		color: #59D7C9;
	}
	
	.np-resource-title,
	.np-resource-subtitle,
	.np-zero-state-text {
		color: #211579;
	}
	
	.np-learning-path .np-learning-path-image{
		border-radius: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	.np-card-text-wrapper{
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.np-dashboard-resources-title,
	.np-card-header-type,
	.np-card-header-icon,
	.np-learning-path-items,
	.np-learning-path-items .np-button-color,
	.np-learning-path-items .np-learning-path-items-count,
	.np-card-content-title{
		color: #211579;
	}
	
	.np-card-container,
	.np-card-stack-level-1,
	.np-card-stack-level-2{
		background: #FFFFFF;
		border: 2px solid #211579;
	}

	.np-learning-path-outline-item{
		border: 2px solid #e5e9eb;
	}

	.np-homepage .np-learning-path .np-card-content{
		border: none;
	}

	.np-footer,
	.np-powered-by {
		background: #01061D !important;
	}
}