:root{
  --maxwidth:970px;
  --headersize:680px;
  --iconsize:180px;
  --tsize:380px;
  --wpsize:1250px;
  --sectionsize:890px;
  --sidesize:270px;
  --menutopdistance:215px;
  --sectiontopdistance:55px;
  --myorange: #F7941D;/* #F78931; */
  --myorangeover:#FF6600;
  --textcolor:#494e52; /*#353535; #222222; */
  --h1textcolor:#222;
  --linkazure:#46c1ff;
  --linkazureover:#048dd1;
  --lightgray: #F2F2F2; /* F7F7F7; */
  --time_text_color: #999;
  --header_background_color: #4c4b4b;
  --menubar_bottom_border_color: #F7941D
}





/* @font-face {
font-family: 'SamsungOne 400';
font-style: normal;
font-weight: normal;
src: local('SamsungOne 400'), url('../fonts/SamsungOne-400.woff') format('woff');
} */
ul {
  list-style-type:square;
  margin: 0;
  padding-left: 1em;
}

ol {
  margin: 0;
  padding-left: 1em;
}

body {
  background-color: #fff;
  /* padding:50px; */
  /* font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
  color:#494e52; /*#353535;*/
  color:var(--textcolor);
  /* font-weight:500; old text color #494949*/
  font-family: 'Roboto', sans-serif; /*"Open Sans", sans-serif;*/
   /*1em;.98rem;*/
  /* font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;  */
  font-weight: 300;
  line-height: 1.3;
  font-size: 18px;
  height: 100%;
  width: 100%;
  margin-left: -1px;
  left:-1px;
  margin-bottom: -5px;
  min-width: 970px;
}

time{
  color:#999;
    color:var(--time_text_color);
    font-size: .9rem
}

h1, h2, h3, h4, h5, h6 {
  color:#222;
  color:var(--h1textcolor);
  margin:0 0 10px;
}

p, ul, ol, table, pre, dl {
  margin:0 0 10px;
}

h1, h2, h3 {
  line-height:1.1;
}

h1 {
  font-size:30px;
  font-weight:500;
  /* padding-top:20px; */
}

h2 {
  color:#353535;
  color:var(--textcolor);
  font-weight:400;
}

h3, h4, h5, h6 {
  color:#353535;
  color:var(--textcolor);
  font-weight:400;
}
h4 {
  font-weight: 400;
  font-size:20px; 
}

.title-published-paper {
  font-weight: 400;
  /* font-size:18px; 1.06rem; */
}

b {
  font-weight:500;
}
strong{
  font-weight:400;
}

a {
  /* color:var(--myorange); */
  color:#46c1ff;
  color:var(--linkazure);
  text-decoration:none;
  font-weight:400;
}

a:hover {
  /* color:var(--myorangeover); */
  color:#048dd1;
  color:var(--linkazureover);
}

.a2{
  font-weight: inherit;
  color:#353535;
  color:var(--textcolor);
}
.a2:hover{
  color:#F7941D;
  color:var(--myorange);
}

a small {
  font-size:11px;
  color:#777;
  margin-top:-0.3em;
  display:block;
}

a:hover small {
  color:#777;
}


/* .wrapper_pub_list {
  width: 950px;
  margin:0 auto;
  margin-left: 313px;
  padding-top:20px;
  min-height: 100%;
  margin-bottom:-30px;
} */

/* .highlight{
  border-radius: 2px;
  color:
  #5e5e5e;
  background:
  #FFF7DD;
  border: 1px solid
  #fbf0cb;
  padding: 0px 2px;
} */

code, pre {
  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
  color:#333;
  font-size:.9rem;
}

pre {
  border: 1px solid
  #ccc;

  background:
  #f6f6f6;

  /* display: table-cell; */
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #FCFDFF;
}
table {
  width:100%;
  border-collapse:collapse;
  border: 1px solid #ccc;
}
thead{
  border: 1px solid #ccc;
}

tr{
  border-bottom: 1px solid #ccc;
  font-size: .85em;
}

