/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
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;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/*
VISUALCULTURE LESS content map
---
The order of the stylesheet tries hard to maintain consistensy with the order
in which items appear on the web page. Below is a table of contents to help you
find your way around.

Note that since we approched a responsive website, we use a 'mobile-first'
attitude. 95% of styles will remain the same on whatever viewports, only certain
sizes change for bigger screens, so we declare all of the mobile styles first,
then we go onto a set of queries that target viewport sizes starting at 512 px
and up. This keeps the styles clean and logical, you just need to know in which
order to write things.

////////
TABLE OF CONTENT
----------------
- variables & utilities
- @font-face
- typography
- menu & navigation
- info boxes for home page
- project overview sections
  - iceberg
  - commit-list
  - commit-date
  - ...
- project detail views
- 'about' page styles
- modals
- plugins
- media queries
  - 512px & up
  - 768px & up
  - 1024px & up
  - 1280px & up

*/
/*
@mobile: only screen and (min-width : 384px); // 6 * 64 = 24 * 16 = 384
@phablet: only screen and (min-width : 512px); // 8 * 64 = 32 * 16 = 512
@tablet: only screen and (min-width : 768px); // 12 * 64 = 48 * 16 = 768
@desktop: only screen and (min-width : 1024px); // 16 * 64 = 64 * 16 = 1024
@large: only screen and (min-width : 1280px); // 20 * 64 = 80 * 16 = 1280
@huge: only screen and (min-width : 1536px); // 24 * 64 = 96 * 16 = 1536
@max: only screen and (min-width : 2048px); // 32 * 64 = 128 * 16 = 2048
*/
.hide {
  display: none;
}
.show {
  display: inherit;
}
.invisible {
  visibility: hidden;
}
.columnx2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.columnx3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
@font-face {
  font-family: belgika-8;
  src: url('/static/fonts/Belgika-8th.otf?06eff3cc1bab');
}
@font-face {
  font-family: belgika-16;
  src: url('/static/fonts/Belgika-16th.otf?06eff3cc1bab');
}
@font-face {
  font-family: belgika-40;
  src: url('/static/fonts/Belgika-40th.otf?06eff3cc1bab');
}
@font-face {
  font-family: Bagnard;
  src: url('/static/fonts/Bagnard.otf?06eff3cc1bab');
}
@font-face {
  font-family: herscheyfutura;
  src: url('/static/fonts/herscheyfutura.otf?06eff3cc1bab');
}
@font-face {
  font-family: patinhelvete;
  src: url('/static/fonts/OSP_Le-patin-helvete.ttf?311e1d9f7405');
}
@font-face {
  font-family: OSP-DIN;
  src: url('/static/fonts/OSP-DIN.otf?2599d8f5ec56');
}
@font-face {
  font-family: UniversElse-Regular;
  src: url('/static/fonts/UniversElse-Regular.otf');
}
@font-face {
  font-family: UniversElse-Light;
  src: url('/static/fonts/UniversElse-Light.otf');
}
@font-face {
  font-family: 'NotCourierSans';
  src: url('/static/atfont-face/notcouriersans-bold-webfont.eot?311e1d9f7405');
  src: url('/static/atfont-face/notcouriersans-bold-webfont.eot?&311e1d9f7405#iefix') format('embedded-opentype'), url('/static/atfont-face/notcouriersans-bold-webfont.woff?311e1d9f7405') format('woff'), url('/static/atfont-face/notcouriersans-bold-webfont.ttf?311e1d9f7405') format('truetype'), url('/static/atfont-face/notcouriersans-bold-webfont.svg?311e1d9f7405#NotCourierSansBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'NotCourierSans';
  src: url('/static/atfont-face/notcouriersans-webfont.eot?311e1d9f7405');
  src: url('/static/atfont-face/notcouriersans-webfont.eot?&311e1d9f7405#iefix') format('embedded-opentype'), url('/static/atfont-face/notcouriersans-webfont.woff?311e1d9f7405') format('woff'), url('/static/atfont-face/notcouriersans-webfont.ttf?311e1d9f7405') format('truetype'), url('/static/atfont-face/notcouriersans-webfont.svg?311e1d9f7405#NotCourierSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sean';
  src: url('/static/atfont-face/sean_normal.eot');
  src: url('/static/atfont-face/sean_normal.eot?#iefix') format('embedded-opentype'), url('/static/atfont-face/sean_normal.woff') format('woff'), url('/static/atfont-face/sean_normal.ttf') format('truetype'), url('/static/atfont-face/sean_normal.svg#NotCourierSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: belgika-16;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  background-color: #ffffff;
  word-wrap: break-word;
  padding: 1em;
}
ul,
blockquote,
ol,
p {
  margin-bottom: 20px;
}
blockquote {
  font-family: lmitalic;
  font-size: 27px;
  padding-left: 15px;
}
a,
a:visited {
  color: #000000;
}
a:hover {
  text-decoration: none;
}
a.no-underline {
  text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
dt {
  letter-spacing: 0.05em;
  font-family: Bagnard;
  font-size: 12px;
}
li {
  list-style: none;
  list-style-type: none;
}
h1 {
  font-size: 25px;
  color: #9900ff;
  font-weight: normal;
  line-height: 28px;
  margin-top: 15px;
  margin-bottom: 15px;
  clear: both;
}
h2 {
  font-size: 27px;
  color: #000000;
  font-weight: normal;
  line-height: 25px;
  margin-bottom: 1em;
}
p {
  letter-spacing: 0.01em;
}
#menu-wrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  background-color: white;
}
header {
  margin-left: 400px;
}
#logo {
  float: left;
}
#logo svg#svg5365 path {
  stroke: #9900ff !important;
  stroke-width: 1.5 !important;
}
#menu {
  font-size: 14px;
  margin-bottom: 15px;
}
#menu a {
  text-decoration: none;
}
#menu a:hover {
  color: #9900ff;
}
#menu h1 {
  font-size: 36px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 15px;
  margin-top: 15px;
  display: inline;
  font-family: Belgika-40;
  float: left;
  width: 100%;
}
#menu li {
  list-style: none;
  font-family: belgika-16;
  margin-right: 1%;
  margin-bottom: 6.666666666666667px;
}
#menu li:nth-of-type(2) {
  margin-top: 30px;
  margin-left: 0px;
}
#menu p {
  font-family: Bagnard;
}
#menu p span {
  font-family: herscheyfutura;
}
#home-infos {
  width: 100%;
  font-size: 16px;
  font-family: Bagnard;
  margin-top: 16px;
  padding-bottom: 16px;
}
#home-infos figure {
  display: inline-block;
}
#home-infos img {
  max-width: 100%;
  display: block;
}
#home-info {
  font-family: Bagnard;
  width: 95%;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px !important;
}
#home-info h1 {
  padding-bottom: 5px;
  border-bottom: 1px dotted #7fffd4;
  margin-top: 38px;
}
div#on-the-table-feed img {
  width: 100%;
}
div#on-the-table-feed ul.feedEkList li {
  width: 95%;
  float: left;
  margin-bottom: 20px;
}
div#on-the-table-feed ul.feedEkList li p {
  width: 100%;
}
div#on-the-table-feed ul.feedEkList li div.itemContent {
  font-family: Bagnard;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 10px;
  border-bottom: 1px dotted;
  display: none;
}
div#on-the-table-feed ul.feedEkList li div.itemDate {
  font-family: belgika-8;
  margin-top: 6px;
  font-size: 12px;
}
div#on-the-table-feed ul.feedEkList li div.itemTitle a {
  font-family: herscheyfutura;
  font-size: 25px;
  text-decoration: none;
  line-height: 46px;
}
div#on-the-table-feed ul.feedEkList li div.itemTitle a:hover {
  margin-bottom: 20px;
  color: #9900ff;
}
.status {
  background-color: blue;
  color: white;
  padding: 12px;
  margin-bottom: 1em;
  margin-right: 1em;
  width: 20em;
  float: left;
  font-family: notcouriersans;
  font-weight: bold;
  font-size: 13px;
}
.status a {
  color: #AFEEEE;
}
#active-projects {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 15px;
}
#active-projects,
#project-detail {
  *zoom: 1;
  width: auto;
}
#active-projects:before,
#project-detail:before,
#active-projects:after,
#project-detail:after {
  display: table;
  content: "";
}
#active-projects:after,
#project-detail:after {
  clear: both;
}
#active-projects h2,
#project-detail h2 {
  color: #9900ff;
  font-family: belgika-8;
}
#active-projects #project-detail-readme,
#project-detail #project-detail-readme,
#active-projects #project-detail-iceberg,
#project-detail #project-detail-iceberg,
#active-projects #project-detail-commits,
#project-detail #project-detail-commits,
#active-projects #project-detail-files,
#project-detail #project-detail-files {
  border-top: 1px dotted;
  padding-top: 30px;
  margin-top: 15px;
  width: 100%;
  float: left;
}
#active-projects #project-detail-readme article figure,
#project-detail #project-detail-readme article figure,
#active-projects #project-detail-readme article img,
#project-detail #project-detail-readme article img {
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  outline: 1px solid #7fffd4;
}
#active-projects #project-detail-readme article figure,
#project-detail #project-detail-readme article figure {
  text-align: center;
}
#active-projects #project-detail-readme article figure img,
#project-detail #project-detail-readme article figure img {
  margin-top: 0;
  margin-bottom: 7.5px;
  outline: none;
}
#active-projects #project-detail-readme article figure footer,
#project-detail #project-detail-readme article figure footer {
  font-size: 12px;
}
#active-projects #project-detail-readme article h1,
#project-detail #project-detail-readme article h1 {
  font-size: 27px;
  line-height: 50px;
  width: auto;
  padding: 5px;
  padding-left: 0px;
}
#active-projects #project-detail-readme article h2,
#project-detail #project-detail-readme article h2 {
  font-size: 27px;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 15px;
  font-family: belgika-16;
  border-top: dotted 1px;
  padding-top: 30px;
}
#active-projects #project-detail-readme article h3,
#project-detail #project-detail-readme article h3 {
  font-size: 21px;
  line-height: 28px;
  font-family: belgika-16;
}
#active-projects #project-detail-readme article h4,
#project-detail #project-detail-readme article h4 {
  text-decoration: underline;
}
#active-projects #project-detail-readme article p,
#project-detail #project-detail-readme article p,
#active-projects #project-detail-readme article li,
#project-detail #project-detail-readme article li {
  font-family: Bagnard;
  font-size: 16px;
  line-height: 24px;
}
#active-projects #project-detail-readme article blockquote,
#project-detail #project-detail-readme article blockquote {
  font-style: italic;
  border-left: 1px dotted #9900ff;
}
#active-projects #project-detail-readme article li,
#project-detail #project-detail-readme article li {
  padding-left: 20px;
}
#active-projects #project-detail-readme article li:before,
#project-detail #project-detail-readme article li:before {
  content: "\2192 \20 ";
  margin-left: -22px;
}
#active-projects #project-detail-iceberg,
#project-detail #project-detail-iceberg {
  border-bottom: 1px dotted;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#active-projects #project-detail-iceberg div.iceberg-thumbnail,
