@import url(https://unpkg.com/firacode/distr/fira_code.css);/* Reset *//* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center, table,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}sup{
  vertical-align: sup;
}ol, ul {
  list-style: none;
}blockquote, q {
  quotes: none;
}blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}table {
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: inherit
}table thead{
}table thead th{
  font-weight: inherit;
}/* General */:root {
    /*--main: #7b869d;*/
}@charset "UTF-8";/* Vertical Spacing */.top-1{
  margin-top: 5px;
}.bottom-1{
  margin-bottom: 5px;
}.top-2{
  margin-top: 10px;
}.bottom-2{
  margin-bottom: 10px;
}.top-3{
  margin-top: 15px;
}.bottom-3{
  margin-bottom: 15px;
}.top-4{
  margin-top: 20px;
}.bottom-4{
  margin-bottom: 20px;
}.top-5{
  margin-top: 25px;
}.bottom-5{
  margin-bottom: 25px;
}.top-6{
  margin-top: 30px;
}.bottom-6{
  margin-bottom: 30px;
}.top-7{
  margin-top: 35px;
}.bottom-7{
  margin-bottom: 35px;
}.top-8{
  margin-top: 40px;
}.bottom-8{
  margin-bottom: 40px;
}.top-9{
  margin-top: 45px;
}.bottom-9{
  margin-bottom: 45px;
}.top-10{
  margin-top: 50px;
}.bottom-10{
  margin-bottom: 50px;
}.top-11{
  margin-top: 55px;
}.bottom-11{
  margin-bottom: 55px;
}.top-12{
  margin-top: 60px;
}.bottom-12{
  margin-bottom: 60px;
}.top-13{
  margin-top: 65px;
}.bottom-13{
  margin-bottom: 65px;
}.top-14{
  margin-top: 70px;
}.bottom-14{
  margin-bottom: 70px;
}.top-15{
  margin-top: 75px;
}.bottom-15{
  margin-bottom: 75px;
}.top-16{
  margin-top: 80px;
}.bottom-16{
  margin-bottom: 80px;
}.top-17{
  margin-top: 85px;
}.bottom-17{
  margin-bottom: 85px;
}.top-18{
  margin-top: 90px;
}.bottom-18{
  margin-bottom: 90px;
}.top-19{
  margin-top: 95px;
}.bottom-19{
  margin-bottom: 95px;
}.top-20{
  margin-top: 100px;
}.bottom-20{
  margin-bottom: 100px;
}/* Typesetting */@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proxima-nova-regular.eot');
    src: url('fonts/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima-nova-regular.woff2') format('woff2'),
    url('fonts/proxima-nova-regular.woff') format('woff'),
    url('fonts/proxima-nova-regular.ttf') format('truetype'),
    url('fonts/proxima-nova-regular.svg#youworkforthem') format('svg');
    font-weight: 500;
    font-style: normal;
}@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proxima-nova-regular-italic.eot');
    src: url('fonts/proxima-nova-regular-italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima-nova-regular-italic.woff2') format('woff2'),
    url('fonts/proxima-nova-regular-italic.woff') format('woff'),
    url('fonts/proxima-nova-regular-italic.ttf') format('truetype'),
    url('fonts/proxima-nova-regular-italic.svg#youworkforthem') format('svg');
    font-weight: 500;
    font-style: italic;
}@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proxima-nova-semibold.eot');
    src: url('fonts/proxima-nova-semibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima-nova-semibold.woff2') format('woff2'),
    url('fonts/proxima-nova-semibold.woff') format('woff'),
    url('fonts/proxima-nova-semibold.ttf') format('truetype'),
    url('fonts/proxima-nova-semibold.svg#youworkforthem') format('svg');
    font-weight: 600;
    font-style: normal;
}@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proxima-nova-bold.eot');
    src: url('fonts/proxima-nova-bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima-nova-bold.woff2') format('woff2'),
    url('fonts/proxima-nova-bold.woff') format('woff'),
    url('fonts/proxima-nova-bold.ttf') format('truetype'),
    url('fonts/proxima-nova-bold.svg#youworkforthem') format('svg');
    font-weight: 700;
    font-style: normal;
}body {
    color: #333E50;
}/* Modules will scale with document */.header {
    font-size: 1.5rem;
}.footer {
    font-size: 0.75rem;
}h4 {
    font-size: 1.87em;
    font-weight: 600;
}h5 {
    font-size: 1rem;
    font-weight: 600
}h5 i{
  color: #1b6ada;
  font-weight: 500;
}h6 {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 500;
}article { 
    text-align: left
}article ul{
  margin-left: 1.15rem;
}ol {
    margin-left: 1.15rem;
    list-style-type: decimal;
}p {
    font-size: inherit;
    line-height: 1.6rem
}p strong{
  font-weight: 700;
}p em{
  font-style: italic;
}p img{
  width: 100%;
}a {
    text-decoration: none;
    color: #1b6ada
}a.external{
  display: inline-block;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 20px;
}blockquote {
    border-left: 2px solid #1b6ada;
    font-style: italic;
    padding-left: 20px;
    box-sizing: border-box;
    margin: 7px 0 7px 2rem;
    font-size: 1.15rem;
    color: #1b6ada;

}.regular {
    padding-left: 15px;
    margin-top: 20px;
    font-size: .85rem
}.regular li{
  list-style: disc;
  padding-left: 10px;
}.label {
    text-transform: uppercase;
    font-size: .68rem;
    font-weight: 600;
    border-radius: 3px;
    padding: 0 6px;
    line-height: 1.2rem;
    float: left
    

}.label.icon-github{
  font-size: 1.2rem;
  margin-left: 5px;
  padding: 0;
}.label.icon-ropensci-short{
  font-size: 0.8rem;
  padding-right: 5px;
}.label.icon-ropensci-short.abandoned{
  color: #40BA12;
}.label.icon-ropensci-short.concept{
  color: #a1a8b7;
}.label.icon-ropensci-short.wip{
  color: #CDA61A;
}.label.icon-ropensci-short.suspended{
  color: #F27E40;
}.label.icon-ropensci-short.active{
}.label.icon-ropensci-short.inactive{
  color: #A1A328;
}.label.icon-ropensci-short.unsupported{
  color: #9D9D9D;
}.label.icon-ropensci-short.moved{
  color: #D7624B;
}.label.icon-notebook{
  font-size: 1.2rem;
  margin-left: 5px;
}.label.nocran{
  background-color: #dfe3eb;
}.label.bioc{
  background-color: #01dc0b;
  color: white;
}.technote {
    text-transform: uppercase;
    font-size: .68rem;
    font-weight: 600;
    border-radius: 3px;
    padding: 2px 6px;
    line-height: 1.2rem;
    margin: 20px 0 10px 0;
    background-color: #BFB18A;
    color: white;
    display: table; /* So it wont break in IE */

}.thead {
    border-bottom: 1px solid #edf1f8;
    padding-bottom: 15px;
    text-transform: uppercase;
}.earlydev {
    padding: 2px 10px;
    line-height: 1rem;
    border-radius: 2px;
    display: inherit;
    font-size: .60rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff8a4;
    color: #d29f3d;
}a[href^="https://cran"] p {
    background-color: #01dc0b;
    color: white;
}a[href^="https://git"] p {
    color: #01dc0b;
}.meta {
    color: #a8b0c1;
    font-size: .75rem;
}/* ----------------------------------------------------------- Icon Font ------- */@font-face {
    font-family: "ropensci";
    src:url("fonts/ropensci.eot");
    src:url("fonts/ropensci.eot?#iefix") format("embedded-opentype"),
    url("fonts/ropensci.woff") format("woff"),
    url("fonts/ropensci.ttf") format("truetype"),
    url("fonts/ropensci.svg#ropensci") format("svg");
    font-weight: normal;
    font-style: normal;

}i.ropensci-icons {
    font-family: "ropensci";
    font-style: normal;
}[data-icon]:before {
    font-family: "ropensci" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ropensci" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.icon-email:before {
  content: "\61";
}.icon-gift:before {
  content: "\62";
}.icon-heart:before {
  content: "\63";
}.icon-sign:before {
  content: "\65";
}.icon-video:before {
  content: "\66";
}.icon-caret-down:before {
  content: "\67";
}.icon-caret-left:before {
  content: "\68";
}.icon-caret-right:before {
  content: "\69";
}.icon-caret-up:before {
  content: "\6a";
}.icon-vimeo:before {
  content: "\6b";
  font-size: 1.2rem;
  line-height: 0rem;
  float: left;
  margin-top: 9px;
}.icon-github:before {
  content: "\6c";
  font-size: 1.2rem;
  line-height: 0rem;
  float: left;
  margin-top: 9px;
}.icon-id:before {
  content: "\6d";
}.icon-message:before {
  content: "\6e";
}.icon-twitter:before {
  content: "\6f";
  font-size: 1.2rem;
  line-height: 0rem;
  float: left;
  margin-top: 9px;
}.fa-icon:before {
  font-size: 1rem;
  line-height: 0rem;
  float: left;
  margin-top: 9px;
}.icon-search:before {
  content: "\70";
}.icon-ropensci-short:before {
  content: "\71";
}.icon-stackoverflow:before {
  content: "\72";
}.icon-expand:before {
  content: "\73";
}.icon-collapse:before {
  content: "\74";
}.fa-onboarding {
  font-size:1rem;
  float: right;
  padding-right: 5px
}.fa-onboarding.yes{
  color: #1b6ada;
}.fa-onboarding.no{
  color: #dfe3eb;
}.fa-status {
	font-size:0.7rem;
	float: left;
	padding-right: 5px;
}.pull-right{
  float:right;
}.pull-left{
  float:left;
}.pull-right img {
  margin-left:15px;
}.pull-left img {
  margin-right:15px;
}/* Sections */#header {
    padding: 10px 0;
    background-color: #6faef5;
}img[src$=".svg"] {
    width: 100%;
}article ul li {
    list-style-type: disc;
}article ul {
    margin-bottom: 20px;
}article ol li {
    margin-bottom: .25rem;
}article ol {
    margin-bottom: 20px;
}.hero {
    background: rgba(111, 174, 245, .9);
    color: white;
    display: flex;
    z-index: 200;
    position: relative    
}.hero:before{
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  bottom: 0;
  display: block;
  z-index: -1;/* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(111,174,245,0) 0%,rgba(111,174,245,1) 90%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006faef5', endColorstr='#6faef5',GradientType=0 );/* IE6-9 */
}.hero:after{
  background: #6faef5 url('../img/hero_bg.jpg') center no-repeat;
  filter: grayscale(100%);
  background-size: cover;
  opacity: 0.4;
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 90vh;
  left: 0;
  content: "";
}.hero h1{
  color: white;
}.checks {
    background-image: url('img/bg_checks.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; 
}.docs, .newsletter, .team, .checks {
    background-color: #f5f7fd;
}.docs {
}.docs i{
  font-size: .87rem;
}.author {
    
}.author img{
  border-radius: 50%;
  max-width: 200px;
  height: auto;
  width: auto;
}.author .fa{
  font-size: 2em;
}.team {
}.team img{
  border-radius: 50%;
}.team .label{
  float: none;
  color: white;
  font-weight: 600;
  padding: 4px 10px;
}.team .label.staff{
  background-color: #748290;
}.team .label.staff:after{
  content: 'staff';
}.team .label.intern{
  background-color: #748290;
}.team .label.intern:after{
  content: 'intern';
}.team .label.leadership{
  background-color: #90897E;
}.team .label.leadership:after{
  content: 'leadership';
}.team .label.advisor{
  background-color: #BDBA85;
}.team .label.advisor:after{
  content: 'advisor';
}.team .label.editor{
  background-color: #BFB18A;
}.team .label.editor:after{
  content: 'editor';
}.team .label.postdoc{
  background-color: #B79D71;
}.team .label.postdoc:after{
  content: 'postdoc';
}.resources {
}.resources .resourcelist{
}.resources .resourcelist li{
  border-bottom: 1px solid #edf1f8;
  padding: 15px;
  font-size: .87rem;
  line-height: 1.4rem;
}.resources .resourcelist li p{
  width: 60%;
  display: inline-block;
}.resources .resourcelist li h5{
  width: 60%;
  display: inline-block;
}.resources .resourcelist li a{
  float: right;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
}.resources .resourcelist li a:not(:last-of-type){
  margin-left: 40px;
}.list {
    padding: 15px
}.list img{
  width: 67%;
}.community {
    background-position: center;
    background: #f5f7fd;
    background-repeat: no-repeat;
    background-image: url('../img/bg_community.png'); /* fallback */
    background-image: url('../img/bg_community.png'), linear-gradient(to bottom,  #f5f7fd 0%,#ffffff 50%); /* W3C */
    background-size: cover;
}.helmsley {
    background-color: #dae3f5
}.helmsley p{
  font-size: 1.5rem;
  line-height: 2rem;
}.helmsley i{
  color: #f171a6;
  font-size: 1.5rem;
}.commcalls {
    position: relative; // for the sake of the background slider
    background-color: black;
    color: #aaadb2
}.commcalls .ontop{
  z-index: 1000;
  position: relative;
}.commcalls h3{
  color: #dde1e8;
}article {
}article .autoSidebar{
  margin: 0;
  padding: 0;
}article .autoSidebar a{
  display: block;
  color: #333E50;
  border-bottom: 1px solid #a1a8b7;
}article .autoSidebar ul{
  margin: 0;
  padding: 0;
}article .autoSidebar li{
  list-style-type: none;
  font-size: .8rem;
  font-weight: 600;
  border: 0;
  margin: 0;
  padding: 5px 15px;
  text-transform: uppercase;
}article .autoSidebar li.h4{
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px 0;
}article p{
  margin-bottom: 15px;
  display: block;
  vertical-align: top;
}article figure{
  margin-bottom: 15px;
  margin-top: 10px;
}article section{
  margin-bottom: 60px;
}article h3{
  margin-bottom: 20px;
}article h4{
  margin: 20px 5px;
}article .labels{
  width: 100%;
  display: inline-block;
}article .labels .label{
  background-color: #dfe3eb;
  text-transform: none;
  margin-right: 10px;
}article .labels .label:hover{
  background-color: #01dc0b;
  color: white;
}article .labels .label.active{
  background-color: #01dc0b;
  color: white;
}article .excerpt{
  border-bottom: 1px solid #dfe3eb;
  padding-bottom: 12px;
  margin-bottom: 40px;
}article .excerpt p{
  line-height: 1.4rem;
  font-size: .87rem;
}article .excerpt p:last-child{
}article .excerpt p:last-child:after{
  content: '…';
}.careers {
}.careers .title{
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}.careers .title h5{
  float: left;
}.careers .position{
  font-size: .87rem;
  line-height: 1.6rem;
  padding: 0 15px;
  border-bottom: 1px solid #edf1f8;
}.careers .position ul{
  padding-left: 15px;
  margin-bottom: 40px;
}.careers .position ul li{
  list-style-type: disc;
}.careers .position .meta{
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}.careers .position .expand{
  display: block;
  margin-bottom: 20px;
}.careers .position .expand:after{
  content: "\73";
  font-family: 'ropensci';
  font-size: .56rem;
  display: inline-block;
  margin-left: 5px;
}.sidebar {
    position: sticky;
    top: 0;
    float: left;
    background: white;
}.subnav {
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box
}.subnav.stuck{
  top: 0;
  width: 100%;
  padding: 0 20px 0 40px;
  margin-left: 11%;
}.subnav.stuck li{
  border-bottom: 1px solid #edf1f8;
}.subnav.stuck li i{
  float: right;
  margin-left: 10px;
  font-size: 0.75rem;
}.subnav.stuck li:first-child{
  border-top: 1px solid #edf1f8;
}.subnav.stuck li ul li{
  border: 0 none;
  padding-bottom: 15px;
}.subnav ul{
  width: 100%;
}.subnav li{
  border-bottom: 1px solid #edf1f8;
}.subnav li i{
  float: right;
  margin-left: 10px;
  font-size: 0.75rem;
}.subnav li:first-child{
  border-top: 1px solid #edf1f8;
}.subnav li.active{
  font-weight: 700;
}.subnav li ul li{
  border: 0 none;
  padding-bottom: 15px;
}#footer {
    background-color: #4b8add;
    color: #aac9f3;
    font-size: .875rem
}#footer .divider{
  border-top: 1px solid #5595e8;
}#footer .icon{
  width: 20%;
  font-size: 1rem;
  display: inline-block;
}#footer h5{
  text-transform: uppercase;
  font-weight: 600;
  font-size: .75rem;
}#footer ul{
  text-align: left;
}#footer ul li{
  line-height: 1.3rem;
}#footer ul li a{
  text-decoration: none;
  color: #aac9f3;
}#footer a{
  color: #ccdef6;
}.bodybig {
  font-size: 150%;
  font-weight: semibold;
  line-height: 1.7em;
  padding-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
}.coc {
      text-align: left;
      line-height: 1.7em;
}article p img {
  object-fit: fill;
  width: initial;
  max-width: 100%;
}article p img[src$=".svg"] {
  object-fit: fill;
  width: initial;
  max-width: 100%;
}/* Forms */form {
    width: 100%
}form input{
}form input[type='text']{
  font-family: "ProximaNova";
  color: #333E50;
  font-size: 1.5rem;
  font-style: italic;
  border: 1px solid #a1a8b7;
  padding: 13px 15px 15px 40px;
  border-radius: 2px;
  background-color: white;
  box-sizing: border-box;
  position: relative;
}form input[type='email']{
  background: url('../img/email.svg') 15px center no-repeat white;
  background-size: 15px;
  font-family: "ProximaNova";
  color: #333E50;
  font-size: 1rem;
  font-style: italic;
  border: 1px solid #a1a8b7;
  padding: 13px 15px 15px 40px;
  border-radius: 2px;
  background-color: white;
  box-sizing: border-box;
  position: relative;
}form input[name^="name"]{
  background: url('../img/id.svg') 15px center no-repeat white;
  background-size: 15px;
}form input[type='radio']{
  margin-right: 15px;
  padding: 0;
  border: 1px solid #a1a8b7;
  background-color: white;
}form input[type='checkbox']{
  margin-right: 15px;
  padding: 0;
  border: 1px solid #a1a8b7;
  background-color: white;
}form.filter{
}form.filter a.panel{
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}form.filter label{
  font-size: 1rem;
}form.filter label:not(:last-child){
  margin-right: 35px;
}form a.panel{
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  display: flex;
}form textarea{
  width: 100%;
  font-family: "ProximaNova";
  color: #333E50;
  font-size: 1rem;
  padding: 15px 15px 15px 40px;
  min-height: 30vh;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #a1a8b7;
  resize: none;
  background: url('../img/message.svg') 15px 18px no-repeat white;
  background-size: 15px;
}form button{
  font-family: "ProximaNova";
  border-radius: 2px;
  font-size: .87rem;
  font-weight: 600;
  text-transform: uppercase;
  border: 0 none;
  color: white;
  padding: 15px 20px;
}form button.main{
  background-color: #01dc0b;
}form button.alt{
  background-color: #1b6ada;
}form.newsletter{
}form.newsletter button{
  font-family: "ProximaNova";
  border-radius: 2px;
  font-size: .87rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #1b6ada;
  border: 0 none;
  color: white;
  padding: 17px 20px;
  position: relative;
  margin-top: -50px;
  float: right;
}form.newsletter, form.tutorial{
}form.newsletter input, form.tutorial input{
  font-family: "ProximaNova";
  color: #333E50;
  font-size: 1rem;
  font-style: italic;
  border: 1px solid #a1a8b7;
  padding: 16px 15px 15px 40px;
  border-radius: 2px;
  background-color: white;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background: url('../img/email.svg') 15px center no-repeat white;
  background-size: 15px;
}a.button {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    font-size: .8rem
}a.button.main{
  padding: 15px 30px;
  background-color: #01dc0b;
  color: white;
}a.button.main:hover{
  box-shadow: 0 0 5px #23ff2d;
}a.button.main:active{
  background-color: #01c10a;
}a.button.alt{
  padding: 15px 30px;
  background-color: #1b6ada;
  color: white;
}a.button.alt:hover{
  box-shadow: 0 0 5px #1b6ada;
}a.button.alt:active{
  background-color: #0978f6;
}a.button.outline{
  border: 1px solid;
  padding: 10px 25px 8px;
}a.button.outline.green{
  color: #01dc0b;
  border-color: #01dc0b;
}a.button.outline.blue{
  border-color: #1b6ada;
  color: #1b6ada;
}.apply {
    border-radius: 2px;
    border: 1px solid #01dc0b;
    color: #01dc0b;
    float: right;
    padding: 2px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .85rem
}.apply:after{
  content: 'Apply';
}input[type="search"]{
    font-family: "ProximaNova";
    color: #333E50;
    font-size: 1rem;
    font-style: italic;
    border: 1px solid #a1a8b7;
    padding: 13px 15px 15px 40px;
    border-radius: 2px;
    background-color: white;
    box-sizing: border-box;
    background: url('../img/search.svg') 15px center no-repeat white;
    background-size: 15px;
    width: 100%;
}::placeholder {
    color: #090a0c;
}::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #090a0c;
}::-moz-placeholder { /* Firefox 19+ */
  color: #090a0c;
}:-ms-input-placeholder { /* IE 10+ */
  color: #090a0c;
}:-moz-placeholder { /* Firefox 18- */
  color: #090a0c;
}/* Tables */table {
    width: 100%;
    text-align: left;
    font-size: .94rem
}table a{
}table a:hover{
  color: #0095eb;
}table thead{
  font-weight: 600;
  background-color: #dfe3eb;
  text-transform: uppercase;
}table thead tr{
}table thead tr th{
  padding: 15px 13px;
}table tbody{
}table tbody tr{
}table tbody tr:nth-child(even){
  background-color: #f7faff;
}table tbody tr:last-of-type{
  border-bottom: 1px solid #edf1f8;
}table tbody tr td{
  padding: 15px;
}table tbody tr td:last-child{
  padding: 15px 0;
}table.technotelist {
    border: 1px solid #dfe3eb
}table.technotelist tbody{
}table.technotelist tbody tr{
}table.technotelist tbody tr:nth-child(even){
  background-color: unset;
}table.technotelist tbody tr td{
  padding: 6px 14px 6px 24px;
}table.technotelist tbody tr td .technotex{
  border-bottom: 1px solid #dfe3eb;
  text-transform: lowercase;
}table.technotelist tbody tr td .technotex a{
  color: #4d4d4d;
}table.technotelist tbody tr td span{
  color: #dfe3eb;
}table.technotelist tbody tr:last-of-type{
}table.technotelist tbody tr:last-of-type .technotex{
  border-bottom: none;
}table.technotelist tbody tr:first-of-type{
}table.technotelist tbody tr:first-of-type .technotex{
  margin-top: 8px;
}table.technotelist tfoot{
  font-weight: 600;
}table.technotelist tfoot th{
  padding: 18px;
}table.technotelist tfoot th a{
}/***************************************************************************************** DATA TABLES *****/.dataTables_paginate {
    padding: 0 15px 15px 15px;
    margin: 20px 0 60px 0;
    display: flex;
    border-bottom: 1px solid #edf1f8;
    justify-content: center;
    cursor: pointer
}.dataTables_paginate span{
  cursor: pointer;
}.dataTables_paginate span a{
  padding: 7px 10px 5px 9px;
  color: #a1a8b7;
  text-decoration: none;
}.dataTables_paginate span a:hover{
  color: #4d4d4d;
}.paginate_button {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    padding: 3px 10%
}.paginate_button.disabled{
  color: #a1a8b7;
  text-decoration: none;
}.paginate_button.current{
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  border-radius: 20px;
  font-weight: 700;
}td.details-control {
  cursor: pointer;
  width: 20px;
  padding: 0;
}.packagedetails {
  margin: 0px 20px 0px 20px;
}/*  Code stuff */code {
    background: #f3f7ff;
}code, pre {
    font-family: "Fira Code";
    font-size: .8rem;
}pre {
    border-radius: 5px;
    padding: 0.6rem;
    margin-bottom: 20px;
    overflow-x: auto
}pre code{
  background-color: inherit;
}h2 code {
    display: inline-block;
    font-size: 2rem;
    line-height: 1em;
    font-weight: 500;
}h3 code {
    display: inline-block;
    font-size: 2rem;
    line-height: 1em;
    font-weight: 500;
}.slideshow {
}.slideshow:after{
  content: '';
  z-index: 100;
  width: 20vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+21,0.9+68,1+100 *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 21%,rgba(0,0,0,0.9) 68%,rgba(0,0,0,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );/* IE6-9 */
}.slideshow:before{
  content: '';
  z-index: 100;
  width: 70vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,1+32,0.8+47,0.6+60,0.4+73,0.2+87,0+100 *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 32%,rgba(0,0,0,0.8) 47%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.4) 73%,rgba(0,0,0,0.2) 87%,rgba(0,0,0,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );/* IE6-9 */
}.slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-color: black;
    background-size: 85%; /* If picture is too small, declarate in corresponding span */
    background-position: center right;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    animation: imageAnimation 36s linear infinite 0s; 
    filter: grayscale(100%) contrast(1);
}.slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 36s linear infinite 0s; 
}.slideshow li div h3 { 
    font-family: 'ProximaNova';
    font-style: italic;
    font-weight: 500;
    font-size: .87rem;
    padding: 0;
}.slideshow li:nth-child(1) span { 
    background-image: url(../img/community-scroll/c1.jpg) 
}.slideshow li:nth-child(2) span { 
    background-image: url(../img/community-scroll/c2.jpg);
    animation-delay: 6s; 
}.slideshow li:nth-child(3) span { 
    background-image: url(../img/community-scroll/c3.jpg);
    animation-delay: 12s; 
}.slideshow li:nth-child(4) span { 
    background-image: url(../img/community-scroll/c4.jpg);
    animation-delay: 18s; 
}.slideshow li:nth-child(5) span { 
    background-image: url(../img/community-scroll/c5.jpg);
    animation-delay: 24s; 
}.slideshow li:nth-child(6) span { 
    background-image: url(../img/community-scroll/c6.jpg);
    animation-delay: 30s; 
}.slideshow li:nth-child(2) div { 
    animation-delay: 6s; 
}.slideshow li:nth-child(3) div { 
    animation-delay: 12s; 
}.slideshow li:nth-child(4) div { 
    animation-delay: 18s; 
}.slideshow li:nth-child(5) div { 
    animation-delay: 24s; 
}.slideshow li:nth-child(6) div { 
    animation-delay: 30s; 
}/* Animation for the slideshow images */@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}/* Animation for the title */@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}/* Show at least something when animations not supported */.no-cssanimations .slideshow li span{
    opacity: 1;
}/* Slider */.slick-slider{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

    height: 180px;
}.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}.slick-list:focus{
    outline: none;
}.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}.slick-slider .slick-track,
.slick-slider .slick-list{
    transform: translate3d(0, 0, 0);
}.slick-track{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}.slick-track:after{
    clear: both;
}.slick-loading .slick-track{
    visibility: hidden;
}.slick-slide{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}[dir='rtl'] .slick-slide{
    float: right;
}.slick-slide img{
    border-radius: 50%;
}.slick-slide.slick-loading img{
    display: none;
}.slick-slide.dragging img{
    pointer-events: none;
}.slick-initialized .slick-slide{
    display: block;
    text-align: center;
}.slick-loading .slick-slide{
    visibility: hidden;
}.slick-vertical .slick-slide{
    display: block;

    height: auto;

    border: 1px solid transparent;
}.slick-arrow.slick-hidden{
    display: none;
}/* Icons */@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}/* Arrows */.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}.slick-prev:before,
.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #1b6ada;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.slick-prev{
    left: -5px;
}[dir='rtl'] .slick-prev{
    right: -5px;
    left: auto;
}.slick-prev:before{
    content: '←';
}[dir='rtl'] .slick-prev:before{
    content: '→';
}.slick-next{
    right: -5px;
}[dir='rtl'] .slick-next{
    right: auto;
    left: -5px;
}.slick-next:before{
    content: '→';
}[dir='rtl'] .slick-next:before{
    content: '←';
}/* Dots */.slick-dotted.slick-slider{
    margin-bottom: 30px;
}.slick-dots{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}.slick-dots li{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}.slick-dots li button{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}.footnotes {
}.footnotes ol{
  list-style-type: decimal;
}.footnotes ol li{
  margin-bottom: 0.5em;
}.blog-post {
}.blog-post h1{
  font-size: 2.6em;
}.blog-post h2{
  font-size: 1.8em;
  margin-top: 0.3em;
  margin-bottom: 0.1em;
}.blog-post h3{
  font-size: 1.6em;
  margin-top: 0.3em;
  margin-bottom: 0.1em;
}.blog-post h4{
  font-size: 1.4em;
  margin-top: 0.2em;
}.blog-post h5{
  font-size: 1.2em;
  margin-top: 0.1em;
}p.authors {
}p.authors a.social{
  color: #5c677e;
}p.authors a.social:hover{
  color: #fa8d44;
  text-decoration: none;
}.excerpt {
}.excerpt h2{
  font-size: 2.2em;
  margin-bottom: 0.2em;
}.excerpt a{
  text-decoration: none;
}.lighter {
	color: #7b869d;
}/*Alert box below */.alert {
  padding: 15px;
  margin: 20px 0;
  font-size: .85rem;
  font-style: italic;
}.alert a {
  color: #f1c40f;
  font-weight: bold;
}.alert a:hover {
  text-decoration: underline;
}.alert a.btn {
  color: #ffffff;
  text-decoration: none;
}.alert a.btn:active,
.alert a.btn.active {
  color: rgba(255, 255, 255, 0.75);
}.alert h4 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 4px;
}.alert p {
  font-size: inherit;
  line-height: inherit;
}.alert .close {
  position: relative;
  top: 3px;
  right: -31px;
  line-height: 18px;
  font-size: 18px;
  color: #34495e;
}.alert .btn {
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 15px;
}@media (max-width: 767px) {
  .alert .btn {
    display: block;
    min-width: auto;
    margin-bottom: 10px;
    margin-right: -15px;
  }
}.alert-success {
  background-color: #eff7f3;
  border-color: #e1ebe9;
}.alert-success a {
  color: #16a085;
}.alert-info {
  color: #a6926b;
  background-color: #fff7d7;
}.alert-info a {
  color: #3498db;
}.alert-error {
  background-color: #f8f5f5;
  border-color: #ebe9ea;
}.alert-error a {
  color: #e74c3c;
}figure img {
  max-width: 100%;
}/* Prevent Superscripts and Subscripts from Affecting Line-Height */sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}sub { 
  top: 0.4em; 
}