/*
  New style sheet for current refactoring of the theme.
*/

/* Mh's Book Reviews */

.arc-reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.arc-reviews > div {
  border: 1px solid #900;
  border-radius: 0.50rem;
  padding: 0.50rem;
}

.arc-reviews blockquote {
  font-style:italic;
  padding: 0;
  margin: 0;
}

.arc-reviews blockquote::before {
  font-family:Arial;
  content: "\201C";
  color:#900;
  font-size:2rem;
  position: absolute;
  left: 10px;
  top:-10px;
}

.arc-reviews blockquote::after {
  content: '';
}

.arc-reviews blockquote > span {
  display:block;
  color:#333333;
  font-style: normal;
  margin-top: 0.50rem;
}

.arc-reviews img {
  border-radius: 0.50rem;
}

@media screen and (max-width: 820px) {
  .arc-reviews {
    grid-template-columns: 1fr;
  }
}
/* buttons grid */

.arc-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}

.arc-button-block a {
  display: block;
}

.arc-button a {
  padding: 0.25rem 0.50rem;
  text-align: center;

  color: #FFC;

  background-color: #900;
  text-decoration: none;

  box-shadow: 0px 0px 0 3px #000;

  -moz-border-radius: 1.80rem;
  -webkit-border-radius: 1.80rem;
  border-radius: 1.80rem;
  margin: 3px;
  font-weight: bold;
  font-size: 1.10rem;

  background: #FF6767;
  background: -webkit-linear-gradient(180deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
  background: -moz-linear-gradient(180deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
  background: linear-gradient(180deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
}

.arc-button a:hover {
  background: #FF6767;
  background: -webkit-linear-gradient(0deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
  background: -moz-linear-gradient(0deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
  background: linear-gradient(0deg,rgba(255, 103, 103, 1) 15%, rgba(154, 15, 15, 1) 85%);
}

@media screen and (max-width: 1250px) {
  .arc-buttons {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 820px) {
  .arc-buttons {
    grid-template-columns: 1fr;
  }
}


/* Fin */