/* incus.site css
** vim: et ts=2 sw=2 sts=2
*/
@import url("fonts.css");
@import url("sanitize.css");
article,aside,details,figcaption,figure,footer,
header,main,menu,nav,section,summary{
  display: block
  }
html{
  font-size: 15px;
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  }
html>body{
  font-family: "Fira Incus","Open Sans", "Segoe UI" ,sans-serif;
  font-weight: 400;
  line-height: 1.55; 
  font-size: 1.080rem;
  margin: 0;
  color: #432;
  color: rgb(36, 41, 46); /*github*/
  color: rgb(46, 41, 36);
  background-color: #ff0fff;
  background-color: rgb(237,241,243);
  -webkit-font-feature-settings: 'kern', 'tnum', 'liga';
  -moz-font-feature-settings: 'kern', 'tnum', 'liga';
  -ms-font-feature-settings: 'kern', 'tnum', 'liga';
  font-feature-settings: 'kern', 'tnum', 'liga';
  width: 100%;
  }
h1{
  margin: .67em 0;
  letter-spacing: .01rem;
  border-bottom: 3px solid rgb(224,220,218);
  margin: 2.2rem 0 1.4rem;
  font-size: 1.52rem;
  font-weight: 400;
  color: rgb(58, 94, 106);
}
h2{
  font-size: 1.35rem;
  letter-spacing: .035em;
  line-height: 1.5rem;
  color: #087090;
  color: rgb(88, 114, 136);
  margin: 1.8rem 0 1.3rem;
  font-weight: 500;
}
h3{
  font-size: 1.25rem;
  letter-spacing: .0125em;
  color: rgb(88, 114, 136);
  line-height: 1.3rem;
  margin: 1.8rem 0 1rem;
  font-weight: 400;
}
h4{
  font-size: 1.15rem;
  letter-spacing: .0125em;
  color: #3a3a3a;
  color: rgb(88, 114, 136);
  line-height: .9rem;
  font-weight: 500;
  margin: 1.8rem 0 .9rem;
}
h5{
  font-size: 1.15rem;
  margin-bottom: 0em;
  margin-top: 0.5em;
  }
h6{
  font-size: 1.0rem;
  margin-bottom: 0em;
  margin-top: 1.5em;
  }
code, kbd, pre, samp {
  font-family: "Iosevka Term", "Andale Mono", "Droid Sans Mono",
     "Courier New", monospace, monospace;
  font-size: 0.956rem;
  /*color: #004f2e; */
  color: #006f4e;
}
code, kbd, pre, samp, div.sourceCode {
  font-family: "Iosevka Term", monospace, monospace;
  letter-spacing: 0.04rem !important;
  -webkit-font-feature-settings: "ss08" 1;
  -moz-font-feature-settings:    "ss08" 1;
  -ms-font-feature-settings:     "ss08" 1;
  font-feature-settings:         "ss08" 1;
  }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code,
h1 samp, h2 samp, h3 samp, h4 samp, h5 samp, h6 samp,
h1 pre, h2 pre, h3 pre, h4 pre, h5 pre, h6 pre,
h1 kbd, h2 kbd, h3 kbd, h4 kbd, h5 kbd, h6 kbd {
  font-size: 0.96em;
  }
hr{
  border:0;
  height:2px;
  overflow:visible;
  background:rgba(190,200,220,0.8);
  background-image:linear-gradient(to right,#abc,#bcd,#eff7ff);
  margin-top:1rem;
  margin-bottom:1.0rem;
  }
nav ol, nav ul {
  list-style: none;
  }
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
  }
b, strong {
	font-weight: inherit;
  }
b, strong {
  font-weight: 500;
  }
dfn {
  font-style: italic;
  }
mark {
  background-color: #ffff00;
  color: #000000;
  }
progress {
  vertical-align: baseline;
  }
small {
  font-size: 83.3333%;
  }
sub, sup {
  font-size: 83.3333%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  }
sub{
  bottom: -.25rem;
  }
sup{
  top: -.5rem;
  }
.pglogo {
  float: left;
  margin: 0 0.5rem 1.5rem 0;
  }
div.pglogo a:hover {
  text-decoration: none;
  border: none;
  }
main {
  padding: 0;
  margin: 2rem auto 0;
  background-color: rgb(255,255,255);
  max-width: 1000px;
  }
