/* 
    Document   : main
    Created on : mod. 14.12.2015
    Author     : Sandra Duerst
    Description: Main css File, for every view
*/

body{
    overflow:hidden;
    font-family: "MuseoSans_300", sans-serif;
    color: #1F1F1F;
    text-rendering: optimizelegibility;
}

div{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper{
    width: 1920px;
    height: 1080px;
    background-color: #1F1F1F;
    padding: 20px;
}

#header{
    width: 1880px;
    height: 120px;
    margin-bottom: 20px;
}

#header.widget{
    background: none;
    background-color: #1F1F1F;
}

#novartis_logo{
    float: left;
    width: 20%;
    margin-top: 10px;
}

#site_title{  
    font-family: "Museo100-Regular",sans-serif;
	font-size: 70px;
	float: left;
    width: 50%;
	text-align: center;
	letter-spacing: 0.05em;
	position:relative;
	margin-top: 80px;
	margin-left: 28px;
}

#site_datetime{
    float: right;
    margin-right: 10px;
	font-size: 20pt;
	position:relative;
	margin-top: 92px;
	margin-left: 16px;
}

.site_title{ 
    font-size: 48px;
    color: #fff;
}

.widget{ 
    background-color: #F0F0F0;
}


.widget_header{
    height: 52px;
    background-color: #B8CF3F;
}

.widget_header_title{
    margin-left: 20px;
}

.widget_header_title h1{
    font-family: 'MuseoSans_300', sans-serif;
	line-height: 50px;
    font-size: 22px;
    color: #1F1F1F;
	letter-spacing:0.03em;
	/*text-transform: uppercase;*/
}

h1 {
    font-size: 31px;
    line-height: 47px;
}

h2 { 
    width: 1920px;
    font-size: 21px;
    line-height: 31px;
}

h3 {
    font-size: 16px;
}

/* Black Background Widget */

.black_widget h2{
    font-family: 'MuseoSans_300', sans-serif;
    font-size: 22px;
    line-height:50px;
	background-color: #B8CF3F;
	width: 325px;
	padding-left: 15px;
}

.black_widget{
    height: 100%;
    border-radius: 3px;
    background-color: #F0F0F0;

}

.small_text{
    color: #1F1F1F;
    font-size: 16px;
    line-height: 24px;
}

.tiny_text {
    color: #1F1F1F;
    font-size: 13px;
    line-height: 24px;
}

.tiny_text ul{
	color: #1F1F1F;
    font-size: 13px;
    line-height: 26px;
}

.tiny_text li{
	color: #1F1F1F;
    font-size: 13px;
    line-height: 26px;
	list-style-type: none;
	padding-left: -15px !Important;
}


.tiny_text li::before {
    font-family:"MuseoSans_900", sans-serif;
	color: #1F1F1F;
	content: "–";
    top: -2px;
	position: relative;
    left: -10px;
}

.medium_text{
    font-family:"MuseoSans_700", sans-serif;
	color: #1F1F1F;
    font-size: 13px;
    line-height: 24px;
	padding-left: 15px;
	letter-spacing:0.05em;
}

.orange_text{
    color: #F15A24;
    font-size: 22px;
    font-weight: bold;
}

.big_text{
    color: #FFFFFF;
    font-size: 31px;
    line-height: 46px;
}