/* place per web site customizations here */
/* listbox embedded in web section */
.Test-Result-content div.listbox-head ,
.Web-Section-content div.listbox-head {
  color: #001730;
}

.Test-Result-content .listbox-table-data-cell,
.Web-Section-content .listbox-table-data-cell{
  border: 1px solid black;
}

.Test-Result-content .listbox-head-content,
.Web-Section-content .listbox-head-content {
  -webkit-border-top-left-radius: 0px;
  border-left: none;
  padding-left: 0px;
}

/* test results should show tests' output left aligned */
.Test-Result-Line-content .center{
	  text-align: left;
}

.breadcrumb ul li a.last-breadcrumb {
  color: #9F9FBC;
}

#wrapper_profile_document,
#wrapper_header_title h1{
  color: white;
}

.headteaser.index {
  background-color: #2B2B5D;
  /* ugly, but for sake of a first working site ...
  background: -webkit-linear-gradient(180deg, #2B2B5D 450px, white 0px);
  background: linear-gradient(180deg, #2B2B5D 450px, white 0px);
 */
}

.headteaser .teaserTop {
  width:100%;
  float: left;
}


ul.langmenue li.ja a {
    background-image: url("img/flag-ja.png");
}

/* in this theme documentation at web site forn needs no border */
.Web-Site-content .bottomPosts {
  border-top:none;
}
.Web-Site-content .teaserin {
  padding-bottom: 0 !important;
}

/* =========== Overrides Sven ======== */
.Web-Site-content .teaserin #wrapper_application {
  /* fit what nexedi does min-height: 458px; */
  min-height: 380px;
}

.sliderDirectNav {
  position: absolute;
  left: 0;
  /* margin-top: -26px; */
  width: 100%;
}

/* fix spacing on text pages (done in erp5_fixes.css) */
.Web-Page-content .document .content .responsiveimg p:last-of-type,
.Web-Page-content .document .content .responsiveimg div p:first-of-type {
  margin-bottom: 48px;
}
/* fix image mis-positioning */
.Web-Page-content .document .content .responsiveimg h2 + img {
  padding: 5px 23px 5px 0 !important;
  margin-top: 4px;
}
/* let the browser do this
.Web-Page-content .document .content .responsiveimg h2 {
  margin-bottom: 1em;
}
*/
/* erp5_fixes breaks this, remove in erp5_fixes, then remove this */
.Web-Page-content .document .content .responsiveimg h2 {
  margin-top: .83em;
  margin-bottom: .83em;
}
.Web-Page-content .document .content .responsiveimg h2 + p {
  margin-top: 0;
}
.Web-Page-content .document .content .responsiveimg div p:first-of-type + ul {
  margin-top: -36px;
}
.Web-Page-content .document .content .responsiveimg h2 a img {
  float: left;
  margin: 1em;
  padding-top: 9px;
}
.Web-Page-content .document .content .page .responsiveimg ol > li > p,
.Web-Page-content .document .content .page .responsiveimg ul > li > p {
  margin-bottom: 0;
}

/* ===========  Blog Author ===========  */
.custom-container-blog .custom-container-row {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .custom-container-blog .custom-container-row {
    width: 100%;
    display: block;
  }  
}
.custom-container-blog .custom-container-row:nth-child(even) {
  padding-right: 2%;
  margin-bottom: 2em;
}
.custom-container-blog .custom-container-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-container-blog ul li:nth-child(2) img {
    margin-bottom: 1em;
    margin-top: .25em;
}
.custom-container-blog .custom-container-blog-author-thumbnail {
  float: left;
  margin-right: 1em;
  padding: 0;
  width: 7em;
  height: 9em;
  -webkit-border-radius: 0;
  border-radius: .375em;
  overflow: hidden;
}
.custom-container-blog .custom-container-blog-author-thumbnail img {
  min-width: 100%;
  height: inherit;
}
.custom-container-blog li:nth-child(1):not(.custom-container-blog-author-thumbnail) img {
  float: left;
  margin-right: 1em;
}
.custom-container-blog .custom-container-blog-author span {
  font-weight: bold;
}
.custom-container-blog .custom-container-blog-author + li + li {
  margin-top: 20px;
  display: block;
  text-align: justify;
  text-align-last: left;
}
/* =========== Overrides End ======== */

/* =========== Fixes ======== */
/* fieldset behaving erratic on smaller screens */
.document .content > fieldset {
  min-width: 0;
  width: inherit;
  display: table-cell; /* FF */
}
/* bottomPosts with discussions empty, remove border until discussions are shown */
.content .bottomPosts {
  border-top: none;
}

/* ========== Code Highlighting =========== */
/* place per web site customizations here */
/* highlightjs */
.hljs {
    display: block;
    overflow-x: auto;
    background: #F0F0F0
}
.hljs,
.hljs-subst {
    color: #444
}
.hljs-comment {
    color: #888888
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
    font-weight: bold
}
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
    color: #880000
}
.hljs-title,
.hljs-section {
    color: #880000;
    font-weight: bold
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #BC6060
}
.hljs-literal {
    color: #78A960
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
    color: #397300
}
.hljs-meta {
    color: #1f7199
}
.hljs-meta-string {
    color: #4d99bf
}
.hljs-emphasis {
    font-style: italic
}
.hljs-strong {
    font-weight: bold
}
/* line numbers from experimental branch: https://github.com/isagalaev/highlight.js/compare/line-numbers */
/* line numbers */
pre {
  counter-reset: lines;
}
pre .line {
  counter-increment: lines;
}
pre .line::before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  -o-user-select: none;
  user-select: none;
  
  content: counter(lines);
  text-align: right;
  display: inline-block;
  width: 2em;
  padding-right: 0.5em; 
  margin-right: 0.5em;
  color: #BBB;
  border-right: solid 1px;
}
/* hanging indent */
pre .line {
  padding-left: 1.5em;
  text-indent: -2em;
  display: block;
}
pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* customized colors */
/* coloring from prismjs */
.hljs-comment,
.hljs-doctag,
.hljs-meta,
.hljs-meta-string {
	color: slategray;
}
.hljs-keyword {
	color: #07a;
}
.hljs-attribute,
.hljs-string,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo{
	color: #690;
}
.hljs-number,
.hljs-deletion,
.hljs-symbol,
.hljs-code {
	color: #905;
}
.hljs-regexp,
.hljs-variable,
.hljs-template-variable,
.hljs-strong {
	color: #e90;
}
.hljs-link {
	color: #a67f59;
}
 /* don't exist */
.hljs-name,
.hljs-type,
.hljs-quote,
.hljs-template-tag,
.hljs-title,
.hljs-section,
.hljs-literal,
.hljs-built_in,
.hljs-addition,
.hljs-bullet {
	color: inherit;
  font-weight: normal;
}