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

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

"Official colours":
BLUE:			#001689
BLUE 10%:	#4051A7
BLUE 20%:	#808BC5
Blue dark:  #001e61
RED:        #D12130
ORANGE:	   #E5740D
GREEN:		#3C800E

*/

/* 1. resets and overrides
==================================== */
/* Override default uikit default*/
em {
	color: inherit;
}
.uk-card-default .uk-card-title {
	color: #ca9e01;
	font-weight: 500;
}


/* 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: 'Open Sans', 'Arial', sans-serif;
	color: #291b72;
}

p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}

ul {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}


/* 3. general layout
==================================== */
#mapid { height: 400px; }

.button-back {
	background-color:#2c3492;
	color:#FFF;
}

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.costs th.green {color:#3c800f; text-transform:inherit; font-weight:bold; font-size:16px;}
table.costs th.orange {color:#FF9428; text-transform:inherit; font-weight:bold; font-size:16px;}


#mapid { height: 400px; }

/* 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;
}

.localorganiser-card {
	background-color:#291b72;
}
.localorganiser-card p {
	color:#fff;
}
.programmeOvw h3 {
	color:#FFF;
}

/* Styling of tabs on mypage */
li.myTab a {
	color: #001689;
	background-color:#ffff;
}
li.myTab a:hover {
	color: #262624;
	background-color:#fff;
	border-color:#d12130;
}
ul#myDNTabsSX .uk-dropdown {
	padding-top:0px;
	padding-bottom:0px;
}

.white-background {
	background-color:#ffffff;
}

.uk-tab {
  border-bottom: none;
}
.uk-tab > li.uk-active > a {
  /*border-color: #DDDDDD;*/
  color:#D12130;
  text-shadow: none;
  /*border-radius: 0;*/
  /*border-bottom: 1px solid #DDDDDD;*/
}

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

.yellowA {
	background-color: #ffce00;
}
.orangeA {
	background-color: #e0592b;
}
.redA {
	background-color: #D12130;
}
.violetA {
	background-color: #921081;
}
.blueA {
	background-color: #211E56;
}
.lightblueA {
	background-color: #216b94;
}
.greenDarkA {
	background-color:#225340;
}
.greenA {
	background-color:#228c30;
}
.greyA {
	background-color: #9CA0A5;
}

.button-registration {
	background-color:#E5740D;
	color:#FFF;
}
.button-registration:hover {
	background-color: #F3BA87;
	color:#fff;
}

.button-programme {
	background-color:#e0592b;
	color:#FFF;
}
.button-programme:hover {
	background-color: #E88360;
	color:#fff;
}

.button-run {
	background-color:#3C800E;
	color:#FFF;
	line-height:1.9;
}
.button-run:hover {
	background-color:#6DA04B;
	color:#FFF;
}

.button-back {
	background-color:#2c3492;
	color:#FFF;
}

/* 4. header-specific
==================================== */
p.headerTitle {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 3.1rem;
	font-style:italic;
	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: 'Open Sans', 'Arial', sans-serif;
	color:#fff;
	font-weight:600;
	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.headerTitleM {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 2.6rem;
	font-style:italic;
	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: 'Open Sans', 'Arial', sans-serif;
	color:#fff;
	font-weight:600;
	font-size: 1.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.headerTitleS {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 1.8rem;
	font-style:italic;
	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: 'Open Sans', 'Arial', sans-serif;
	color:#fff;
	font-weight:600;
	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;	
}


/*Internal pages*/
p.headerTitleInt {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 3rem;
	font-style:italic;
	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: 'Open Sans', 'Arial', sans-serif;
	color:#001689;
	font-weight:600;
	font-size: 1.6rem;
	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.headerTitleIntM {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 2.3rem;
	font-style:italic;
	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.headerLocationIntM {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#001689;
	font-weight:600;
	font-size: 1.2rem;
	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.headerTitleIntS {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#D12130;
	font-weight:700;
	font-size: 1.6rem;
	font-style:italic;
	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.headerLocationIntS {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#001689;
	font-weight:600;
	font-size: 1.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;	
}


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


/* Start MENU formatting */
#DNM-navbar,
#DNM-navbar .uk-navbar-container {
	background-color: #D12130;
}

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

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

.uk-navbar-nav {
	gap:0px;
}

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

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

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

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

li#myDNM a {
	font-family:'Open Sans Condensed';
	font-size: .9rem;
	background-color: #001689;
	color: #ffffff;
	text-transform:none;
	font-weight:600;
}
li#logout a {
	background-color: #ae1b1f;
	color: #ffffff;
	font-family:'Open Sans Condensed';
	font-size: .9rem;
	font-weight:600;
}

#myDNMoffcanvas {
	background-color: #291b72;
	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;
}

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


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