th, td {
  text-align:left;
  padding:5px 10px;
  vertical-align: top;
  /* border-bottom:1px solid #e5e5e5; */
}
td {
  border: 0px solid #ccc;
}
th {
  background: #f7f7f7;
}

dt {
  color:#444;
  font-weight:500;
}

th {
  color:#444;
}


img {
  max-width:100%;
}

header {
  /* border:1px solid black; */
  background-color: #494949;
  background-color: var(--header_background_color);
  /* background-color:var(--lightgray); */
  text-align: center;
  max-width: 100%;
  width:100.1%;
  margin-left:0px;
  left:0px;
  margin-right:0px;
  right:0px;
  font-size: 16px;
  /* height:100px; */
  display: block;
  /* position: relative; */
  /* top:150px; */
  /* float:left; */
  /* position:fixed; */
  -webkit-font-smoothing:subpixel-antialiased;
}


.wrapper {
  width: 1250px;
  width:var(--wpsize);
  margin:0 auto;
  margin-left: 150px;
  padding-top:50px;
  /* border-left: 1px solid #ccc;  */
  min-height: 100%;
  margin-bottom:-30px;
}



section {
  width: 700px;
  /* width: 750px;
  width:var(--sectionsize); */
  /* float:right; */
  margin-top: 55px;
  margin-top: var(--sectiontopdistance);
  
  /* Must be the same as footer */
  padding-bottom:30px; 
  
  height: 100%;
  float: left;
  font-size: medium;
}

.small_sec{
  width:600px;
  font-size:smaller;
  /* text-align: justify; */
}





/* NEWS FEED FRAME */

.newsfeedframe_wrapper{
  position: absolute;
  float:left;
  width:200px;
  height: 75%;
  margin-top: 55px;
  left:1080px;
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, black 0%, white 100%);
  -webkit-border-image: -webkit-linear-gradient(top, black 0%, white 100%);
  border-image: linear-gradient(to bottom, black 0%, white 100%);
  border-image-slice: 1;
}
.newsfeedframe_wrapper_title{
  padding:5px;
  border-bottom: 1px solid black;
  text-align: center;
  font-size: medium;
  width: 190px;
}
.newsfeedframe {
  position: absolute;
  float:left;
  width:200px;
  height: 75%;
  left:0px;
  border: 0px solid transparent;
}


/* .newsfeedframe {
  position: absolute;
  float:left;
  width:200px;
  height: 75%;
  margin-top: 55px;
  left:1080px;
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, black 0%, white 100%);
  -webkit-border-image: -webkit-linear-gradient(top, black 0%, white 100%);
  border-image: linear-gradient(to bottom, black 0%, white 100%);
  border-image-slice: 1;
} */



/*LATEST EVENTS and TALKS*/

.events_and_talks_frame_wrapper{
  position: absolute;
  float:left;
  height: 350%;
  width:550px;
  /* border-left: 1px solid; */
  left:980px;
  margin-top: 55px;
  text-align: left;
}
.events_and_talks_frame {
  position: absolute;
  width:550px;
  height: 350%;
  left:0px;
  border: 0px;
  margin-top: 25px;
  /* padding-left: 3px; */
  /* margin-left: -15px; */
  font-size: small;
}
.talkpostlist_ul{
  list-style: none;
  margin-left: 0;
  padding-left: 4.4em;
  text-indent: -4.4em;
  width: 200px;
}
.talkpost{
  /* list-style-type: none; */
  margin-bottom: .5em;
  font-weight: 300;
  line-height: 1.1;
  font-size: .84rem;
}
.keywordsframe {
  position:absolute;
  float:left;
  width:200px;
  border: solid 1px transparent;
  margin-top: 55px;
  /* margin-left: 80px; */
  left:980px;
}

