/* FROM innofied.com [with pjm comments]
		Resets and overrides [ok]
		Links and type
		Main layout
		Secondary layout structures
		Form elements [useful]
		Miscellaneous [ok]
	Example start of "section" is below:
*/

/* resets and overrides
========= */

/* FROM webdesignledger.com [with pjm comments]
	 * CH01 - Resets [ok]
	 * CH02 - Typography
	 * CH03 - Page Structure
	 * CH04 - Header & Navigation [ok; separate]
	 * CH05 - Content & Media
	 * CH06 - Footer [ok]
	 * CH07 - Miscellaneous [ok]
*/

/* AZULEON CSS sections

	* 0. site colours [not really CSS; just general information about the colours used in the specific website]
	
	* 1. resets and overrides
	* 2. general typography [H1-H6 + P + general links!]
	* 3. general layout
	* 4. header-specific
	* 5. navigation-specific
	* 6. footer-specific
	* 7. form elements [input, form buttons, ecc]
	* 8. miscellaneous [body, etc]

*/

/* IN PRACTICE */

/* 0. site colours
==================================== */

/*
WACOMA colours
[
For colour names, see
(1) http://chir.ag/projects/name-that-color/  OR
(2) http://www.colblindor.com/color-name-hue/
]

WACOMA colours
WA-blue:     #0A2C56
WA-yellow:   #ffcc00
EU-blue:     #003399
*/

/* 1. resets and overrides
==================================== */

.uk-dropdown-navbar {
	padding-top:0px;
	padding-bottom:0px;
	font-size:0.9em;
}

/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
  background-color: #003399;
  color: #ffffff;
  line-height:1.7em;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
  background-color: #ffcc00;
  color: #0A2C56;
  line-height:1.7em;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
  background-color: #ffcc00;
  color: #0A2C56;
  line-height:1.7em;
}

/*
 * Modifier: `uk-badge`
 */

.uk-badge {
  font-size: 14px;
  padding: 2px 5px;

}
.uk-badge-danger {
  background-color: #d32c46;
  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
}

.uk-modal-dialog {
	margin-top: 70px;
}

/*
 * Modifier: `uk-notification-message-danger`
 */
.uk-notification-message-danger {
	border: 1px solid #d70303;
}
/*
 * Modifier: `uk-notification-message-success`
 */
.uk-notification-message-success {
	border: 1px solid ##3c800f;
}


/* 2. general typography
==================================== */

p {
	font-family: 'Open Sans';
	color: #444444;
	margin-right:10px;
}
em {
	color: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo';
	color: #0A2C56;
}
h1 em, h2 em, h3 em, h4 em {
	color: #0A2C56;
  /*  
   * Override UIkit default italics
	*/
}


/* 3. general layout
==================================== */
.white {
	color: #fff;
}

/* Azuleon-specific colours */
.az-red { color: #d70303; }
.az-green { color: #3c800f; }
.az-orange { color: #FF9428; }
.az-blue { color: #0452a7; }
.az-darkviolet { color: DarkViolet; }
.az-white {color:white;}

.az-txt-brdBottom {
	border-bottom: 1px solid;
	color:#3577B2;
}
.az-text-mini {
	font-size: 0.7em;
}

.az-MissingField {
	color: GAINSBORO;
	font-size:80%;
}
.az-monoData {
	font-family: 'Lekton', monospace;
}
.az-dataAdminOnly {
	color: crimson;
}
/**/

/* Styling for 
     Confirm || Are your sure? YES | NO 
   functionality
*/
.toggle {
	display: inline;
	white-space: nowrap;
}
.toggle a {
	/* REMOVED styling below */
	/* ==> Check if this still works as it should <== */
	/*font-size: 13px;
	color: #888;
	font-weight: bold;*/
	padding: 0 1px;
}
.confirm {
	display: none;
	color: #d70303; /* AzuRed */
	/*font-size: 11px;*/
}
.option { /*used only for javascript behaviour*/ }

.CardHeight {
	height:550px;
	overflow-y: scroll !important;
}

.uk-modal-header {
  margin-bottom: 15px;
  margin: -20px -20px 15px -20px;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  background: #ffcc00;
}
.uk-modal-footer {
  margin-top: 15px;
  margin: 15px -20px -20px -20px;
  padding: 20px;
  border-top: 1px solid #dddddd;
  border-radius: 0 0 4px 4px;
  background: #ffcc00;
}

.uk-icon-file-pdf-o {
	color: #F00;
}
/*For panel*/
.blank {
	background-color:#FFF;
}

.application {
	background-color:#003399;
	color:#FFF;
	font-size:16px;
}

.withAnchor1 {position:relative;}
.withAnchor2 {position:absolute; top:-100px;}


.uk-button-red {
  background-color: #CE5F47;
  color: #ffffff;
  line-height:1.7em;
}
/* Hover */
.uk-button-red:hover,
.uk-button-red:focus {
  background-color: #ffcc00;
  color: #0A2C56;
  font-weight:bold;
  line-height:1.7em;
}
/* Active */
.uk-button-red:active,
.uk-button-red.uk-active {
  background-color: #ffcc00;
  color: #0A2C56;
  line-height:1.7em;
}


/* 4. header-specific
==================================== */

h1.header {
	font-size: 50px;
}

.UniBO_logoTXT {
	font-family: 'Cinzel', serif;
}
.EU_TXT {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* 5. navigation-specific
==================================== */

/* MAIN MENU STYLING */

nav#WACOMA_nav {
	background-color:#ffcc00 !important;
	color:#0A2C56;
}
nav#WACOMA_nav a {
	background-color:#ffcc00;
	color:#0A2C56;
	font-family: 'Exo';
	font-weight:700;
	letter-spacing:1px;
	font-size: 12px;
}

nav#WACOMA_nav li  a {
	font-family: 'Exo';
	font-weight:700;
	letter-spacing:1px;
	font-size: 12px;
}

nav#WACOMA_nav li a:focus {
	background-color:#ffcc00;
	color:#0A2C56;
	font-family: 'Exo';
	letter-spacing:1px;
	font-size: 12px;
}

nav#WACOMA_nav li a:hover {
	background-color:#0A2C56;
	color:#ffcc00;
	font-family: 'Exo';
	font-weight:700;
	letter-spacing:1px;
	font-size: 12px;
}

