body{
	
}
h1,h2,h3{
	
}
div, p, ul, ol, li, table, tr, td, a, span, input, label, textarea{
	color:#000;
}
h1, h2, h3, h4, .academy-part-title{
	font-weight: 700;
}

a{
	color: #781d7e;
}

p,ul,ol{
	line-height:20px;
}

#portal-default-header{
	background-image: url(https://nka.contento.se/Content/ClientSettings/64/nka_default1.jpg);
}
#headerw-fallback{
	background-image: url(https://nka.contento.se/Content/ClientSettings/64/nka_default1.jpg);!important;
}

#headerw {
    height: 30vw;
    max-height: 300px;
    border:none;
}

#list-logo{
	margin-top:5px;
	width: 140px;
	height: 35px;
    background-size: contain;
    background-position: center 35%;
    background-repeat: no-repeat;
	background-image:url('https://nka.contento.se/Content/ClientSettings/64/logo_nka.png');
}

#list-logo-separator{
	width: 20px;
}

#academy-overview-header {
    border-bottom: 0px;
}

#footer{
	border:none;
	background-color:#781d7e;
	color:#fff;
}

#footer a,#footer p{
	color:#fff;
}

#footer img{
	width: 154px;
	height:auto;
	margin: 0;
}

.academy-sub-page-holder label{
	color:#fff;
}

#myPortalGrid{
	/* 1=random, 2=two fixed, 3=three fixed */
	column-count:3;
}

.academy-grid-item-content:hover{
	border-color: #781d7e;
}

.academy-list-course-block:hover{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #cffce1;
}

.academy-small-button-active{
	border-color:#781d7e;
}

.academy-part{
	border-bottom: none;
}

.academy-contextual-header .academy-part-title{
	color:#fff!important;
}

.academy-sub-program-header h1{
	color:#333!important;
}

.course-activity-button:hover{
	background-color: #781d7e;
	border-color:#781d7e;
}

.course-activity-button-white:hover{
	border: 4px solid #781d7e;
}

#login input{
	background-color: #fff;
	color:#000;
	font-size: 20px;
	padding:20px;
	border: 1px solid #555;
}
#login input[type=button]{
	background-color: #781d7e;
	color:#fff;
	font-size: 15px;
	padding:6px 20px;
	border: none;
}

#overlayplayerw {
    background-color: rgba(255,255,255,1);
}

#academy-overlay-player-holder{
	overflow-y: hidden;
}

.academy-menu-button a{
	transition: all 0.35s;
}
.academy-menu-button a:hover{
	fill:#781d7e;
	color:#781d7e;
}
.multi-purpose-tile {
    vertical-align: top;
}

.multi-purpose-tile p{
	font-size: 15px!important;
    line-height: 16px!important;
}

@media (min-width: 320px) and (max-width: 767px) {
	#list-logo{
		    width: 90px;
    		height: 30px;
    		top: 12px;
	}
	.academy-grid-title-holder h1{
		font-size:18px!important;
		line-height: 20px!important;
	}
	#footer{
		padding: 10% 1%;
	}
}