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

/* CSS file for new IHSS 2024 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: 

BROWN:        #5E432D
LIGHT BROWN:  #7D593C
GREEN:        #7F8B25
LIGHT GREEN:  #A9B931
YELLOW:       #EAD13E

RED:         #A93D1B
*/

/* 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: 'Raleway', 'Arial', sans-serif;
	color: #5E432D;
}

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
==================================== */

#mapid { height: 400px; }

table.az_programme p { margin-bottom:0;}
table.az_programme p.pre_coffee {margin-bottom: 1em;}
table.az_programme td {padding-top: 0.6em; padding-bottom: 0.6em;}
table.az_programme td.coffee {padding-top: 1.5em;}
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;
}

.withAnchor1 {position:relative;}
.withAnchor2 {position:absolute; top:-100px;}

.green {
	color: #7F8B25;
}
.brown {
	color:#5E432D;
}
.yellow {
	color:#EAD13E;
}

.Imgshadow {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.OrgCom {
	color:#5E432D;
	font-size:14px;
}
.SciOrg {
	color:#7F8B25;
	font-size:14px;
}

.ProgrammeDay {
	font-weight:bold;
	border-bottom:solid 1px #5E432D;
}

.session {
	color:#7F8B25;
	font-size:18px;
	font-weight:bold;
}
.TimeS {
	font-family: 'Lekton', 'Monaco', monospace;
	font-size:16px;
	font-weight:bold;
}

.Time {
	font-family: 'Lekton', 'Monaco', monospace;
	font-size:14px;
}

.break {
	color:#EAD13E;
	font-style:italic;
	font-weight:700;
	font-size:18px;
}
.breakL {
	color:#EAD13E;
	font-style:italic;
	font-weight:700;
	font-size:15px;
}

.lecture {
	color:#5E432D;
	font-size:15px;
	font-weight:bold;
}


.InvSpkTitle {
	color:#ecaa00;
	font-weight:bold;
}
.InvSpk {
	color:#ecaa00;
	font-weight:bold;
}

.SC {
	color:#3663a7;
	font-weight:bold;
}


.speaker {
	color: #ecaa00;
	font-weight:600;
	font-size: 1.0rem;
}
.speakerSel {
	color: #3663a7;
	font-weight:600;
	font-size: 1.0rem;
}
.speakerBl {
	color: #7dbde9;
	font-weight:600;
	font-size: 1.0rem;
}
.affiliation {
	font-size: .9rem;
	font-style:italic;
	font-weight:normal;
}
.selected {
	font-size: .9rem;
	font-weight:bold;
}
.chair {
	font-size: .9rem;
	font-style:italic;
	font-weight:normal;
}

#mapid { height: 500px; }


.buttonRegistration {
	background-color: #5E432D;
	color:#fff;
}
.buttonRegistration:hover {
	background-color: #AFA297;
	color:#fff;
}


/* 4. header-specific
==================================== */
p.headerTitle {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 3rem;
	color:#5E432D;
	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;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerTitleM {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2.5rem;
	color:#7D593C;
	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;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerTitleS {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.5rem;
	color:#7D593C;
	line-height: 1.2;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerSubTitle {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2.4rem;
	font-style:italic;
	color:#fff;
	text-shadow: 0.5px 0 0 #5E432D, -0.5px 0 0 #5E432D, 0 0.5px 0 #5E432D, 0 -0.5px 0 #5E432D, 0.5px 0.5px #5E432D, -0.5px -0.5px 0 #5E432D, 0.5px -0.5px 0 #5E432D, -0.5px 0.5px 0 #5E432D;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerSubTitleM {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.5rem;
	font-style:italic;
	color:#fff;
	text-shadow: 0.5px 0 0 #5E432D, -0.5px 0 0 #5E432D, 0 0.5px 0 #5E432D, 0 -0.5px 0 #5E432D, 0.5px 0.5px #5E432D, -0.5px -0.5px 0 #5E432D, 0.5px -0.5px 0 #5E432D, -0.5px 0.5px 0 #5E432D;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerSubTitleS {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1rem;
	font-style:italic;
	color:#7F8B25;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocation {
	font-family: 'Raleway', sans-serif;
	color:#EAD13E;
	font-size: 2.5rem;
	text-shadow: 1px 0 0 #5E432D, -1px 0 0 #5E432D, 0 1px 0 #5E432D, 0 -1px 0 #5E432D, 1px 1px #5E432D, -1px -1px 0 #5E432D, 1px -1px 0 #5E432D, -1px 1px 0 #5E432D;
	font-weight:bold;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerLocationM {
	font-family: 'Raleway', sans-serif;
	color:#EAD13E;
	text-shadow: 1px 0 0 #5E432D, -1px 0 0 #5E432D, 0 1px 0 #5E432D, 0 -1px 0 #5E432D, 1px 1px #5E432D, -1px -1px 0 #5E432D, 1px -1px 0 #5E432D, -1px 1px 0 #5E432D;
	font-weight:bold;
	font-size: 1.4rem;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerLocationS {
	font-family: 'Raleway', sans-serif;
	color:#5E432D;
	font-weight:bold;
	font-size: 1.2rem;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/*internal*/

p.headerTitleInt {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2.5rem;
	color:#5E432D;
	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;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerTitleIntM {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.7rem;
	color:#7D593C;
	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;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerTitleIntS {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.2rem;
	color:#7D593C;
	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;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocationInt {
	font-family: 'Raleway', sans-serif;
	color:#EAD13E;
	font-size: 2rem;
	text-shadow: 1px 0 0 #5E432D, -1px 0 0 #5E432D, 0 1px 0 #5E432D, 0 -1px 0 #5E432D, 1px 1px #5E432D, -1px -1px 0 #5E432D, 1px -1px 0 #5E432D, -1px 1px 0 #5E432D;
	font-weight:bold;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerLocationIntM {
	font-family: 'Raleway', sans-serif;
	color:#EAD13E;
	text-shadow: 1px 0 0 #5E432D, -1px 0 0 #5E432D, 0 1px 0 #5E432D, 0 -1px 0 #5E432D, 1px 1px #5E432D, -1px -1px 0 #5E432D, 1px -1px 0 #5E432D, -1px 1px 0 #5E432D;
	font-weight:bold;
	font-size: 1.2rem;
	line-height: 1.3;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerLocationIntS {
	font-family: 'Raleway', sans-serif;
	color:#EAD13E;
	text-shadow: 1px 0 0 #5E432D, -1px 0 0 #5E432D, 0 1px 0 #5E432D, 0 -1px 0 #5E432D, 1px 1px #5E432D, -1px -1px 0 #5E432D, 1px -1px 0 #5E432D, -1px 1px 0 #5E432D;
	font-weight:bold;
	font-size: 1rem;
	line-height: 1;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}


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

}

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


/* Start MENU formatting */
#IHSS-navbar,
#IHSS-navbar .uk-navbar-container {
	background-color:#7F8B25;
	/*z-index:1000;*/
}

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

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

#IHSS-navbar .uk-navbar-nav {
	row-gap: 0px;
	column-gap: 0px;
}

#IHSS-navbar .uk-navbar-nav > li a:hover {
	color: #5E432D;
	background-color:#FFF;
	border-bottom: none;	
}

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

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

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

li#myIHSS a {
	font-family:'Open Sans';
	font-size: .9rem;
	background-color: #EAD13E;
	color: #ffffff !important; 
	text-transform:none;
	font-weight:600;
}
li#myIHSS a:hover {
	color:#5E432D !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; 
}

#myIHSSoffcanvas {
	background-color: #ecaa00;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}
#logoutOffcanvas {
	background-color: #d70303;
	color:#fff;
	text-align:center;
}

/*DROPDOWN MENU*/
#IHSS-navbar .uk-navbar-dropdown {
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	background-color:#7F8B25;
}

#IHSS-navbar .uk-navbar-dropdown ul {
	margin-bottom:10px;
}

#IHSS-navbar .uk-navbar-dropdown-nav>li>a {
	/*padding-top:10px;*/
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color: #fff;	
	text-decoration:none;
}

#IHSS-navbar .uk-navbar-dropdown-nav>li>a:hover {
	color: #EAD13E;
	background-color: transparent;
	--uk-position-offset: 0px;
}
.uk-navbar-dropdown {
    --uk-position-offset: 0px;
}

#IHSS-navbar .uk-nav-sub a  {
	color: #EAD13E;
}

#IHSS-navbar .uk-nav-sub a:hover  {
	color: #BDBDBD;
}

#IHSS_offCanvasMenu .uk-parent > .uk-nav-sub {
	margin-left: 10px;
}
#uk2Navbar .uk-dropdown-navbar {
	background-color:#7F8B25 !important;
}

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


/* 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
==================================== */