@charset "UTF-8"; /* Set the encoding of the style sheet to Unicode UTF-8 */

/* CSS file for new nanoLIGHT website */

/*
Colours used:
Dark Blue:    #183153
Blue:         #486A7E

Dark Grey:    #2A2E33
Medium Grey:  #383838
Grey:         #535353
Light Grey:   #6F6F6F

Dark green:   #2c5308
Green: 		  #2c8307

Orange:       #ee5904
Light orange: #ffa20c 

Dark Red:     #811E07
Yellow:       #fff456
Ochra:        #d8a02f

Bordeaux:     #5d0001
*/

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

/* Override default uikit default*/

em{
	color: inherit;
}

/* 2. general typography
==================================== */
body * {
	font-family: 'Open Sans', 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Inconsolata', monospace;
	color:#535353;
	font-weight:700;
}

p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}

ul, ol {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}

/*a {
	color: #D70264;
}
*/
/* 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;}


/* 3. general layout
==================================== */

.az-card-body-link:hover .uk-card-body {
	background-color: #33689A;
}
.az-card-body-link:hover .uk-card-body h3 {
	color:#FFF;
}
.az-card-body-link:hover {
	text-decoration: none;
}

/*.colorHome {
	color:#486A7E;
}
.colorResearch {
	color:#3F6E1E;
}
.colorPeople {
	color:#8b1e41;
}
.colorNews {
	color:#B30104;
}
*/
.colorContacts {
	color:#5d0001;
}
.partner {
	font-variant:small-caps;
	font-weight:bold;
}

.largeNav {
	color: white;
	opacity: 0.5;
}
a.largeNav:hover {
	color: white;
	opacity: 0.8;
}

/* 4. header-specific
==================================== */
.headerWrapper {
	position: relative;
}
.headerImage {
	position:relative;
	top:0;
	left: 0;
	width:100%;
}
.headerMenu {
	position:absolute;
	width:100%;
	top:25px;
	left:0;
}

.homeHeader {
	height:120px;
}

.generalHeader {
	background-color:#535353;
	height:200px;
}
.TitleHeader {
	font-family: 'Inconsolata', monospace;
	font-weight:600;
	color:silver;
	font-size: 4.1rem;
}

.TitleHeader2 {
	font-family: 'Inconsolata', monospace;
	font-weight:500;
	font-size: 1.8rem;
}

#internal_header h1 {
	color:white;
	letter-spacing: 4px;
	font-weight:bold;
	font-size:4rem;
	  /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
	/*-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #666;*/
	text-shadow: 0 0 4px #666;

} 

@media screen and (max-width: 767px) {
	.TitleHeader {
		font-size: 2.7rem;
	}
	
	.TitleHeader2 {
		font-size: 1.3rem;
	}

.homeHeader {
	height:120px;
}

.generalHeader {
	height:120px;
}

#internal_header h1 {
	font-size:2.2rem;
} 

}

.TitleInternal {
	font-family: 'Inconsolata', monospace;
	color:#fff;
	font-size: 4rem;
	margin-top: 40px;
}
.TitleInternal2 {
	font-family: 'Inconsolata', monospace;
	color:#FFF;
	font-size: 2.2rem;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.TitleInternal {
		font-size: 2.7rem;
	}
	.TitleInternal2 {
		font-size: 1.3rem;
	}
}


/* 5. navigation-specific
==================================== */
/* MAIN MENU STYLING */
#NL-navbar-OC a.Generic {
	color:#5d0001;
	font-weight:bold;
}


#NL-navbar {
	background: #fff;
	border-bottom:solid 1px #5d0001;
}
#NL-navbar .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
}

#NL-navbar .uk-navbar-nav > li > a,
#NL-navbar .uk-navbar-item,
#NL-navbar .uk-navbar-toggle,
#NL-navbar-OC .uk-offcanvas-bar li a

{
	font-family: 'Inconsolata', monospace;
	font-size: 1rem;
	min-height:40px;
	color:#32322F;
	padding:5px 20px;
	text-transform: inherit;
}
#NL-navbar #NL-OCmenuIcon {
	color:#5d0001;
}


#NL-navbar a {
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
	transition:0.5s color ease;
	text-decoration:none;
	color:#5d0001;
}

#NL-navbar a:hover {
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
	transition:0.5s color ease;
	text-decoration:none;
	color:#5d0001;
}


#NL-navbar a.after:after {
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  bottom:-0.15em;
  height:2px;
  width:0;
  background:#5d0001;
}

#NL-navbar a.border:after{
  left:0;
}

#NL-navbar a.after:hover:after{
  width:100%;
  padding:0;

}

#NL-navbar-OC a.Generic {
	color:#5d0001;
	font-weight:bold;
}
#NL-navbar-OC .uk-offcanvas-bar {
    background: rgba(242, 242, 242, 0.95);
}

#NL-navbar-OC .uk-offcanvas-close {
	color:#000;
}
/*END MAIN MENU STYLING*/


/* 6. footer-specific
==================================== */
.footer {
	background-color:#2A3137;
}
.footer p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:silver;
}
.footer h4 {
	color:silver;
	font-size: 1.1rem;
	font-weight: normal;
}
.footer h5 {
	color:silver;
	font-size: 15px;
	font-weight: normal;
}
.footer a {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: orange;
}
.footer a:hover {
	color: white;
	text-decoration: none;
}
			

/* Start FOOTER formatting */
/* End FOOTER formatting */


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


/* 8. miscellaneous
==================================== */
html {
   overflow-y: scroll;
   height: 101%
}