﻿html{
    background:#ffffff;
}

h1.light{
    color:#000000;
	font-size:24px;
}
.magazine{
    border: 1px solid #000000;
}
.button, .button2{
    background-color:#ec6608;
	border-color:#ffffff;
}
.button2{
	color:#ffffff;
}
.button:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,0.75);
	color:#ffffff!important;
}
.loader{
    background-color:#ffffff;
}
.login_code_input{

    border:1px solid #000000;
}

.uk-offcanvas-bar{
	background:#ffffff;
	
}
ul.menu li:first-child::before{
	background-color:rgba(0, 0, 0, 0.1);	
}
ul.menu li::after {
	background-color:rgba(0, 0, 0, 0.1);
}

.publication-categories{
	background-color: rgba(0,0,0, 0.75);
}

ul.menu li a:hover > i {
	color:#000000;
}
ul.menu li:hover span { color:#000000; }

a:hover {
	color:#000000!important;
}
.pace .pace-progress {
	    background:#000000;
}

.section-footer p{
	color:#ffffff;
}

.section-footer ul li a{
	color:#ffffff;
}
.full-text a{
    color:#000000;
}
.magazine h2{
	font-size: 12px;
}

.article-category{
	display:none;
}
.article-buttons{
	display:none;
}
.intro-text{
	font-weight:bold;
}
.section-background-blurred{
	background: #ffffff !important;
}


.text-page .inner-container p, .story-text p{
font-family:serif;
font-size:16px;
}

.intro-text {
    font-weight: bold;
    font-size: 1.4em;
}

/*
X STYLING
rgb: 7,66,110 (#07426E)

_x07 is autor (could be semibold italic)
_x10 is Quote (could be bold and coloured)
_x13 is info/note (semibold)
_x40 is question in interview articles (bold)
_x06 is undertitle (bigger fontsize)
_x08 is text in articles
_x22 is text in boxes and editorial article
_x04 is text in boxes
_x42 is boxtext with numbered list (has 1) 2) 3) )
_x43 is boxtext as list with symbol in front (has triangle or dot in front)
_x21 and 
_x23 are titles (Headline fontsize)
_x11 is caption for pictures (could be semibold)
_x12 is photocredit (could be italic, small fontize)
_x05 is coloured bold text
_x08 is bold text
_x40 is question in interview articles (bold)
_x09 are crossheads (could be bigger, sembibold, coloured) I saw there is a problem when text is separated by shift +enter - there is no space between words)

x_51 —> bold ( semibold_x51 )
x_52 —> italic ( italic_x52 )
x_53 —> capital letters ( majuscule_Legende_Une_x53 )
x_54 —> underlined
x_55 —> crossed out
x_61 —> footnote
x_62 —> table footnote
x_63 —> superscript (Superieur_x63)
x_64 —> subscript (Inferieur_x64)
*/
.c_x07{
	font-style: italic;
		font-weight:600;
}
.p_x10, .c_x10{
	color:#07426E;
	font-size:1.8em !important;
	font-weight:bold;
	margin:30px 0 !important;
	padding:10px 0;
	border-top:2px solid #07426E;
	border-bottom:2px solid #07426E;
}
.c_x13{
		font-weight:600;
}
.c_x40, .p_x40{
	font-weight:bold;
}
.c_x06{
font-size:2em;
}
.c_x08{
	/*not used, x08 is default text paragraph */
}
.c_x22{
font-family:sans-serif !important;
}
.c_x04{

}
.c_x42{

}
.c_x43{

}
.c_x21, .c_x23, .p_x21, .p_x23{
	font-size:2em !important;
	font-weight:bold;
	margin:38px 0 0 0 !important;
		color:#07426E;
}
.c_x11, .p_x11{
		font-weight:600;
}
.c_x12, .p_x12{
	font-style: italic;
	font-size:0.9em !important;
}
.c_x05{
	color:#07426E;
}

.c_x09, .p_x09{
	color:#07426E;
	font-weight:600;
	font-size:1.8em !important;
	font-style: italic;
}

.c_x51{
	font-weight:bold;
}
.c_x52{
	font-style: italic;
}
.c_x53{
	  text-transform: uppercase;
}
.c_x54{
	text-decoration: underline;
}
.c_x55{
	 text-decoration: line-through;
}
.c_x61{
	
}
.c_x62{
	
}
.c_x63{
	  vertical-align: super;
  font-size: smaller;
}
.c_x64{
	  vertical-align: sub;
  font-size: smaller;
}

.slideshow, .slideshow li{
 height:380px !important; 
}
/*
.slideshow .uk-cover-background{
background-position: 50% 0%;
}
*/
.article-information h1{
	font-family:serif;
	text-transform:none;
	font-size: 50px;
	font-weight:bold;
}
.imagecaption{
/*font-family:serif;*/
font-size:14px;
background-color:#07426E94;
padding:4px;

}
.imagecaption h3{
text-align:left;
}
.imagecaption p, .imagecaption h3{
color:#ffffff;
}
.imagecaption p{
font-size:12px;
}

.magazine{
height:520px !important;;
}
.magazinecover{
height:400px !important;}