div.page {
  margin: 0 auto 2rem;
  padding: 0 2rem 2rem 2rem;
  color: #432;
  /*
  max-width: 772px;
  */
  max-width: 820px;
  min-width: 120px;
  background-color: rgb(255,255,255);
}
header{
  margin: 0 auto 0;
  padding: 24px 6.0% 0 6.0%;
  min-height: 80px;
  background-color: rgb(243,240,233);
  background-color: rgb(233,233,233);
  background-color: rgb(237,241,243);
  background-color: rgb(0, 26, 77);
}
/*
footer{
  font-weight: 400;
  font-size: 0.95rem;
  background-color: rgb(49, 26, 65);
  color: rgba(255,255,255,.6);
  min-height: 2.2rem;
  height: 100%;
  line-height: 1;
  margin: 1.9rem -0.25rem 0rem -0.2rem;
  padding: 10px 0 12px 0;
  }*/
footer{
  font-weight: 400;
  font-size: 0.95rem;
  background-color: rgb(0, 86, 137);
  color: rgba(255,255,255,.6);
  min-height: 3.1rem;
  line-height: 1.2;
  margin: 0;
  padding: 10px 1.8rem 9px 1.8rem;
}
footer a{
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.02rem;
}
footer a:hover{
  color: #ffff00;
}
.pglogo,div.ftrleft{
  float: left;
  margin: 0 2rem 0 .8rem
}
div.ftrright{
  display: inline-block;
  float: right;
  margin: 0 .8rem 0 0;
}
.pglogo,div.ftrleft{
  float: left;
  margin: 0 2rem 0 .8rem
  }
div.ftrright{
  display: inline-block;
  float: right;
  margin: 0 .8rem 0 0
  }
.pglogo{
  margin: 0 .5rem .5rem 0
  }
div.pglogo a:hover{
  border: 0;
  }
div.pgcategory{
  font-weight: 400;
  display: table;
  margin: 0 auto 0;
  text-align: center;
  font-size: 2rem;
  text-transform: uppercase;
  color: rgb(0, 146, 186);
  color: rgb(40, 156, 196);
  letter-spacing: .12rem;
  padding: 0;
  line-height: 1.2;
  min-width: 30%;
}
div.pghdright{
  float: right;
  line-height: 1.4;
  padding-left: 1rem;
  margin: -2px 0 .6875rem
  }
div.pgauthor{
  line-height: 1.2;
  padding: 0;
  padding-top: 2px;
  margin: 0 0 .1rem;
  text-align: right;
  font-size: 1rem;
  font-weight: 400;
  color: rgb(20, 156, 196);
  border-top: 2px solid #bc3200
  }
div.pglicdate{
  font-size: .8rem;
  display: inline;
  font-weight: 400;
  color: rgba(255,255,255,0.80);
  }
div.pgdate, div.pglic{
  float: right;
  display: inline;
  }
div.pglic{
  text-transform: uppercase;
  margin-right: .5rem;
  line-height: 1.35;
  }
div.pglic, div.pglic a{
  color: rgba(255,255,255,0.66);
  }
div.pgdate{
  font-weight: 400;
  }
.pgtitle {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 9px .2rem 10px 0rem;
  color: #ffffff;
  letter-spacing: .105rem;
  text-align: left;
  border: none;
  margin:0;
  }
div.pgtitle {
  background-color: rgb(0, 86, 137);
  color: rgb(0, 86, 137) !important;
  width: 100%;
  }
h1.pgtitle{
  position: relative;
  top: -4rem;
  left: -2rem;
  z-index: 101;
  text-align: left;
  }
/*
h1.pgtitle{
  font-weight: 400;
  border: 0;
  padding: 9px .2rem 10px 1.2rem;
  background-color: #357;
  background-color: rgb(38, 74, 96);
  background-color: rgb(65, 35, 86);
  background-color: rgb(56, 64, 71);
  background-color: rgb(36, 19, 56);
  background-color: rgb(13, 7, 21);
  background-color: rgb(49, 26, 65);
  font-size: 1.8rem;
  margin: 1.7rem 0 1rem;
  text-align: left;
  color: rgb(233, 195, 84);
  color: #fff;
  letter-spacing: .085rem
}*/
.pgtitle:before, .pgtitle:after, .pgsubtitle:before, .pgsubtitle:after { content: initial; }
.pgsubtitle{
  font-family: "Fira Incus","Source Sans Pro","Trebuchet MS","Trebuchet","Roboto",sans-serif;
  font-weight: 500;
  font-size: 1.67rem;
  font-style: italic;
  letter-spacing: .0425rem;
  margin: -2.0rem 0 1.2rem 1rem;
  border: 0;
  color: rgb(179, 18, 115);
  text-align: right;
}
.pgabstract{
  padding: 0.0rem 1.2rem 0.0rem 1.0rem;
  margin: 2rem 0 2.6rem 0;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 4px;
  background-color: inherit;
  color: #463c14;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0,0,0,.35);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0,0,0,.35);
  box-shadow: 3px 3px 12px 0 rgba(0,0,0,.35);
  hyphens: auto;
  text-align: justify;
  letter-spacing: 0.015rem;
  word-spacing: -0.075rem;
}
h1{
  font-weight: normal;
  letter-spacing: 0.025rem;
  border-bottom: 2px solid rgba(200, 180, 160, 0.5);
  margin: 1.8rem 0 1.4rem 0;
  }