/* .events_and_talks_frame_wrapper{
  position: absolute;
  float:left;
  height: 85%;
  width:275px;
  border-left: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, black 0%, white 100%);
  -webkit-border-image: -webkit-linear-gradient(top, black 0%, white 100%);
  border-image: linear-gradient(to bottom, black 0%, white 100%);
  border-image-slice: 1;
  left:804px;
  margin-top: 55px;
  text-align: center;
} */
.events_and_talks_frame_wrapper_title{
  padding:5px;
  border-bottom: 1px solid black;
  text-align: center;
  font-size: medium;
  width: 265px;
  position: relative;
  left: 0px;
}
/* .events_and_talks_frame {
  position: absolute;
  width:275px;
  height: 85%;
  left:0px;
  border: 0px;
  padding-left: 3px;
  /* margin-left: 80px; 
} */

/* .events_and_talks_frame {
  position: absolute;
  float:left;
  width:275px;
  height: 85%;
  margin-top: 55px;
  left:800px;
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, black 0%, white 100%);
  -webkit-border-image: -webkit-linear-gradient(top, black 0%, white 100%);
  border-image: linear-gradient(to bottom, black 0%, white 100%);
  border-image-slice: 1;
  padding-left: 5px;
} */
.events_and_talks_bar{
  font-size:x-small;
  width: 270px;
}

.sticky1 {
  position: fixed;
  /* width:300px; */
  display:inline-block;
  /* background-color: white; */
  top:29px;
  left:804px;
}
.sticky2 {
  position: fixed;
  /* width:300px; */
  display:inline-block;
  /* background-color: white; */
  top:29px;
  left:980px;
}

small {
  font-size:11px;
}

hr {
  border:0;
  background:#e5e5e5;
  height:1px;
  margin:0 0 20px;
}

/* @import "footer";  */





/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Contacts + icons footer
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.titolo{
    color:#222;
    margin:0 0 2rem;
    font-size:50px;
    font-weight: 500;
}
.maincontent{
    font-size: 16px;/*1.1rem; /*16px;*/
}
.contact{
    font-size: 18px; /*1.2rem;*/
    text-align: left;
}
.bigicon {
  font-size: 1.2rem;
  color: #F2F2F2;
}
.bigicon:hover { transform: scale(1.3);}
.bigicon2{
font-size: 1.4rem;
margin-right: 1rem;
}

/*%%%%%%%%%%%%%%%%% New Paper %%%%%%%%%%%%%%%%%%%*/
.justify-text{
    /* text-align: justify; */
}

orange {
  color:#F7941D;
    color:var(--myorange);
    margin-bottom: 1rem;
}

.orange {
  color:#F7941D;
    color:var(--myorange);
    margin-bottom: 1rem;
}

.post{
    margin-bottom: 3rem;
    margin-top: 1rem;
    /* font-size: 16px; */
}




.newpaper{
    margin-bottom:3em;
    font-size: 16px;
    /*border:solid;
    background-color:#EFFAFF;
    padding:5px;
    border-radius: 10px;
    border-width:1px;
    margin-bottom:1.5em;*/
}

.abstract{
    margin-top:1rem;
    font-style: italic;
    /* font-size:16px; */
}

