/*
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
==================================== */
/*
INPPO 2018+ COLOURS
[
For colour names, see
(1) http://chir.ag/projects/name-that-color/  OR
(2) http://www.colblindor.com/color-name-hue/
]

"Official colours":
LIGHT GREEN:	#1DD35A
GREEN:			#006B15
*/

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



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

p {
	color: #262624;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
}
em {
	color: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #006B15;
}


.az_monosp {
	font-family: 'Inconsolata', monospace;
}

ul {
	color: #262624;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
}
/* 3. general layout
==================================== */

.uk-icon-file-pdf-o {
	color:red;
}


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

h1.INPPO_header {
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	font-size:50px;
	font-weight:700;
	color: #006B15;
}
/*screen narrower than 600px*/
@media (max-width: 599px) {
	h1.INPPO_header {
		font-family: 'Roboto Condensed', 'Arial', sans-serif;
		font-size: 35px;
	}
}

h2.INPPO_header {
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	font-size:35px;
	font-weight:500;
	color: #006B15;
}
/*screen narrower than 600px*/
@media (max-width: 599px) {
	h2.INPPO_header {
		font-family: 'Roboto Condensed', 'Arial', sans-serif;
		font-size: 20px;
	}
}


/* 5. navigation-specific
==================================== */
/* MAIN MENU STYLING */

#uk-navbar-brand-font {
	font-family: 'Open Sans', sans-serif;
}

nav#INPPO_nav {
	background-color:#575757 !important;
	color:white;
}
nav#INPPO_nav a {
	background-color:#575757;
	color:white;
	border-bottom:none;
}

nav#INPPO_nav li a {
	font-family: 'Roboto Condensed';	
}

nav#INPPO_nav li a:focus {
	background-color:white;
	color:#575757;
}

nav#INPPO_nav li a:hover {
	background-color:white;
	color:#575757;
}

/* OFF CANVAS MENU STYLING */
/* Modify default uikit offcanvas background color */
/*#INPPO_offCanvasMenu {
	color:#ffffff;
	font-family: "Roboto";
}
*/
ul#INPPO_offCanvasMenu li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	color:#ffffff;
	border-bottom:none;
	background-color:#4F4D4B;
}

ul#INPPO_offCanvasMenu li a:focus {
	background-color:#4F4D4B;
	color:#ffffff;
}

ul#INPPO_offCanvasMenu li a:focus,
ul#INPPO_offCanvasMenu li a:hover {
	background-color:#ffffff;
	color:#4F4D4B;
}


/* 6. footer-specific
==================================== */
.INPPO_footer {
	background-color:#575757;
	color:#818386;
}
div#INPPO_footer,
div#INPPO_footer p,
div#INPPO_footer a
{
	color:#FFF;
}

/* 7. form elements
==================================== */
textarea.lcData {
	font-family: 'Inconsolata', monospace;
	white-space:pre-wrap;
	height: 125px;
}

/* 8. miscellaneous
==================================== */

body {
	/*overflow-y: scroll;*/
	font-family: 'Roboto Condensed';
	color:#262624;
}