@charset "UTF-8";

/* =========================================================
   Piece / Any Piece
========================================================= */

/* pageTitle
----------------------------------------------- */
#pageTitle h1 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 8px;
  color: var(--clr-deep-blue);
  font-size: 1.375rem;
  font-weight: 700;
  background: linear-gradient(90deg, rgba(15,56,158,1) 0%, rgba(15,56,158,0) 100%);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 4px;
}
@media only screen and (max-width: 768px) {
  #pageTitle h1 {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
}

/* back-btn
----------------------------------------------- */
.back-btn {
  margin-top: 60px;
  text-align: center;
}
.back-btn a {
  display: inline-block;
  padding: 8px 70px;
  border: 2px solid var(--clr-deep-blue);
  border-radius: 40px;
  background:
    url(/_themes/acanthus/img/topics_list.svg) 45px center no-repeat,
    url(/_themes/acanthus/img/ic-prev.svg) 12px center no-repeat;
  background-color: #fff;
  box-shadow: -4px 4px 5px 0px rgba(0, 0, 0, 0.3);
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.back-btn a:hover {
  opacity: 0.5;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .back-btn {
    margin-top: 30px;
  }
  .back-btn a {
    padding: 4px 60px;
    border-radius: 20px;
    background-position: 35px, 10px;
    font-size: 0.875rem;
  }
}