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

/* CSS file for new Lactate website */

/*
Colours used:
Dark Blue:  #00354b
Blue:       #406878
Light Blue: #ECF0F2
Red:        #DB3A2F
Violet:     #884DEC
Green:      #4C961D
*/

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

/* Override default uikit default*/

em{
	color: inherit;
}

/*ACCORDION*/

/* Plus icon */
.uk-accordion-title:before {
	background-image: none; /* or place your custom plus icon here and remove all the lines below */
	display: inline-block;
	content: '\f0ab';
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	width: 1.4em;
	height: 1.4em;
	margin-left: 10px;
	margin-top: 10px;
	float: right;
	text-rendering: auto;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: white;
}

/* Minus icon */
.uk-open > .uk-accordion-title:before {
	background-image: none; /* or place your custom plus icon here and remove all the lines below */
	content: "\f0aa";
}

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

h1, h2, h3 {
	font-family: 'Lato', 'Arial', sans-serif;
	color:#DB3A2F;
}
h4, h5, h6 {
	font-family: 'Lato', 'Arial', sans-serif;
	color:#406878;
}

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

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

/*a {
	color: #D70264;
}
*/

.az_monosp {
	font-family: 'Lekton', 'Monaco', monospace;
	font-size: 0.8 rem;
}

/*Programme*/
.Time {
	font-family: 'Lekton', 'Monaco', monospace;
	color: #666;
}
.Description {
	font-weight: 600;
	color:#DB3A2F;
}
.SessionTitle {
	font-weight:bold;
	color:#2A4F7B;
}
.Speaker {
	color:#4C961D;
	font-weight:bold;
	margin-top:3px;
}
.SpeakerSelected {
	color:#DB3A2F;
	margin-top:3px;
}

.Affiliation {
	font-style:italic;
	font-weight:normal;
}
.Chairs {
	/*color:#f1b21c;*/
	color:#2A4F7B;
	font-style:italic;
	font-weight:400;
}
.SpeakerTitle {
	margin-top:0px;
	margin-bottom:7px;
	margin-left:5px;
}
.Break {
	color:#884DEC;
	font-style:italic;
	font-weight:600;
}

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


.HEAD {
color:#333;
text-shadow: none;
font-weight:bold;
}
.FOOT {
color:#333;
text-shadow: none;
text-align:left;
}


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

.TitleHeader {
	font-family: 'Lato', 'Arial', sans-serif;
	color:#fff;
	text-shadow: 0 0 5px #000;
	font-size: 3.2rem;
	line-height:1.2;
}
.TitleEMBO {
	font-size: 2rem;
}

.TitleDate {
	font-family: 'Lato', 'Arial', sans-serif;
	color:#fff;
	text-shadow: 0 0 5px #000;
	font-size: 1.8rem;
	line-height:3.5;
}

.TitleHeaderUk2 {
	font-family: 'Lato', 'Arial', sans-serif;
	color:#fff;
	text-shadow: 0 0 5px #000;
	font-size: 60px;
	font-weight:normal;
}

.TitleHeader2 {
	font-family: 'Lato', 'Arial', sans-serif;
	background-color: #DB3A2F; 
	color:#FFF;
	padding: 5px 5px 5px 5px;
	font-size: 2rem;
}
.TitleHeader2Internal {
	font-family: 'Lato', 'Arial', sans-serif;
	background-color: #406878; 
	color:#FFF;
	padding: 5px 5px 5px 5px;
	font-size: 2rem;
}
.TitleHeader2InternalUk2 {	
	font-family: 'Lato', 'Arial', sans-serif;
	background-color: #406878; 
	color:#FFF;
	padding: 3px 3px 3px 3px;
	font-size: 30px;
}

@media screen and (max-width: 767px) {
.TitleHeaderUk2 {
	font-size: 40px;
	font-weight:normal;
}

.TitleHeader {
	font-size: 1.9rem;
}
.TitleEMBO {
	font-size: 1.2rem;
}

.TitleDate {
	font-size: 1.2rem;
}

.TitleHeader2 {
	font-size: 1.3rem;
}
.TitleHeader2Internal {
	font-family: 'Lato', 'Arial', sans-serif;
	background-color: #406878; 
	color:#FFF;
	padding: 5px 5px 5px 5px;
	font-size: 1.7rem;
}

.TitleHeader2InternalUk2 {	
	font-family: 'Lato', 'Arial', sans-serif;
	background-color: #406878; 
	color:#FFF;
	padding: 3px 3px 3px 3px;
	font-size: 20px;
	line-height:1.1;
}


}

.BkgCoverHeight {
	height: 200px;
}

/* 5. navigation-specific
==================================== */
/* MAIN MENU STYLING */
.MenuBar.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #4C961D;
}

#Lactate-navbar .uk-navbar-nav > li > a,
#Lactate-navbar .uk-navbar-item,
#Lactate-navbar .uk-navbar-toggle {
	font-family:'Open Sans Condensed';
	font-size: 1rem;
	min-height:40px;
	color:#FFF;
	padding:5px 20px;
}

#Lactate-navbar .uk-navbar-nav > li a:hover {
/*	color: #FFF;
	border-bottom: none;
*/}

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

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

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

#Lactate-navbar .uk-navbar-dropdown {
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	background-color:#33689A;	
}
#Lactate-navbar .uk-navbar-dropdown-nav>li>a {
	width:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: #fff;
	background-color:#33689A;	
}

#Lactate-navbar .uk-navbar-dropdown-nav>li>a:hover {
	color: #D70264;
	background-color:transparent;
}

#Lactate-navbar .uk-nav-sub a  {
	color: #949494;
}

#Lactate-navbar .uk-nav-sub a:hover  {
	color: #BDBDBD;
	background-color:#FFF;
}

.myButton {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1rem;
	background-color:#884DEC;
	color:#FFF;
	text-transform:none;
}
.myLogout {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1rem;
	background-color:#d70303;
	color:#FFF;
	text-transform:none;
}

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

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


#Lactate-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:#ffffff;
}

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

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

}

/*UIKIT 2 NAVBAR*/

nav#Lactateuk2-navbar ul li a {
	font-size: 1.2rem;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #FFF;
}
nav#Lactateuk2-navbar {
	background-color:#4C961D;
	margin-top:5px;
	margin-bottom:5px;
}

#Lactateuk2-navbar li.uk-active a {
	color:#fff;
	background-color: #4C961D;
}

nav#Lactateuk2-navbar li.uk-active a {
	background-color:#4C961D;
	color:#fff;
}
nav#Lactateuk2-navbar li a:hover {
	background-color:#4C961D;
	color:#fff;
}
nav#Lactateuk2-navbar li a:focus {
	background-color:4C961D;
	color:#fff;
}
li#myLactate a {
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #884DEC;
	color: #ffffff;
	font-size: 1.2rem;
}
li#myLactate a:hover {
	background-color: #884DEC;
	color: #ffffff;
}

li#logout a {
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #d70303;
	color: #ffffff;
}

#Lactateuk2-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:#ffffff;
}

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

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

}
/*END UIKIT 2 NAVBAR*/

/*END MAIN MENU STYLING*/



/* 6. footer-specific
==================================== */
.footer {
	background-color:#2A3137;
}
.footer p {
	color:#ffffff;
}
.footer h3 {
	color:#ffffff;
}
.footer a {
	color: #ffffff;
}
.footer a:hover {
	color: white;
	text-decoration: none;
}
			

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


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


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