/* Styles for Admin Page Content */

.admin-work-item {
  display:flex;

  background-color:var(--palette-highlight);
  margin-bottom:2rem;

  width:100%;
}

.admin-work-item img {
  max-height:10rem;
  max-width:10rem;
  width:10rem;
  height:auto;
  object-fit:contain;
  padding:1rem;
  margin:0;
  display:block;
  background-color:var(--palette-grey-dark);
}

.admin-work-item .date {
  width:10%;
  min-width:10rem;
  padding:2rem;

  font-weight:bold;

  border-right:.125rem solid var(--palette-content-bg);
}

.admin-work-item .title {
  width:20%;
  padding:2rem;

  font-weight:bold;
  color:var(--palette-brown-darker);

  border-right:.125rem solid var(--palette-content-bg);
}

.admin-work-item .desc {
  padding:2rem;
}

.add-img {
  width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
  margin:0;
  padding:0;
}

.add-img + label {
  font-size:4rem;
  font-weight:bold;
  color:var(--palette-brown-dark);

  background-color:var(--palette-page-bg);
}

.add-img img:hover {
  background-color:#AAA;
}

.add-img:focus + label,
.add-img + label:hover {
  background-color:var(--palette-content-bg);
  color:var(--palette-highlight);
  cursor:pointer;
}

.addimg-wrap label {
  padding:0;
  margin:0;
  display:block;
}

.addimg-prev {
  margin:0;
  background-color:transparent !important;
}

.addimg-wrap span {
  display:block;
  font-size:.75rem;
  padding:.5rem;
}