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

/* CSS file for new ERAAD 2026 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: 

Dark Blue:			#291b72
Light blue: 		#0063a6
Green:				#4d613e
green darker:		#003a4a
Yellow: 				#f1b21c
orange: 				#ff8400
green: #018C95
*/

/* 1. resets and overrides
==================================== */
/* Override default uikit default*/
em {
	color: inherit;
}
.uk-card-default .uk-card-title {
	color: #003a4a;
	font-weight: 500;
}
.uk-modal-title {
	color: #003a4a;
}


/* 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: #0063a6;
}

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:10px;}
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;}


#mapid { height: 400px; }

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

.localorganiser-card {
	background-color:#0063a6;
}
.localorganiser-card p {
	color:#fff;
}
.organiser {
	font-variant:small-caps;
	font-weight:bold;
}

.speaker {
	color:#0063a6;
	font-size:17px;
	font-weight:bold;
}
.affiliation {
	color:#0063a6;
	font-size:15px;
	font-style:italic;
}
.title {
	font-weight:bold;
}
.chair {
	color:#BCBCBC;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
}
.break {
	color:#ffbc00;
	font-style:italic;
	font-size:17px;
	font-weight:bold;
}

.session {
	color:#802433;
	font-size:19px;
	font-weight:bold;
}
.sessionTitle {
	color:#802433;
	font-size:17px;
	font-weight:bold;
}

.accordionProg {
	/*border-bottom: 2px solid #ca9e01;*/
	color:#ffffff;
	padding-left: 5px;
}
.greenS {
	background-color:#00949a;
}
.greenM {
	background-color: #003a4a;
}
.redT {
	background-color: #A05B66;
}
.redW {
	background-color: #802433;
}
.yellowT {
	background-color: #ca9e01;
}

.buttonApplication {
	background-color:#f1b21c;
	color:#fff;
}
.buttonApplication:hover {
	background-color:#F9D98E;
	color:#fff;
}

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

#internal_header {
	background-color:#018C95;
	height:60px;
}

#internal_headerS {
	background-color:#018C95;
	height:50px;
}

#Committee h4 {
	color:#FFF; font-size:1rem;
}
/* 4. header-specific
==================================== */

p.Header {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 3.5rem;
	font-weight:700;
	color: #0063a6;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.HeaderM {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 2.5rem;
	font-weight:700;
	color: #0063a6;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.HeaderS {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.9rem;
	font-weight:700;
	color: #0063a6;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.Location {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 2.1rem;
	font-weight:600;
	color:#018C95;
	/*text-shadow: 1px 0 0 #0063a6, -1px 0 0 #0063a6, 0 1px 0 #0063a6, 0 -1px 0 #0063a6, 1px 1px #0063a6, -1px -1px 0 #0063a6, 1px -1px 0 #0063a6, -1px 1px 0 #0063a6;*/
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}


p.LocationM {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.5rem;
	font-weight:600;
	color:#018C95;
/*	text-shadow: 1px 0 0 #0063a6, -1px 0 0 #0063a6, 0 1px 0 #0063a6, 0 -1px 0 #0063a6, 1px 1px #0063a6, -1px -1px 0 #0063a6, 1px -1px 0 #0063a6, -1px 1px 0 #0063a6;
*/	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.LocationS {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.3rem;
	font-weight:600;
	color:#018C95;
/*	text-shadow: 0.7px 0 0 #0063a6, -0.7px 0 0 #0063a6, 0 0.7px 0 #0063a6, 0 -0.7px 0 #0063a6, 0.7px 0.7px #0063a6, -0.7px -0.7px 0 #0063a6, 0.7px -0.7px 0 #0063a6, -0.7px 0.7px 0 #0063a6;
*/	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

/* Internal pages */

p.HeaderInt {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 2.8rem;
	font-weight:700;
	color: #0063a6;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.HeaderIntM {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 2rem;
	font-weight:700;
	color: #0063a6;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.HeaderIntS {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.4rem;
	font-weight:700;
	color: #0063a6;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.LocationInt {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.9rem;
	font-weight:600;
	color:#018C95;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}


p.LocationIntM {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.4rem;
	font-weight:600;
	color:#018C95;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}

p.LocationIntS {
   font-family: 'Lato', 'Arial', sans-serif;
	font-size: 1.1rem;
	font-weight:600;
	color:#018C95;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;	
}



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


/* Start MENU formatting */
#ERAAD-navbar,
#ERAAD-navbar .uk-navbar-container {
	background-color: #0063a6;
}

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

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

.uk-navbar-nav {
	gap:0px;
}

#ERAAD-navbar .uk-navbar-nav > li a:hover {
	color: #0063a6;
	background-color:#FFF;
	border-bottom: none;	
}

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

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

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

li#myERAAD a {
	font-family:'Open Sans';
	font-size: .9rem;
	background-color: #ff8400;
	color: #ffffff;
	text-transform:none;
	font-weight:600;
}
li#logout a {
	background-color: #ae1b1f;
	color: #ffffff;
	font-family:'Open Sans';
	font-size: .9rem;
	font-weight:600;
}

#myERAADoffcanvas {
	background-color: #ff8400;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}
#logoutOffcanvas {
	background-color: #ae1b1f;
	color: #ffffff;
	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
==================================== */