#project-detail #project-detail-iceberg div.iceberg-thumbnail {
  width: 100%;
  height: 300px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
#active-projects #project-detail-commits,
#project-detail #project-detail-commits {
  border-top: none;
}
#active-projects #project-detail-files,
#project-detail #project-detail-files {
  background-color: #7fffd4;
  border-top: none;
}
#active-projects #project-detail-files h2,
#project-detail #project-detail-files h2 {
  color: white;
  line-height: 26px;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  text-decoration: none;
}
#active-projects #project-detail-files p,
#project-detail #project-detail-files p {
  font-family: Bagnard;
}
#active-projects #project-detail-files ul.breadcrumb,
#project-detail #project-detail-files ul.breadcrumb {
  font-family: belgika-16;
  font-size: 12px;
  padding-left: 5px;
}
#active-projects #project-detail-files svg.file-icon,
#project-detail #project-detail-files svg.file-icon {
  width: 20px;
  float: left;
  margin-top: -5px;
  margin-left: 2px;
  padding-right: 10px;
  fill: none;
  outline: black;
}
#active-projects #project-detail-files path.outline-path,
#project-detail #project-detail-files path.outline-path {
  stroke: black;
}
#active-projects #project-detail-files #blob,
#project-detail #project-detail-files #blob {
  margin-top: 20px;
  padding-left: 20px;
}
.project {
  float: left;
  width: 95%;
  margin-bottom: 20px;
  max-height: 580px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid black;
  padding-top: 20px;
}
#home-info.project {
  border-top: none;
}
div.gradient-to-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  text-align: center;
  padding-top: 30px;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(#ffffff));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
}
a.see-more {
  position: absolute;
  background-color: white;
  text-decoration: none;
  padding: 5px;
  padding-top: 10px;
  border: 1px dotted black;
  bottom: 0;
  left: 0%;
  right: 0%;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.see-more:hover {
  background-color: #9900ff;
  border: 1px solid #9900ff;
}
#home-info.project {
  max-height: none;
}
.project-type {
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
}
.project-type a {
  text-decoration: none;
}
.project-type a:hover {
  text-decoration: underline #9900ff;
}
.project-title {
  font-size: 27px;
  font-family: belgika-8;
  text-align: left;
  margin-bottom: 20px;
  line-height: 0.9;
  letter-spacing: -0.03em;
  font-weight: normal;
  text-decoration: dashed;
}
.project-title a {
  color: #9900ff;
}
a.category {
  font-family: belgika-16;
  font-size: 12px;
  line-height: 36px;
  padding-bottom: 5px;
  color: black !important;
  letter-spacing: 0.05em;
}
a.category:after {
  content: " 	\2193";
}
a.category:hover:after {
  content: " \2192";
}
a.category:hover {
  border-bottom: 1px solid black;
}
a.category-none {
  font-size: 12px;
  line-height: 36px;
}
.project-description-from-the-readme {
  font-size: 15px;
  text-align: left;
  margin-bottom: 40px;
  letter-spacing: -0.03em;
  font-weight: normal;
}
.iceberg {
  margin-right: 15px;
}
.iceberg-pict {
  width: 70px;
}
.iceberg-pict-big {
  width: 250px;
}
.commit-list {
  background-size: 1px 1px;
  background-position: 100px 0,0 0;
  background-repeat: repeat-y;
}
.commit-list a,
.commit-list a:visited,
.commit-list a:active {
  color: #005580;
  text-decoration: none;
}
.commit-list a:hover {
  text-decoration: underline;
}
.ellipse {
  clear: both;
  width: 5px;
  margin: auto;
  margin-left: 36px;
  border-left: 1px solid black;
}
.commit {
  padding: 6px 0;
  border-top: 1px dotted #7fffd4;
}
.commit p {
  margin-bottom: 0;
}
.commit-metadata {
  margin-left: 5em;
}
.commit-author {
  font-size: 12px;
  font-family: belgika-8;
  text-transform: uppercase;
}
.commit-author-said {
  font-family: belgika-8;
  font-size: 12px;
  margin-left: 7px;
  color: grey;
}
.commit-message {
  font-size: 16px;
  line-height: 24px;
  font-family: Bagnard;
}
.commit-date {
  font-family: belgika-8;
  margin-top: 6px;
  font-size: 10px;
}
.left-2 {
  float: left;
  margin: 0 auto;
  width: 100%;
}
.right-1 {
  width: 95%;
  float: left;
  margin: 0 auto;
}
h1#project-detail-title {
  float: left;
  margin-bottom: 0;
  font-family: belgika-8;
}
ul#project-detail-nav {
  margin-top: 1em;
  margin-right: 13em;
}
ul#project-detail-nav li {
  display: inline;
  margin-left: 1em;
}
ul#project-detail-nav li a {
  text-decoration: none;
}
ul#project-detail-nav li a:hover {
  text-decoration: underline;
}
div#project-detail .iceberg,
div#project-detail .commit-list {
  float: left;
  margin-right: 20px;
  width: 100%;
}
div#project-detail-head h1.repo_slug {
  float: left;
}
a.gitclone {
  background-color: #7fffd4;
  font-family: belgika-16;
  padding: 7px 5px 2px 5px;
  font-size: 18px;
}
a.gitclone:hover {
  background-color: white;
  outline: 1px solid #7fffd4;
}
div#project-detail-body {
  clear: both;
}
.project-detail-img-file {
  margin-top: 20px;
}
.project-detail-file-name {
  font-family: belgika-16;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  float: left;
  margin-right: 10px;
}
.project-detail-file-mime {
  font-family: Bagnard;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}
