/*
 * Erice 2027
 * Site-specific stylesheet
 *
 * CSS SECTIONS
 *
 * 0. Design tokens and site colours
 * 1. Base styles, resets and framework overrides
 * 2. General typography
 * 3. General layout and reusable components
 * 4. Header and hero
 * 5. Navigation
 * 6. Footer
 * 7. Buttons and form elements
 * 8. Utilities and miscellaneous
 * 9. Responsive adjustments
 */


/* ========================================================================
   0. DESIGN TOKENS AND SITE COLOURS
   ======================================================================== */

:root {

    /* Fonts */
    --font-heading: "Lato", sans-serif;
    --font-body: "Open Sans", sans-serif;
    --font-monospace: "Lekton", monospace;

    /* colours */
    --erice-blue-dark: #243A5C;
	 --erice-blue-darker: #111827;
    --erice-orange: #FF7200;
    --erice-red: #d70303;
    --erice-soft: #eef4fb;
    --erice-ink: #1f2a38;
    --erice-muted: #607083;
    --erice-green: #286231;
    --erice-white: #ffffff;

    --event-blue: #173b6d;

}


/* ========================================================================
   1. BASE STYLES, RESETS AND FRAMEWORK OVERRIDES
   ======================================================================== */

em {
	color: inherit;
}
.uk-modal {
	z-index: 10000 !important;
}

.uk-text-large {
    font-size: 20px;
}

/* ========================================================================
   2. GENERAL TYPOGRAPHY
   ======================================================================== */

body {
    font-family: var(--font-body);
    font-weight: 400;
    font-stretch: 100%;
    line-height: 1.3;
    color: var(--erice-ink);
    background: #fff;
}

h1, h2, h3, h4, h5, h6  {
    font-family: var(--font-heading);
    color: var(--erice-blue-dark);
}

p {
    font-family: var(--font-body);
    color: var(--erice-ink);
}

ul {
    font-family: var(--font-body);
    color: var(--erice-ink);
}
ol {
	font-family: var(--font-body);
	color: var(--erice-ink);
}

.az_monosp {
   font-family: var(--font-monospace);
	font-size:15px;
}

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



/* ========================================================================
   3. GENERAL LAYOUT AND REUSABLE COMPONENTS
   ======================================================================== */
/*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;}

#mapid { height: 400px; }


/* ========================================================================
   4. HEADER AND HERO
   ======================================================================== */

p.headerTitle {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 400;
	font-size:1.9rem;
	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.headerNames {
	font-family: var(--font-heading);
	color: var(--erice-white);
	font-size:1rem;
	font-weight: 400;
	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.headerLocation {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 600;
	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.headerTitleM {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 400;
	font-size:1.5rem;
	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.headerNamesM {
	font-family: var(--font-heading);
	color: var(--erice-white);
	font-size:0.8rem;
	font-weight: 400;
	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.headerLocationM {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 600;
	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;
}

p.headerTitleS {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 400;
	font-size:1rem;
	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.headerNamesS {
	font-family: var(--font-heading);
	color: var(--erice-white);
	font-size:0.6rem;
	font-weight: 400;
	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.headerLocationS {
	font-family: var(--font-heading);
	color: var(--erice-orange);
	font-weight: 600;
	font-size:0.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;
}


/* ========================================================================
   5. NAVIGATION
   ======================================================================== */
/* Start MENU formatting */
#Erice-navbar,
#Erice-navbar .uk-navbar-container {
	background-color: var(--erice-blue-dark);
}

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

#Erice-navbar .uk-navbar-nav > li > a,
#Erice-navbar .uk-navbar-item,
#Erice-navbar .uk-navbar-toggle {
	font-family: var(--font-heading);
	font-size: .9rem;
	min-height:40px;
	color:var(--erice-white);
	padding:0 15px;
	font-weight: normal;
}
.uk-navbar-nav {
	gap:0px;
}

#Erice-navbar .uk-navbar-nav > li a:hover {
	color: var(--erice-orange);
	border-bottom: none;	
}

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

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

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

.uk-navbar-nav > li > a.myEriceButton {
    min-height: 30px;
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
	 text-transform:none;
    background-color: var(--erice-orange) !important;
    color: #fff !important;
    border-radius: 6px;
}

.uk-navbar-nav > li > a.myEriceButton:hover {
    background-color: #ff9133 !important;
    color: #fff !important;
}

.uk-navbar-nav > li > a.logout {
    min-height: 30px;
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
	 text-transform:none;
    background-color: var(--erice-red) !important;
    color: #fff !important;
    border-radius: 6px;
}

.uk-navbar-nav > li > a.logout:hover {
    background-color: #e53935 !important;
    color: #fff !important;
}

myEriceNav a {
	background-color: var(--erice-orange);
	color: #ffffff;
	text-align:center;
	text-transform:none;
}

li#myErice a:hover {
	color:#fff !important; 
	background-color: #A93D1B !important;	
}


li#logout a {
	background-color: #d70303;
	color: #ffffff;
	font-family: var(--font-heading);
	font-size: .9rem;
	font-weight:600;
}



#myEriceoffcanvas  {
	background-color: var(--erice-orange);
	color: var(--erice-white);
	text-align:center;
	text-transform:none;
}

#logoutOffcanvas {
	background-color: var(--erice-red);
	color: #ffffff;
	text-align:center;
}

#uk2Navbar {
}


/* ========================================================================
   6. FOOTER
   ======================================================================== */
.footer {
	background-color:	var(--erice-blue-darker);
}
.footer p {
	color:#94979E;
	/*font-size:14px;*/
	font-size:0.9rem;
}
.footer h3 {
	color:var(--erice-white);
}
.footer a {
	color: var(--erice-white);
}
.footer a:hover {
	color: var(--erice-orange);
	text-decoration: none;
}

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



/* ========================================================================
   7. BUTTONS AND FORM ELEMENTS
   ======================================================================== */

.buttonRegistration {
	background-color: var(--erice-orange);
	color:#fff;
}
.buttonRegistration:hover {
	background-color: #ff9133;
	color:#fff;
}

.button-back {
  background-color: #1f497d;
  color: #ffffff;
}
.button-back:hover,
.button-back:focus {
  background-color: #1f497d;
  color: #ffffff;
}



/* ========================================================================
   8. UTILITIES AND MISCELLANEOUS
   ======================================================================== */


/* ========================================================================
   9. RESPONSIVE ADJUSTMENTS
   ======================================================================== */