/* FROM innofied.com [with pjm comments]
		Resets and overrides [ok]
		Links and type
		Main layout
		Secondary layout structures
		Form elements [useful]
		Miscellaneous [ok]
	Example start of "section" is below:
*/

/* resets and overrides
========= */

/* FROM webdesignledger.com [with pjm comments]
	 * CH01 - Resets [ok]
	 * CH02 - Typography
	 * CH03 - Page Structure
	 * CH04 - Header & Navigation [ok; separate]
	 * CH05 - Content & Media
	 * CH06 - Footer [ok]
	 * CH07 - Miscellaneous [ok]
*/

/* 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
==================================== */
/*
SHVM 2026 COLOURS
[
For colour names, see
(1) http://chir.ag/projects/name-that-color/  OR
(2) http://www.colblindor.com/color-name-hue/
]

"Official colours":
Twilight:			#E1CED4 (tipo rosa)
Maroon Oak:			#640f2c (bordeaux)
Mercury:				#e4e4e4 (grigio)
Raffia:				#e8e2b0 (giallo)
Port Gore:			#211E56 (blu)
Yellow:           #FFCD40
*/


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

/* Override default uikit default*/
em {
	color: inherit;
}

.uk-badge {
	/*background-color:#640f2c;*/
}
/* 2. general typography
==================================== */
body * {
	font-family: 'Roboto', Arial, sans-serif;
}

p {
	color: #262624;
	font-family: 'Roboto', Arial, sans-serif;
}
ul {
	font-family: 'Roboto', Arial, sans-serif;
	color:#262624;
}

.az_monosp {
	font-family: 'Lekton', monospace;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	color: #211E56;
}

a {
	text-decoration: none;
	color: #640f2c;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color: #211E56;
}

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


/* 3. general layout
==================================== */
table.az_programme p { margin-bottom:0;}
table.az_programme p.pre_coffee {margin-bottom: 1em;}
tr.post_coffee td p, tr.post_coffee td h3 {padding-top: 0.6em;}
table.az_programme td {border-bottom: none;}
table.az_programme th {border-bottom: none;}

#mapid { height: 500px; }

.organisers {
	color:#640f2c;
	font-size:14px;
}
.committees {
	color:#211E56;
	font-size:16px;
	font-weight:bold;
}
.organiser-card {
	background-color:#211E56;
	color:#FFF;
}
.organiser-card p {
	color:#fff;
}

/* Accordion */
.accordionProg {
	color:#ffffff;
	padding-left: 5px;
}

/*a.accordionTitle h2 {
	color:#ffffff;
	padding-left: 5px;
	padding-bottom: 3px;
	text-decoration: none;
}*/

.goldS {
	background-color: #ca9e01;
}
.orangeM {
	background-color: #e0592b;
}
.redT {
	background-color: #640f2c;
}
.blueW {
	background-color: #211E56;
}
.greyP {
	background-color: #9CA0A5;
}


.Chair {
	font-size:14px;
	font-variant:small-caps;
	color: #211E56;
}

.button-registration {
  background-color: #640f2c;
  color: #ffffff;
  text-shadow: none;
  line-height:2.2;
}
/* Hover */
.button-registration:hover,
.button-registration:focus {
  background-color: #E1CED4;
  color: #ffffff;
  text-shadow: none;
}
/* Active */
.button-registration:active,
.button-registration.uk-active {
  background-color: #E1CED4;
  color: #ffffff;
  text-shadow: none;
}


.OC {
	font-weight:bold;
	color:#640f2c;
}
.OCAff {
	font-style:italic;
	font-weight:normal;
	color:#640f2c;
}

.Speaker {
	font-weight:bold;
	color:#640f2c;
	margin-top:3px;
}
.Affiliation {
	font-style:italic;
	font-weight:normal;
	color:#640f2c;
}
.SpeakerTitle {
	margin-top:0px;
	margin-bottom:7px;
	margin-left:5px;
}

.posters {
	border-bottom: 1px solid #63635E;
	margin-bottom:20px;
	padding-bottom:20px;
}

.odd{
    color: #c129b9;
    font-weight: bold;	
}
.even{
    color: #001689;
    font-weight: bold;	
}

.coffee {
	background-color:#e4e4e4;
}
.plenary {
	font-weight:bold;
	color:#211E56;
	font-size: 17px;
}
.plenaryTitle {
	color:#211E56;
	font-weight:bold;
}
.plenarysubTitle {
	color:#640f2c;
	font-size: 15px;
}

.room {
	font-size: 12px;
	font-weight:normal;
}
.break {
	color: #ca9e01;
	font-weight:bold;
	font-style:italic;
}
.Time {
	font-family: 'Lekton', 'Monaco', monospace;
	color: #595781;
}
.TimeS {
	font-family: 'Lekton', 'Monaco', monospace;
	color: #595781;
	font-size:14px;
}

.fees {
	color: #640f2c;
	font-weight:bold;
}

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