.project-detail-blob-size {
  font-family: Bagnard;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}
#about-general {
  width: 520px;
  margin-top: 20px;
  margin-left: 20px;
  height: 100%;
  font-family: belgika-16;
  font-size: 15px;
  text-align: left;
  color: #000000;
}
.contact {
  color: blue;
}
.osp-about-texts {
  color: red;
}
#about-members {
  float: left;
  width: 520px;
  margin-top: 20px;
  margin-left: 40px;
  font-family: belgika-16;
  font-size: 15px;
  text-align: left;
  color: #000000;
}
div#info-page {
  width: 95%;
  font-family: Bagnard;
}
div#info-page dt {
  font-family: belgika-16;
  font-size: 16px;
  margin-top: 15px;
}
div#info-page p,
div#info-page dd {
  font-family: Bagnard;
  font-size: 16px;
  line-height: 24px;
}
div#info-page p a,
div#info-page dd a {
  font-family: belgika-16;
  font-size: 12px;
}
div#info-page h1 {
  border-top: 1px solid #9900ff;
  padding-top: 1em;
  font-family: Belgika-40;
}
div#info-page h2 {
  color: #9900ff;
  margin-top: 1em;
  font-family: Belgika-40;
}
div#info-page h3 {
  font-size: 16px;
}
div#info-page h1 + br + h2 {
  margin-top: 0;
}
div#info-page ul {
  -moz-column-count: 2;
  column-count: 2;
}
div#info-page ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  width: 100%;
}
div#info-page ul li:before {
  content: "— \20 ";
}
.foundry-infos {
  width: 100% !important;
  margin-bottom: 1em;
  display: flex;
}
.foundry-infos div {
  width: 50%;
}
.foundry-infos .more {
  display: none;
}
.font {
  border-top: 2px solid #9900ff;
  border-bottom: 2px solid #9900ff;
  clear: both;
  padding: 1em 0;
}
.font + .font {
  border-top: initial;
}
.font-row {
  display: flex;
}
.foundry-playground h2 {
  margin-bottom: 0.5em;
  white-space: nowrap;
}
.foundry-playground select {
  margin-top: -2px;
  margin-left: 1em;
  background-color: transparent;
  border: 0;
  font-family: 'belgika-16';
  color: black !important;
  background-color: white;
  outline: 1px solid black;
  padding: 0.5em;
  height: 2em;
}
.font-icons {
  width: 1em;
  text-align: center;
  align-self: flex-start;
}
.font-icons a {
  font-family: Monospace;
  font-size: 25px;
  text-decoration: none;
  border-radius: 100%;
  padding: 3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: 4px;
  border: 1px solid #9900ff;
  color: #9900ff;
}
.font-icons a[title="read more"] {
  font-size: 19px;
}
.font-icons a:hover {
  background-color: #9900ff;
  color: white;
}
.font-preview {
  margin-left: 2em;
}
.sentence {
  transition: flex 1s;
  font-size: 5em;
  line-height: 1em;
  margin-bottom: 0;
  display: inline-block;
  margin-left: 0.5em;
  height: 100px;
  overflow-x: scroll;
  overflow-y: auto;
  white-space: nowrap;
  flex-basis: 10%;
}
.sentence:focus-within {
  outline: 1px dotted #9900ff;
}
.font .images {
  transition: height 1s, flex 1s;
  margin-left: 1.5em;
  padding-left: 1.5em;
  border-left: 1px solid black;
  width: 100px;
  flex-grow: 1;
  height: 300px;
}
.font .images {
  position: relative;
  flex-basis: 10%;
  min-width: 100px;
  overflow: auto;
  box-sizing: border-box;
}
.images-list {
  width: max-content;
  display: flex;
  align-items: baseline;
  height: 100%;
}
.sentence + .images {
  flex-grow: 0;
  height: 100px;
}
.font .images img {
  height: 100%;
  float: left;
}
.collapsed {
  flex-grow: 0 !important;
}
.expanded {
  flex-grow: 1 !important;
}
.images.expanded {
  height: 300px;
}
.font .last-commit {
  flex-grow: 1;
}
.foundry-contribute {
  margin-top: 2em;
}
.foundry-contribute p,
.foundry-contribute ul {
  margin: 0;
}
.foundry-contribute li:before {
  content: "– ";
}
div#research-tracks section#intro {
  margin-top: 50px;
  width: 100%;
}
div#research-tracks section#intro h1 {
  font-size: 48px;
  margin-bottom: 30px;
  text-align: center;
}
div#research-tracks section#intro img {
  width: 60%;
  margin-left: 12%;
  margin-top: -5%;
}
div#research-tracks section#intro div.half:first-child {
  text-align: center;
}
div#research-tracks div.half {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
div#research-tracks div.half:first-child {
  padding-right: 1em;
}
div#research-tracks div.half + div.half {
  padding-left: 1em;
}
div#research-tracks div.half img {
  width: 100%;
}
div#research-tracks p,
div#research-tracks li {
  font-family: Bagnard;
  font-size: 18px;
  line-height: 24px;
}
div#research-tracks li:before {
  content: "– ";
}
div#research-tracks b {
  font-family: belgika-16;
}
div#research-tracks section#secondary-menu {
  clear: both;
  margin-bottom: 2em;
  height: 60px;
  width: 104%;
  margin-left: -2%;
  background-color: #ffff00;
  background-color: #afeeee;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffff00), to(#afeeee));
  background-image: -webkit-radial-gradient(circle, #ffff00, #afeeee);
  background-image: -moz-radial-gradient(circle, #ffff00, #afeeee);
  background-image: -ms-radial-gradient(circle, #ffff00, #afeeee);
  background-repeat: no-repeat;
}
div#research-tracks section#secondary-menu div {
  width: 21%;
  margin: 2%;
  float: left;
}
div#research-tracks section#secondary-menu div h3 {
  text-align: center;
}
div#research-tracks section#secondary-menu div h3 a {
  font-family: belgika-8;
}
div#research-tracks section.full-width {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 45px;
  width: 100%;
  float: left;
  border-bottom: 1px solid yellow;
}
pre,
code {
  font-family: 'NotCourierSans';
  white-space: pre-wrap;
}
pre {
  margin-bottom: 20px;
}
div.thumbnail.folder {
  border-bottom: 1px solid black;
}
div.thumbnail.folder div.thumb img {
  width: 30px;
  height: 30px;
  float: left;
}
div.thumbnail.preview {
  border-bottom: 1px dotted black;
}
div.thumbnail.preview h5 {
  display: inline;
}
div.thumbnail.preview img,
div.thumbnail.preview svg {
  display: inline;
}
div.thumbnail.preview p {
  margin-bottom: 10px;
  font-size: 14px;
  color: grey;
  display: inline;
  font-family: belgika-16 !important;
}
div.thumbnail.preview a {
  text-decoration: none;
}
div.thumb {
  min-height: 25px;
}
a.folder-name {
  padding-left: 10px;
  margin-bottom: -5px;
}
.thumbnails {
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}
.thumbnails:after {
  clear: both;
}
.thumbnails > li {
  margin: 0 0 18px 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
ul#tree {
  padding: 15px;
}
.breadcrumb {
  clear: both;
  font-family: Bagnard;
}
.breadcrumb li {
  display: inline-block;
}
.close {
  float: right;
  text-shadow: 0 1px 0 #ffffff;
  font-size: 27px;
  line-height: 15px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .dropdown.open {
  *z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #ffff00;
  background-color: #afeeee;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffff00), to(#afeeee));
  background-image: -webkit-radial-gradient(circle, #ffff00, #afeeee);
  background-image: -moz-radial-gradient(circle, #ffff00, #afeeee);
  background-image: -ms-radial-gradient(circle, #ffff00, #afeeee);
  background-repeat: no-repeat;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  z-index: 1050;
  max-height: 500px;
  overflow: auto;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}
.modal-header h2 {
  line-height: 30px;
}
.modal-body {
  padding: 15px 20px;
}
.modal-body .modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 15px 20px;
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}
footer {
  bottom: 0;
  margin-top: 60px;
}
footer p {
  font-size: 10px;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/static/js/fancyBox/source/fancybox_sprite.png?88ecece51067');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/static/js/fancyBox/source/fancybox_loading.gif?88ecece51067') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/static/js/fancyBox/source/blank.gif?88ecece51067');
  /* helps IE */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* fancybox Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/static/js/fancyBox/source/fancybox_overlay.png?88ecece51067');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* fancybox Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-align: center;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */

  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
  background: none;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*fancybox Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/static/js/fancyBox/source/fancybox_sprite@2x.png?88ecece51067');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  
  }
  #fancybox-loading div {
    background-image: url('/static/js/fancyBox/source/fancybox_loading@2x.gif?88ecece51067');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  
  }
}
@media only screen and (min-width: 384px) {
  
}
@media only screen and (min-width: 512px) {
  ul.feedEkList li {
    width: 100%;
  }
  .project,
  #home-info,
  div#info-page,
  .right-1,
  .left-2 {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  body {
    padding: 1.5em;
  }
  #menu-wrapper ul#menu {
    margin-top: 30px;
  }
  #menu-wrapper ul#menu li {
    display: inline;
    color: blue;
  }
  #menu-wrapper ul#menu li:nth-of-type(2) {
    margin-top: 30px;
    margin-left: 5px;
  }
  #menu h1 {
    float: none;
  }
  #menu li {
    padding-top: 15px;
  }
  div#on-the-table-feed ul.feedEkList li {
    min-width: 45%;
    margin-right: 2%;
    margin-left: 0%;
  }
  div#on-the-table-feed ul.feedEkList li p img {
    width: 100%;
  }
  div#on-the-table-feed ul.feedEkList li div.itemContent {
    border-bottom: none;
    padding-bottom: none;
    display: block;
  }
  .project {
    width: 45%;
    margin-right: 2%;
    margin-left: 0%;
    border-top: none;
    min-height: 580px;
  }
  .left-2 {
    width: 690px;
    margin: 0;
    margin-right: 30px;
  }
  .right-1 {
    width: 330px;
    margin: 0;
    margin-right: 30px;
  }
  #home-info {
    width: 330px;
    margin: 0;
    margin-right: 30px;
  }
  #home-infos {
    width: 50%;
  }
  #project-detail #project-detail-iceberg div.iceberg-thumbnail {
    width: 200px;
    height: 125px;
  }
  div#info-page {
    width: 690px;
    margin: 0;
  }
  .modal {
    top: 50%;
    left: 50%;
    width: 560px;
    margin: -250px 0 0 -280px;
  }
}
@media only screen and (min-width: 1024px) {
  .breadcrumb li:nth-child(5) {
    display: none;
  }
  body {
    padding: 2em;
  }
  div#on-the-table-feed ul.feedEkList li {
    width: 330px;
    min-width: 330px;
    margin-right: 40px;
  }
  div#on-the-table-feed ul.feedEkList li p img {
    width: 100%;
  }
  .project {
    width: 330px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .left-2 {
    width: 885px;
  }
  .left-2 div#project-detail-readme {
    width: 45%;
  }
  .left-2 #project-detail-files {
    width: 330px;
    margin-right: 30px;
    float: left;
  }
}