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

/* CSS file for new MCWG 2022 website */


/* 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
==================================== */
/*
/*
Colours used: 

RED:           #AF2424
BLUE:          #013C51
LIGHT BLUE     #027BB6
GREEN:		   #0F6A57
*/

/* 1. resets and overrides
==================================== */
/* Override default uikit default*/
em {
	color: inherit;
}

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

/* Default font for everything, unless specifically defined */
body * {
	font-family: 'Open Sans', 'Arial', sans-serif;
}

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

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

ul {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}
.az_monosp {
	font-family: 'Lekton', 'Monaco', monospace;
	font-size:15px;
}


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


table.az_programme p { margin-bottom:0; margin-top:5px;}
table.az_programme p.pre_coffee {margin-bottom: 1em;}
tr.post_coffee td p, tr.post_coffee td h3 {padding-top: 0.6em;}
p.post_coffee {padding-top: 0.6em;}
/*table.az_programme td.break {padding-bottom:5px; padding-top:0px;}*/
table.az_programme th {border-bottom: 2px solid #ca9e01;}
table.az_programme th h2 {margin-bottom:0px; color:#ca9e01;}

/* uk-modal-header in Back Office*/
.BO {
  margin-bottom: 15px;
  margin: -20px -20px 15px -20px;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  background: #f5f5f5;
}

.textBlue {
	color:#013C51;
}
.textRed {
	color:#AF2424;
}

.plenary {
	font-weight:bold;
	color:#AF2424;
}

.speaker {
	color:#027BB6;
	font-weight:bold;
	font-size:15px;
}

.Kspeaker {
	color:#AF2424;
	font-weight:bold;
	font-size:15px;
}
.affiliation {
	font-size: .875rem;
	font-style:italic;
	font-weight:normal;
}

.Time {
	font-family: 'Lekton', 'Monaco', monospace;
	color: #013C51;
}
.TimeS {
	font-family: 'Lekton', 'Monaco', monospace;
	color: #013C51;
	font-size:14px;
}

.chair {
	font-style:italic;
	font-size:14px;
}

.break {
	color:#0F6A57;
	font-style:italic;
	font-weight:bold;
}

.button-registration {
	background-color:#027BB6;
	color:#FFF;
}
.button-registration:hover {
	background-color:#81BCD1;
	color: #ffffff;
}

#photos img:hover{
	filter: grayscale(100%);
	opacity: 0.8;
}

#photosKS img:hover{
	filter: grayscale(100%);
	opacity: 0.8;
}
/* 4. header-specific
==================================== */
.heart {
	font-size: 20px;
}
h1.general {
	font-size: 40px;
	color:#013C51;
	font-weight:700;
}

h1.generalM {
	font-size: 30px;
	color:#013C51;
	font-weight:700;
}

h2.general {
	font-size: 32px;
	color:#AF2424;
}

h1.generalInt {
	font-size: 35px;
	color:#013C51;
	font-weight:700;
}
h2.generalInt {
	font-size: 28px;
	color:#AF2424;
}

@media screen and (max-width: 767px) {

h1.general {
	font-size: 26px;
}

h2.general {
	font-size: 22px;
}

h1.generalInt {
	font-size: 25px;
}
h2.generalInt {
	font-size: 20px;
}

}

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


/* Start MENU formatting */
#MCWG-navbar,
#MCWG-navbar .uk-navbar-container {
	background-color: #AF2424;
}

#MCWG-navbar {
	/*border-bottom: 2px #fff solid;*/
}

#MCWG-navbar .uk-navbar-nav > li > a,
#MCWG-navbar .uk-navbar-item,
#MCWG-navbar .uk-navbar-toggle {
	font-family:'Lato';
	font-size: 0.9rem;
	min-height:40px;
	color:#fff;
	padding:0 15px;
}

#MCWG-navbar .uk-navbar-nav > li a:hover {
	color: #013C51;
	background-color:#FFF;
	border-bottom: none;	
}

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

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

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

li#myMCWG a {
	font-family:'Open Sans Condensed';
	font-size: .9rem;
	background-color: #013C51;
	color: #ffffff !important; 
	text-transform:none;
	font-weight:600;
}
li#myMCWG a:hover {
	color:#1f4784 !important; 
}

li#logout a {
	background-color: #d70303;
	color: #ffffff !important; 
	font-family:'Open Sans Condensed';
	font-size: .9rem;
	font-weight:600;
}
li#logout a:hover {
	color:#1f4784 !important; 
}

#myMCWGoffcanvas {
	background-color: #013C51;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}
#logoutOffcanvas {
	background-color: #d70303;
	color:#fff;
	text-align:center;
}

/* 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;
}

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


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