h2{
  line-height: 1.5rem;
  font-weight: 500;
  color: rgba(15, 137, 172, 1);
  margin: 1.7rem 0 1.3rem 0;
  }
h3{
  color: rgba(175, 99, 10, 1);
  line-height: 1.3rem;
  margin: 1.6rem 0 1.00rem 0;
  }
h4{
  color: rgba(140, 90, 140, 1);
  line-height: 0.9rem;
  margin: 1.3rem 0 0.9rem 0;
  }
a, a strong {
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  /* color: #26576e; */
  color: #46778e;
  text-decoration: none;
  }
a:hover {
  color: #d99335;
  }
details p{
  padding:0.2em 0.8em 0.2em 1.0em;
  margin-top: 0.2em;
  border: 2px dotted #CCCCCC;
  border-radius: 4px;
  background-color: #FCFCFC;
  }
#totop-div {
  position:fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0, 0.05);
  background: -moz-linear-gradient(top, rgba(80,80,80,0.15) 0%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(80,80,80,0.15) 0%,rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(80,80,80,0.15) 0%,rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 100%;
  height: 2.0rem;
  }
#totop-div hr{
  padding:0;
  margin:0;
  border:0;
  height:1px;
  border-bottom:1px solid rgba(179,179,179,.25);
  background-image:none;
  }
a.totop-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  }
a.totop-div:hover {
  border: none;
  background: none;
  background-color: transparent;
  }
p { letter-spacing: 0.02rem; }

div.pglogo>a>span.icon-linkedin-rect,
div.pglogo>a>span.icon-facebook-rect {
  color: rgba(49, 26, 65, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
div.pglogo>a:hover>span.icon-linkedin-rect,
div.pglogo>a:hover>span.icon-facebook-rect {
  color: rgb(255, 26, 65);;
}
div.pglogo>a>span.icon-facebook-rect {
  font-size:15px;
  float:right;
  position:relative;
  top:-4px;
  left:4px;
}
div.pglogo>a>span.icon-linkedin-rect {
  font-size:15px;
  float:right;
  position:relative;
  top:16px;
  left:-17px;
}
div.ftrleft>a>span.icon-linkedin-rect {
  float: right;
  position: relative;
  left: 0.7rem;
  top: -0.05rem;
}
div.ftrleft>a>span.icon-facebook-rect {
  float: right;
  position: relative;
  left: 0.6rem;
  top: -1px;
  }
@media (max-width: 1080px){
  main{
    margin-top: 0;
    margin-bottom: 0;
  }
  div.page {
    margin-bottom: 0;
  }
}
@media (max-width: 1000px){
  div.page{
    padding-left: 5%;
    padding-right: 5%;
  }
  main{
    width:100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  h1.pgtitle {
    left: 0.25rem;
  }
  header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 680px){
  html{
    font-size: 15px;
  }
  div.page{
    padding-left: 3%;
    padding-right: 3%;
  }
  h1.pgtitle {
    left: 0.35rem;
  }
}
@media (max-width: 520px){
  html{
    font-size: 13px;
  }
  body,p{
    text-align: left;
  }
  div.page{
    padding-left: 1%;
    padding-right: 1%;
  }
  h1.pgtitle {
    left: 0.25rem;
  }
  div.pghdright {
    display:none;
  }
}
@media (max-width: 500px){
  html>body,p{
    text-align: left;
  }
  html{
    font-size: 14px;
  }
  div.pghdright {
    display:none;
  }
}
summary::-webkit-details-marker {
  display: none;
}
summary:after {
  border-radius: 5px; 
  font-family: "incus-icons";
  content: '\e81d'; 
  float: left; 
  font-size: 1.0em; 
  font-weight: bold; 
  margin: 0 10px 0 0; 
  padding: 0; 
  text-align: center; 
  width: 20px;
}
details[open] summary:after {
  font-family: "incus-icons";
  content: '\e820'; 
}