/* 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
==================================== */
/*
DOTT 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":
red (mattone):   #A14F21
grigio:          #766D6C
verde chiaro:    #86C647
azzurro:         #70CEEF
arancio:         #F79A33
blue:            #1E4784

Dark green:  #42615D
BLUE:        #204162
RED:         #900000
Yellow:      #F9C016
*/


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

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

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

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

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;
	padding-top:3px;
}

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

/* 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;}
table.az_programme p.blue-lecture {margin-bottom:10px;}

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

.FontAffiliation {
	font-size:0.9rem;
}
.ProgrammeDay {
	color:#622361;
	border-bottom:solid 1px #622361;
}

.SpeakerK {
	color:#622361;
	font-weight:bold;
}
.SpeakerN {
	color:#8f489a;
	font-weight:bold;
}
.SpeakerF {
	color:#58718A;
	font-weight:bold;
}
.SpeakerSp {
	color:#286231;
	font-weight:bold;
}
.Session {
	font-weight:bold;
	color:#286231;
	font-size:18px;
}
.SessionF {
	font-weight:bold;
	color:#58718A;
	font-size:18px;
}
.affiliation {
	font-weight:normal;
	font-style:italic;
}
.Break {
	color:#F9C016;
	font-weight:bold;
	font-style:italic;
}
.Yellow {
	color:#ffbc00;
}
.Chair {
	font-style:italic;
	color:#9fa2a3;
	font-weight:bold;
}

.programmeDay {
	padding-left:3px;
	color:#FFF;
}

.TimeS {
	font-size:13px;
}

#mapid { height: 400px; }

.organiser {
	color:#204162;
	font-weight:bold;
}
.city {
	color:#204162;
	font-style:italic;
}
.KeynoteSP {
	color:#286231;
	font-weight:bold;
}
.deadline-card {
	background-color:#900000;
}
.deadline-card p {
	color:#fff;
}
.noroom {
	color:#204162;
	font-weight:bold;
}
.double {
	color:#6c8de3;
	font-weight:bold;
}
.single {
	color:#787C83;
	font-weight:bold;
}

/* a simple, elegant alternative to <hr> */
.az-gradient-divider {
  height: 2px;
  background: linear-gradient(to right, transparent, #ccc, transparent);
}

.button-registration {
  background-color: #A14F21;
  color: #ffffff;
  text-shadow: none;
  line-height:2.2;
}
/* Hover */
.button-registration:hover,
.button-registration:focus {
  background-color: #766D6C;
  color: #fff;
  text-shadow: none;
}
/* Active */
.button-registration:active {
  background-color: #FDE08B;
  color: #42615D;
  text-shadow: none;
}


/* Formatting for myDOTT Back Office abstract page */
ul#DottInfoTab .uk-tab {
  border-bottom: 1px solid #999;
}

ul#DottInfoTab .uk-tab > li > a:hover,
ul#DottInfoTab .uk-tab > li > a:focus,
ul#DottInfoTab .uk-tab > li.uk-open > a {
  border-color: #999;
  background: #999;
  color: #005599;
  /* 2 */
  outline: none;
}
ul#DottInfoTab .uk-tab > li:not(.uk-active) > a:hover,
ul#DottInfoTab .uk-tab > li:not(.uk-active) > a:focus,
ul#DottInfoTab .uk-tab > li.uk-open:not(.uk-active) > a {
  margin-bottom: 1px;
  padding-bottom: 7px;
}
/* Active */
ul#DottInfoTab .uk-tab > li.uk-active > a {
  border-color: #999;
  border-bottom-color: transparent;
  background: #ffffff;
  color: #444444;
}

/* dropdown for menu on small devices */
ul#DottInfoTab .uk-dropdown {
	padding-top:0px;
	padding-bottom:0px;
}

/* Styling of tabs on info page */
li.infoTab a {
	color: #fff;
	background-color:#204162;
}
li.infoTab a:hover {
	color: #204162;
	background-color:#fff;
}
li.infoTab2 {
	margin-top:20px;
	margin-left:10px;
}


/* 4. header-specific
==================================== */

p.headerTitle {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 3.5rem;
	color:#A14F21;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocation {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 2rem;
	color:#766D6C;
	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.headerTitleM {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 2.8rem;
	color:#A14F21;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerTitleMInt {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 2.4rem;
	color:#A14F21;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocationM {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 1.7rem;
	color:#766D6C;
	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.headerLocationMInt {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 1.4rem;
	color:#766D6C;
	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.headerTitleS {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 2rem;
	color:#A14F21;
	line-height: 1.2;
	text-transform: none;
	display: block;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

p.headerLocationS {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size: 1.3rem;
	color:#766D6C;
	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 */
#DOTT-navbar,
#DOTT-navbar .uk-navbar-container {
	background-color: #766D6C;
}

#DOTT-navbar .uk-navbar-nav > li > a,
#DOTT-navbar .uk-navbar-item,
#DOTT-navbar .uk-navbar-toggle {
	font-family:'Lato', sans-serif;
	font-size: .9rem;
	min-height:40px;
	color:#ffffff;
	padding:0 20px;
	font-weight:400;
}
.uk-navbar-nav {
	gap:0px;
}

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

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

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

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

li#myDOTT a {
	font-family:'Lato';
	font-size: .9rem;
	background-color: #86C647;
	color:#fff !important; 
	text-transform:none;
	font-weight:700;
}
li#myDOTT a:hover {
	color:#86C647 !important; 
}

li#logout a {
	background-color: #d70303;
	color:#fff !important; 
	font-family:'Lato';
	font-size: .9rem;
	font-weight:600;
}
li#logout a:hover {
	color:#1f497d !important; 
}

/* OFF CANVAS MENU STYLING */
.uk-button.myDOTToffcanvas a {
	background-color: #86C647;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}
#myDOTToffcanvas {
	background-color: #86C647;
	color: #ffffff;
	text-align:center;
	text-transform:none;
}

#logoutOffcanvas {
	background-color: #d70303;
	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;
}

/*!!!!!ONLY for UIKIT2 footer!!!!!*/
#DOTT-footer p {
	font-size:16px;
}


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


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