@charset "utf-8";

/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block !important; }
table { border-collapse: separate; border-spacing: 0; vertical-align: top; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { border-spacing: 0; width: 100%; }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ol,ul{list-style:none}
hr { height: 1px; border: 0; border: none; width: 100%; background: #bfbfbf; color: #bfbfbf; margin: 15px 0; padding: 0; }

/* general layout */

body { position: relative; text-align: center; z-index: 0; background: #fafafa url("../images/body-bg.944990822890.svg") top left repeat; }
.wrapper { position: relative; text-align: left; margin: 0 auto; padding: 0 10px; width: 800px; }

div.wrapper > div.col-major {
    display: block;
    float: left;
    width: 65%;
    margin-right: 20px;
}

div.wrapper > div.col-minor {
    overflow: auto;
}

/* typography */

body { font: 16px/24px Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #444; }
h1, h2, h3, h4, h5, h6 { color: #222; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
h1 { font-size: 28px; line-height: 36px; margin-bottom: 40px; }
h2 { font-size: 24px; line-height: 28px; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
h4, h5, h6 { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
.aside, .quiet { font-weight: normal; color: #999; }
.error, .errornote, .errorlist li { color: #EB3800; }
.errornote { margin-bottom: 15px; }
.edit,
a { color: #444; }
.edit,
a:hover { color: #111; }
table { margin-bottom: 15px; }
p { margin-bottom: 15px; }
pre { margin: 15px 0; white-space: pre; overflow: auto; }
pre, code, tt { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace; line-height: 20px; }
textarea, input, select { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace; font-size: 16px; line-height: 20px; }

/* tables */

table, td, th { vertical-align: top; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; }
td, th { padding: 5px; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
thead { background: #f2f2f2; }


h2 > span.link-help,
h3 > span.link-help,
label > span.link-help {
    color: #999;
    font-size: 16px;
    font-weight: normal;
}

h2 > span.link-help,
h3 > span.link-help {
    float: right;
}

/* content */

#content { padding: 50px 0; }
#content ul { margin-bottom: 20px; }

#project_description { margin-top: 20px; }

/* icons */

i { display: inline-block; padding:0; margin:0; padding-right:6px; position: relative; bottom:-2px; width: 15px; height: 15px; }

/* home */

#home-header { background: #084352; border-bottom: 1px solid #333; padding: 65px 0 35px 0; color: #fff; }
.home.splash #content { padding-top: 80px; }

  /* title */
  .home-header-title { padding: 15px 0 30px 110px; margin-left: -25px; background: text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
  .home-header-title h1 { color: #fff; padding: 0; margin: 0; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
  .home-header-title .tagline  { color: #BCC1C3; }

  /* title */
  .home-header-links { position: absolute; top: 22px; right: 10px; width: 180px; }
  .home-header-links a.reg { color: #fff; display: block; padding: 10px 20px; background: #7C8F99; font-weight: bold; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.7); text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; text-align: center; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
  .home-header-links a.reg:hover { background-color: #8CA1AF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  .home-header-links .login-box { text-align: center; }
  .home-header-links .login-box p { margin-bottom: 0; color: #BCC1C3; }
  .home-header-links .login { font-weight: bold; color: #e3e3e3; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5); }
  .home-header-links .login:hover { text-align: center; color: #fff; }

section {
    margin-bottom: 60px;
}
.home .lead {
    font-size: 20px;
    line-height: 30px;
}
.home .feature {
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}


/* footer */

#footer { background: #084352; border-bottom: 1px solid #333; padding: 65px 0; color: #BCC1C3; }
#footer .column-rtd, #footer .column-about, #footer .column-logo { float: left; width: 33.33%; }
#footer .column-copyright, #footer .column-setlang { float: left; width: 50%; }
#footer .footerlogo { width: 64px; height: 64px; }
#footer h4 { font-size: 18px; color: #e3e3e3; text-shadow: none; }
#footer li { margin-bottom: 5px; }
#footer a, #footer a:visited { color: #e3e3e3; text-decoration: none; }
#footer a:hover, #footer a:active { color: white; text-decoration: underline; }

/* Social icons */
#footer .social { font-family: FontAwesome; text-align: center; }
#footer .social:after { clear: both; content: ''; display: table; }
#footer .social li { width: 50px; display: inline-block; }
#footer .social a { text-decoration: none; opacity: 0.5; }
#footer .social a:hover, #footer .social a:visited { opacity: 1; }
#footer .social .icon { display: inline-block; width: 36px; height: 36px; font-size: 24px;}
#footer .social .github:before { content: "\f09b"; }
#footer .social .twitter:before { content: "\f099"; }