/* 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
==================================== */
/*
DDRC 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":
grey:               #4F4D4B
darkgrey:           #363533
orange:             #f7881e


RED:					#c00000
Yellow:           #dfb129
Orange:           #df7b1f
*/


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

/* Override default uikit default*/
em {
	color: inherit;
}
.uk-modal {
	z-index: 10000 !important;
}
/*
 * Modifier: `uk-button-form`
 */

.uk-notify.uk-notify-top-center {margin-top:50px;}
.uk-notify-message>.uk-close {visibility: visible;}

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	color: #f7881e;
	font-weight:500;
}

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 {margin-top: 0px;}
p.az_monosp {padding-top: 0.3em;}
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 #634A68;}
table.az_programme th h2 {margin-bottom:0px; color:#634A68;}

#mapid { height: 400px; }

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

.ProgrammeDay {
	font-weight:bold;
	border-bottom:solid 2px #4F4D4B;
	color:#4F4D4B;
}
.Session {
	color:#4F690D;
	font-weight:700;
	font-size:1.2rem;
}
.Kspeaker {
	color:#4F690D;
	font-weight:700;
	font-size:0.95rem;
}
.KAffiliation {
	color:#4F690D;
	font-weight: normal;
	font-size:0.9rem;
	font-style:italic;
}
.ParallelSession {
	color:#f7881e;
	font-weight:700;
	font-size:1.1rem;
}
.Pspeaker {
	color:#4F4D4B;
	font-weight:700;
	font-size:0.95rem;
}

.Break {
	color:#dfb129;
	font-style:italic;
	font-weight:700;
}

.Title {
	font-size:0.9rem;

}
.Affiliation {
	font-style:italic;
	font-weight:normal;
}
.Chair {
	font-style:italic;
	font-variant:small-caps;
}	
.room {
	font-size:0.9rem;
	font-variant:small-caps;
	font-style:normal;
}

.buttonRegistration {
	background-color: #f7881e;
	color:#fff;
}
.buttonRegistration:hover {
	background-color: #FCC48F;
	color:#fff;
}


.toggle{
	display: inline;
	white-space: nowrap;
}
.toggle a{
	font-size: 13px;
	color: #888;
	font-weight: bold;
	padding: 0 1px;
}
.confirm{
	display: none;
	color: #F00;
	/*font-size: 11px;*/
}
.option { used only for javascript behaviour }

.textOrange {
	color:#f7881e;
}
.textGrey {
	color:#4F4D4B;
}

#mapid { height: 400px; }


/* 4. header-specific
==================================== */
p.headerTitle {
	font-family: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 4px #fff;
	font-weight:700;
	font-size: 3rem;
	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: 'Montserrat', sans-serif;
	color:#f7881e;
	/*text-shadow: 0 0 5px #3B3A38;*/
	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
	font-weight:600;
	font-size: 2.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.headerTitleM {
	font-family: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 4px #fff;
	font-weight:700;
	font-size: 1.8rem;
	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.headerLocationM {
	font-family: 'Montserrat', sans-serif;
	color:#f7881e;
	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
	font-weight:600;
	font-size: 1.5rem;
	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: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 1px #fff;
	font-weight:700;
	font-size: 1.3rem;
	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.headerLocationS {
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-shadow: 0 0 5px #3B3A38;
/*	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
*/	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.headerTitleInt {
	font-family: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 4px #fff;
	font-weight:700;
	font-size: 2.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.headerLocationInt {
	font-family: 'Montserrat', sans-serif;
	color:#f7881e;
	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
	font-weight:600;
	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.headerTitleMInt {
	font-family: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 4px #fff;
	font-weight:700;
	font-size: 1.8rem;
	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.headerLocationMInt {
	font-family: 'Montserrat', sans-serif;
	color:#f7881e;
	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
	font-weight:600;
	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.headerTitleSInt {
	font-family: 'Montserrat', sans-serif;
	color:#3B3A38;
	text-shadow: 0 0 4px #fff;
	font-weight:700;
	font-size: 1.3rem;
	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.headerLocationSInt {
	font-family: 'Montserrat', sans-serif;
	color:#f7881e;
	text-shadow:
                -1px -1px 0 #3B3A38,
                1px -1px 0 #3B3A38,
                -1px 1px 0 #3B3A38,
                1px 1px 0 #3B3A38,
                -1px 0px 0 #3B3A38,
                1px 0px 0 #3B3A38,
                0px -1px 0 #3B3A38,
                0px 1px 0 #3B3A38;
	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;
}

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

}


/* 5. navigation-specific
==================================== */

/* MAIN MENU STYLING */

#DDRC-navbar,
#DDRC-navbar .uk-navbar-container {
	background-color: #4F4D4B;
}

#DDRC-navbar .uk-navbar-nav > li > a,
#DDRC-navbar .uk-navbar-item,
#DDRC-navbar .uk-navbar-toggle {
	font-family:'Roboto', sans-serif;
	font-size: .9rem;
	min-height:40px;
	color:#fff;
	padding:0 20px;
}

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

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

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

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

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

li#myDDRC a {
	font-family:'Roboto';
	font-size: .9rem;
	background-color: #f7881e;
	color:#fff !important; 
	text-transform:none;
	font-weight:700;
}
li#myDDRC a:hover {
	color:#f7881e !important; 
	background-color:#fff !important;
}

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


/* OFF CANVAS MENU STYLING */
#myDDRCoffcanvas {
	background-color: #f7881e !important; 
	color: #fff;
	text-align:center;
	text-transform:none;
}

#logoutOffcanvas {
	background-color: #d70303;
	color:#fff;
	text-align:center;
}

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

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

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

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

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

#DDRC-navbar .uk-nav-sub a:hover  {
	color: #f7881e;
}

#DDRC_offCanvasMenu .uk-parent > .uk-nav-sub {
	margin-left: 10px;
}
#uk2Navbar .uk-dropdown-navbar {
	background-color:#4F4D4B !important;
}

#uk2Navbar .uk-dropdown-navbar > .uk-nav-navbar >li>a:hover {
	color: #f7881e;
	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;
}

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


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


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