li#myWACOMA a {
	background-color: #5B90BD;
	color: #fff;
	font-size: 12px;
}

li#logout a {
	background-color: #D12130;
	color: #ffffff;
	text-shadow: none;
	font-size: 12px;
}



/* OFF CANVAS MENU STYLING */
/* Modify default uikit offcanvas background color */
ul#WACOMA_offCanvasMenu li a {
	font-family: 'Exo', Georgia, Serif;
	font-size:18px;
	color:#0A2C56;
	border-bottom:none;
	background-color:#ffcc00;
}

ul#WACOMA_offCanvasMenu li a:focus {
	background-color:#0A2C56;
	color:#ffcc00;
}

ul#WACOMA_offCanvasMenu li a:hover {
	background-color:#0A2C56;
	color:#ffcc00;
}

ul#WACOMA_offCanvasMenu li#myWACOMA a {
	background-color: #5B90BD;
	color:#fff;
}
ul#WACOMA_offCanvasMenu li#logout a {
	background-color: #D12130;
	color: #fff;
}

/*************   UIKIT3     ************/
/* MAIN MENU STYLING */
#WACOMA-navbar,
#WACOMA-navbar .uk-navbar-container {
	background-color: #ffcc00;
}

#WACOMA-navbar .uk-navbar-nav > li > a,
#WACOMA-navbar .uk-navbar-item,
#WACOMA-navbar .uk-navbar-toggle {
	font-family:'Exo';
	font-size: .9rem;
	min-height:40px;
	color:#0A2C56;
	padding:0 25px;
	font-weight:600;
}

#WACOMA-navbar .uk-navbar-nav > li a:hover {
	background-color: #0A2C56;
	color: #ffcc00;
	border-bottom: none;	
}

#WACOMA-navbar ul li li {
	list-style:none;
}

#WACOMA-navbar ul li li a {
	color:#fff;
}

#WACOMA-navbar ul li li a:hover {
	text-decoration:none;
}

/* 6. footer-specific
==================================== */

div#WA-gfooter {
	background-color:silver;
}
div#WA-gfooter2 {
	background-color:#0A2C56;
}
div#WA-gfooter h5 {
	font-size:0.8em;
	font-weight:700;
	margin-bottom:0.3em;
}
div#WA-gfooter p {
	font-family: 'Exo';
	font-size:0.8em;
	margin: 0;
	margin-bottom: 0.5em;
	padding:0;
	line-height:1.2em;
}
div#WA-gfooter p.footer_link a,
div#WA-gfooter h5.footer_link a
{
	color:#444;
}
div#WA-gfooter p.footer_link a:hover,
div#WA-gfooter h5.footer_link a:hover 
{
	color: #07D;
	text-decoration:none;
}

div#WA-gfooter p span.wa-footer-enhance {
	font-weight:600;
}
div#WA-gfooter p span.wa-footer-email {
	font-weight:400;
	font-size: 0.75em;
}
div#WA-gfooter2 h1 {
	color:white;
}

/*   UIKIT 3*/
/*FOOTER*/

.footer {
	background-color: silver;
}
	
.footer p {
	color: #444444;
	font-family:'Exo';
}
.footer a {
	color: #0A2C56;
}

/* 7. form elements
==================================== */


/* 8. miscellaneous
==================================== */
body {
	/*overflow-y: scroll;*/
	font-family: 'Open Sans';
}

html { 
  background: url(../_images/underwater-blank-scenery.jpg) no-repeat top left fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	display:none;
}