/* 4. header-specific
==================================== */
p.headerPreTitle {
	font-family: 'Raleway', sans-serif;
	color:#211E56; 
	line-height:1.2; 
	font-weight:700; 
	font-size:2rem;	
	font-style:italic;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerPreTitleM {
	font-family: 'Raleway', sans-serif;
	color:#211E56;
	line-height:1.3;
	font-weight:700;
	font-size:1.3rem;
	font-style:italic;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
p.headerPreTitleS {
	font-family: 'Raleway', sans-serif;
	color:#211E56;
	font-size:1.1rem;
	line-height: 1.3;
	font-weight:700;	
	font-style:italic;
	text-transform: none;
	display: block;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerTitle {
	font-family: 'Raleway', sans-serif;
	font-size:2.2rem; 
	color:#640f2c; 
	line-height: 1.2; 
	font-weight:700;	
	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-size:1.7rem; 
	color:#640f2c; 
	line-height: 1.2; 
	font-weight:700;	
	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-size:1.2rem; 
	color:#640f2c; 
	font-weight:700;
	line-height:1.5;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocation {
	font-family: 'Raleway', sans-serif;
	color:#211E56; 
	font-weight:700; 
	font-size:1.8rem;
	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:#211E56;
	font-weight:700;
	font-size:1.3rem;	
	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:#211E56;
	font-weight:700;
	font-size:1.1rem;
	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.headerPreTitleInt {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.8rem;
	font-style:italic;
	color:#211E56;
	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.headerPreTitleIntM {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1.3rem;
	font-style:italic;
	color:#211E56;
	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.headerPreTitleIntS {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 1rem;
	font-style:italic;
	color:#211E56;
	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.headerTitleInt {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2rem;
	color:#640f2c;
	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.4rem;
	color:#640f2c;
	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:#640f2c;
	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:#211E56;
	font-weight:bold;
	font-size: 1.7rem;
	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:#211E56;
	font-weight:bold;
	font-size: 1.3rem;
	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:#211E56;
	font-weight:bold;
	font-size: 1rem;
	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;
}

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

/* uikit 3 */
/* Start MENU formatting */
#SHVM-navbar,
#SHVM-navbar .uk-navbar-container {
	background-color: #640f2c;
	/*z-index: 9999;*/
}

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

#SHVM-navbar .uk-navbar-nav > li > a,
#SHVM-navbar .uk-navbar-item,
#SHVM-navbar .uk-navbar-toggle {
	font-family:'Roboto Condensed';
	font-size: .9rem;
	min-height:40px;
	color:#FFF;
	padding:0 13px;
	font-weight:normal;
}
.uk-navbar-nav {
	gap:0px;
}
#SHVM-navbar .uk-navbar-nav > li a:hover {
	color: #211E56;
	background-color:#FFF;
	border-bottom: none;	
}

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

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

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

#mySHVMoffcanvas {
	background-color: #211E56;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}
#logoutOffcanvas {
	background-color: #d70303;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}


/* ukit 2 */
nav#SHVM_nav {
	background-color:#640f2c !important;
	color:#000;
}
nav#SHVM_nav a {
	color:white;
	border-bottom:none;
	text-shadow: none;
}

nav#SHVM_nav li  a {
	font-family: 'Roboto Condensed';
	font-size: 14px;
	text-shadow: none;
}

nav#SHVM_nav li a:focus {
	background-color:white;
	color:#211E56;
}

nav#SHVM_nav li a:hover {
	background-color:white;
	color:#211E56;
}

li#mySHVM a {
	background-color: #211E56;
	color: #fff;
	text-transform:none;
}

li#logout a {
	background-color: #D12130;
	color: #ffffff;
	text-shadow: none;
}

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

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

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

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

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

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

#SHVM_offCanvasMenu .uk-parent > .uk-nav-sub {
	margin-left: 10px;
}
#uk2Navbar .uk-dropdown-navbar {
	font-family: 'Roboto Condensed', sans-serif;
	background-color:#640f2c !important;
}

#uk2Navbar .uk-dropdown-navbar > .uk-nav-navbar >li>a {
	font-family: 'Roboto Condensed', sans-serif;
}

#uk2Navbar .uk-dropdown-navbar > .uk-nav-navbar >li>a:hover {
	font-family: 'Roboto Condensed', sans-serif;
	color: #E1CED4;
	background-color: transparent;
}



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

/*FOOTER UK2*/
div#SHVM_footer,
div#SHVM_footer p,
div#SHVM_footer a
{
	color:silver;
}
div#SHVM_footer p {
	font-size: 12px;
}

.SHVM-footer {
	background-color:#2A3137;
	color: #818386;
}
.SHVM-footer a {
	color: #6d91a0;
}
.SHVM-footer a:hover {
	color: white;
	text-decoration: none;
}


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


/* 8. miscellaneous
==================================== */
body {
	/*overflow-y: scroll;*/
	color:#262624;
}

