/**** Components Node for unpublished content *****/
/* Note that drupal-bootstrap-not-cdn.min.css sets the background-color to #fff4f4 for body.is-unpublished */

body.user-logged-in .view-content table.dataTable {
  border-collapse: collapse;
  overflow: hidden;
}

.views-row.published-no,
.views-table tr.published-no {
  background-color: pink;
  border: 3px solid hotpink;
}

.views-row.published-no h1,
.views-table tr.published-no h1 {
  background-color: pink;
  border: 3px solid hotpink;
}

/* Unpublished revision pending to overwrite the published revision */
.views-row.published-no.Archived,
.views-table tr.published-no.Archived,
.views-row.published-no.archived,
.views-table tr.published-no.archived,
.views-row.published-no.Archivé,
.views-table tr.published-no.Archivé,
.views-row.published-no.archivé,
.views-table tr.published-no.archivé {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
}

.views-row.published-no.Archived h1,
.views-table tr.published-no.Archived h1,
.views-row.published-no.archived h1,
.views-table tr.published-no.archived h1,
.views-row.published-no.Archivé h1,
.views-table tr.published-no.Archivé h1 {
  background-color: blanchedalmond;
  border: 3px solid saddlebrown;
}

/* Unpublished revision pending to overwrite the published revision */
.views-row.published-no.pending-draft,
.views-table tr.published-no.pending-draft {
  background-color: #ffeca9;
  border: 3px solid orange;
}

.views-row.published-no.pending-draft h1,
.views-table tr.published-no.pending-draft h1 {
  background-color: #ffeca9;
  border: 3px solid orange;
}

html:lang(en) body.archived main .field--name-body::before {
  content: "Archived Version";
}

html:lang(fr) body.archived main .field--name-body::before,
html:lang(fr) body.archivée main .field--name-body::before,
html:lang(fr) body.archivee main .field--name-body::before,
html:lang(fr) body.archive main .field--name-body::before {
  content: "Version Archivée";
}

html:lang(en) body.published-no main .field--name-body::before {
  content: "Draft Version";
}

html:lang(fr) body.published-no main .field--name-body::before {
  content: "En brouillon";
}

html:lang(en) body.archived main .field--name-body::before,
html:lang(fr) body.archived main .field--name-body::before,
html:lang(fr) body.archivée main .field--name-body::before,
html:lang(fr) body.archivee main .field--name-body::before,
html:lang(fr) body.archive main .field--name-body::before,
html:lang(en) body.published-no main .field--name-body::before,
html:lang(fr) body.published-no main .field--name-body::before,
html:lang(en) body.pending-draft main .field--name-body::before,
html:lang(fr) body.pending-draft main .field--name-body::before {
  margin-left: 3em;
  position: fixed;
  margin-top: -2.5em;
  transform: rotate(-45deg);
  color: #ccc;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  font-size: 400%;
  opacity: 0.6;
  z-index: 1;
  font-weight: bold;
  text-shadow: 2px 2px #666;
  line-height: 1em;
}

html:lang(en) body.pending-draft main .field--name-body::before,
html:lang(fr) body.pending-draft main .field--name-body::before {
  margin-top: -2.5em;
  filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
}

html:lang(en) body.pending-draft main .field--name-body::before {
  content: "Pending Draft";
}

html:lang(fr) body.pending-draft main .field--name-body::before {
  content: "Brouillon en attente";
}

/* The following code will override the body.is-unpublished background-color that drupal sets by default */
body.is-unpublished {
  background-color: white;
}

body.published-no #wb-info,
body.pending-draft #wb-info {
  z-index: 0;
}

@media screen and (max-width: 991px) {
  html:lang(en) body.archived main .field--name-body::before,
  html:lang(fr) body.archived main .field--name-body::before,
  html:lang(fr) body.archivée main .field--name-body::before,
  html:lang(fr) body.archivee main .field--name-body::before,
  html:lang(fr) body.archive main .field--name-body::before,
  html:lang(en) body.published-no main .field--name-body::before,
  html:lang(fr) body.published-no main .field--name-body::before,
  html:lang(en) body.pending-draft main .field--name-body::before,
  html:lang(fr) body.pending-draft main .field--name-body::before {
    margin-left: 0em;
    line-height: 1em;
    margin-top: -4em;
  }
}

@media screen and (max-width: 767px) {
  html:lang(en) body.pending-draft main .field--name-body::before,
  html:lang(fr) body.pending-draft main .field--name-body::before {
    margin-top: -5.5em;
  }
  html:lang(en) body.archived main .field--name-body::before,
  html:lang(fr) body.archived main .field--name-body::before,
  html:lang(fr) body.archivée main .field--name-body::before,
  html:lang(fr) body.archivee main .field--name-body::before,
  html:lang(fr) body.archive main .field--name-body::before,
  html:lang(en) body.published-no main .field--name-body::before,
  html:lang(fr) body.published-no main .field--name-body::before,
  html:lang(en) body.pending-draft main .field--name-body::before,
  html:lang(fr) body.pending-draft main .field--name-body::before {
    margin-left: 0em;
    margin-top: -5.5em;
  }
}

/** Access unpublished **/

div.alert.alert-success.access_unpublished {
  margin-bottom: 5px;
  margin-top: 5px;
  z-index:5;
}

div.alert.alert-success.access_unpublished span.glyphicon-copy::before {
  font-size: x-large;
  margin-left: 10px;
  position: absolute;
  bottom: -4px;
  z-index: 5;
}

/** Node administration **/

body.node-add select#edit-layout-selection.form-element,
body.node-add select#edit-layout-selection-etuf-fr.form-element,
body.node-edit select#edit-layout-selection-etuf-fr.form-element,
body.node-edit select#edit-layout-selection.form-element
{
  color: #82828c;
  border-color: #bababf;
  background-color: #f2f2f3;
  box-shadow: none;
  -webkit-text-fill-color: #82828c;
  cursor: not-allowed;
  pointer-events: none;
}


body.admin-content div.form-item--created-min,
body.admin-content div.form-item--changed-min,
body.admin-content div.form-item--created-max,
body.admin-content div.form-item--changed-max {
  max-width: 130px;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

/* General CSS - @todo move to EPIC theme */
article.align-left figure div.field--type-image img {
  margin-right: 15px;
}

article.align-right figure div.field--type-image img {
  margin-left: 15px;
}