/* 
 * Verj Theme (Light, blues and greys)
 * 
 * 		The primary colours invloved in this theme are defined as accents further down
 * 
 */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CRaleway';

body{
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	background: #FFFFFF;
	color: #282828;
	stroke: #282828;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .headerFont{
	font-family: "Raleway", sans-serif;
	font-weight: normal;
}

/* default background image for title banners, could be overridden on the page */
.title-banner{
	background-image: url(../Images/library.png);
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.error-field{
	border-color: #FF0000 !important;
}

path{
	stroke: inherit;
}






/*********
 * Fills *
 *********/
/* accent 1 */
.accent-1-fill,
/* menu highlighting */
#nav ul > li.active,
#nav ul > li:not(.active):before{
	background-color: #3399ff;
	color: #ffffff;
}

	/* lighten */
	.accent-1-fill.lighten-fill-1{
		background-color: #44bbff;
	}
	
	/* darken */
	.accent-1-fill.darken-fill-1{
		background-color: #2b83fa;
	}
	
	/* darken again */
	.accent-1-fill.darken-fill-2{
		background-color: #0f435e;
	}

/* accent 2 */
.accent-2-fill{
	background-color: #EE5555;
	color: #ffffff;
}

	/* lighten */
	.accent-2-fill.lighten-fill-1{
		background-color: #ff7777;
	}
	
	/* darken */
	.accent-2-fill.darken-fill-1{
		background-color: #993333;
	}
	
	/* darken again */
	.accent-2-fill.darken-fill-2{
		background-color: #551111;
	}

/* reverse colour */
.reverse-1-fill{
	background-color: #333333;
	color: #ffffff;
}

	/* lighten */
	.reverse-1-fill.lighten-fill-1{
		background-color: #999999;
	}

	/* lighten again */
	.reverse-1-fill.lighten-fill-2{
		background-color: #CCCCCC;
		color: inherit;
	}

	/* lighten again */
	.reverse-1-fill.lighten-fill-3{
		background-color: #EEEEEE;
		color: inherit;
	}

	/* lighten again */
	.reverse-1-fill.lighten-fill-4{
		background-color: #FAFAFA;
		color: inherit;
	}
	
	/* darken */
	.reverse-1-fill.darken-fill-1{
		background-color: #282828;
	}
	
	/* darken again / accent 2 */
	.reverse-1-fill.darken-fill-2{
		background-color: #191919;
	}


/* black */
.darken-fill-inf{
	background-color: #000000;
	color: #ffffff;
}

/* white */
.lighten-fill-inf{
	background-color: #ffffff;
	color: #282828
}

/**********/


/*********
 * Texts *
 *********/
/* accent 1 */
.accent-1-text,
#nav ul[class*=SubLevel] > li:hover,
#nav ul[class*=SubLevel] > li.active{
	color: #3399ff;
}

	/* lighten */
	.accent-1-text.lighten-text-1, a,
	/* links inside dark containers */
	.reverse-1-fill:not([class*=lighten-fill]) a, [class*=darken-fill] a, .darken a{
		color: #44bbff;
	}
	
	/* darken */
	.accent-1-text.darken-text-1,
	[class*=-Label]{
		color: #2b83fa;
	}
	
	/* darken again - default link color */
	.accent-1-text.darken-text-2, a{
		color: #0f435e;
	}

/* accent 2 */
.accent-2-text{
	color: #EE5555;
}

	/* lighten */
	.accent-2-text.lighten-text-1{
		color: #ff7777;
	}
	
	/* darken */
	.accent-2-text.darken-text-1{
		color: #993333;
	}
	
	/* darken again */
	.accent-2-text.darken-text-2{
		color: #551111;
	}

/* reverse colour */
.reverse-1-text{
	color: #333333;
}

	/* lighten */
	.reverse-1-text.lighten-text-1{
		color: #999999;
	}

	/* lighten again */
	.reverse-1-text.lighten-text-2{
		color: #CCCCCC;
	}
	
	/* darken */
	.reverse-1-text.darken-text-1{
		color: #282828;
	}
	
	/* darken again / accent 2 */
	.reverse-1-text.darken-text-2{
		color: #191919;
	}


/* black */
.darken-text-inf{
	color: #000000;
}

/* white */
.lighten-text-inf{
	color: #ffffff
}

/*************/

/*********
 * Borders *
 *********/
/* accent 1 */
.accent-1-border{
	border-color: #3399ff;
}

	/* lighten */
	.accent-1-border.lighten-border-1{
		border-color: #44bbff;
	}
	
	/* darken */
	.accent-1-border.darken-border-1{
		border-color: #2b83fa;
	}
	
	/* darken again - default link color */
	.accent-1-border.darken-border-2{
		border-color: #0f435e;
	}

/* accent 2 */
.accent-2-border{
	border-color: #EE5555;
}

	/* lighten */
	.accent-2-border.lighten-border-1{
		border-color: #ff7777;
	}
	
	/* darken */
	.accent-2-border.darken-border-1{
		border-color: #993333;
	}
	
	/* darken again */
	.accent-2-border.darken-border-2{
		border-color: #551111;
	}

/* reverse colour */
.reverse-1-border{
	border-color: #333333;
}

	/* lighten */
	.reverse-1-border.lighten-border-1{
		border-color: #999999;
	}

	/* lighten again */
	.reverse-1-border.lighten-border-2{
		border-color: #CCCCCC;
	}
	
	/* darken */
	.reverse-1-border.darken-border-1{
		border-color: #282828;
	}
	
	/* darken again / accent 2 */
	.reverse-1-border.darken-border-2{
		border-color: #191919;
	}


/* black */
.darken-border-inf{
	border-color: #000000;
}

/* white */
.lighten-border-inf{
	border-color: #ffffff
}

/*************/



/* overlays to darken or lighten a panel*/
.darken, .lighten{
	position: relative;
}

.darken{
	color: #FFFFFF;
}

.lighten{
	color: #000000;
}

.darken::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(26, 26, 26, 0.4);
}
.lighten::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.4);
}
/***********/



/* Header */
/* header and nav background when not transparent, same as body background */
#headerPnl{
	background-color: #FFFFFF;
}

/* top border for submenus, should be same as accent-1 */
#nav ul[class*=SubLevel]{
	border-color: #3399ff;
}
/****************/



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

#footer a{
	color: inherit;
}

.footerSection{
	border-right-color: #444444;
}

#copyright{
	background: #000000;
}
/*************/