.hfill-right{
    float: right;
    color: #F7941D;
    font-size:10px;
    bottom: 0px;
    padding: 0px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* publication list */

.numero{
    float: left;
    font-size: 1.2rem;
    margin-top:-5px;
}
.publication_year_title{
  font-size: 2rem;
  margin-bottom:0rem;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight: bold;
  color:#F7941D;
  color: var(--myorange);
  /* border-image: linear-gradient(to right, black , white); */
  /* border-image-slice: 1; */
  /* border-bottom: 1px solid transparent; */
  border-top: 0px;
  border-left: 0px;
  border-right:0px;
}
.publication_year_block{
    /* border-radius:  5px; */
    margin-top:0px;
    border-bottom: 0px solid transparent;
    border-top: 0px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    /* border-image: linear-gradient(to bottom, black , white); */
    /* border-image-slice: 1; */
    margin-left: 0rem;
    padding-left:0rem;
    padding-top:0rem;
}
.articolo{
    /* font-size:.87rem; */
    margin-bottom: 1rem;
    margin-left:0rem;
    font-size:16px;
    line-height: 1.2rem;
    /* border-left: solid 1px; */
    /* padding-left: 1rem; */

}
.articolo-more-margin{
    margin-bottom: 2rem;
    margin-left:0rem;
    font-size:.98rem;
    line-height: 1.3rem;
}
.btn-nohover{
    font-size: .8rem;
    color:#F7941D;
    color:var(--myorange);
    border-color: #F7941D;
    border-color:var(--myorange);
    border:solid;
    border-width: 1px;
    border-radius:1em;
    width: 2rem;
    text-align: center;
    margin-bottom: 1rem;
    margin-right: 1rem;
    float:left;
    padding: .4rem;
}
.btn{
    font-size: .8rem;
    /* color:var(--myorange);  */
    color:#39c;
    color:var(--linkazure);
    border-color: #39c;
    border-color:var(--linkazure);
    border:solid;
    border-width: 1px;
    border-radius:.5em;

    padding-left:.5em;
    padding-right:.5em;

}
.btn:hover{
    /* background-color: rgba(247,148,29,.3);
    color:#D17302;
    border-color:#D17302; */
    color:#069;
    color:var(--linkazureover);
    border-color: #069;
    border-color:var(--linkazureover);
    background-color: #d6f2ff;
}

.btnorange{
  /* test */
}

/* ###################################### */
/* TAG CLOUD */
.tag-cloud{
    margin-bottom: 2rem;
    margin-top:30px;
    line-height: 1em;
}
.tag-unit{
    display: block;
    /* margin-right: 1em; */
    text-transform: lowercase;
    font-size: .84rem;
}
.key{
    font-size: 2rem;
    font-style: italic;
    margin-bottom:4rem;
}
/* ###################################### */
/* PROJECTS */
.project-post{
    display: block;
    background-color: #EFFAFF;
    /*border: solid 2px gray;*/
    border-radius: .5rem;
    text-align:justify;
    padding: .5rem;
    color:#595959;
}
.project-post:hover{
    background-color: #B6E9FF;
    color:#595959;
}
.figures{
  font-size: 12px; font-style: italic;
  border-top: 2px solid #e5e5e5;
  padding-left: 1rem;
  padding-right: 1rem;
  width:50%-2rem;
  margin: 0;
}

/* blockquote {
  display: block;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #eee;
  padding: 1.5em 0 0.5em;
  margin: 1.5em 0;
  position: relative;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -80%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'Arial', sans-serif;
  color: #666;
  text-align: center;
} */
blockquote{
  display: block;
  text-align: left;
  border-left:1px solid #e5e5e5;
  margin-top:10px;
  margin-bottom: 20px;
  padding:0 0 0 10px;
  margin-left:20px;
}
pubfigurewrapper {
  display: block;
  text-align: left;
  border-left:1px solid #e5e5e5;
  margin-top:2rem;
  padding:0 0 0 20px;
  font-style:italic;
}
.blcaption{
  /* content: "\2013 \2003"; */
  display: block;
  /* text-align: right; */
  font-size: 12px;
  /* color: #e74c3c; */
}
.pubfigure{
  /* display: inline; */
  width:80%;
  /* text-align: center; */
}




/* %%%%%%% DIVIDER MILAN %%%%%%%%%%%%%% */
.post-divisor{
    display: block;
    height: 1px;
    width: 30%;
    background: rgb(247,148,29); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, black , gray,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black ,gray,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black , gray,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black , gray, white); /* Standard syntax */
    margin-bottom: 3rem;
}
.divider
{
	position: relative;
  margin-bottom: 2.5rem;
	height: 1px;
  width: 100%;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0%;
	right: 0%;
	width: 100%;
	height: 1px;
	/* background-image: linear-gradient(to right, transparent, rgb(48,49,51) 20%, transparent); */
  background-image: linear-gradient(to right, rgb(48,49,51) 20%, transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(20% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 9px);
	width: 12px;
	height: 12px;
  background-color: #F7941D;
	background-color: var(--myorange);
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px white,
					0 0 0 3px white;
}