html,
body {
  font-size: 23px;
}

article h1,
.articleLev1 {
  font-size: 2.26rem;
}

article h2,
.articleLev2 {
  font-size: 1.39rem;
  color: var(--purple);
  margin: 3rem 0 1.2rem 0;
}

article h3,
.articleLev3 {
  font-size: 1.13rem;
  color: var(--purple);
  margin: 3rem 0 1.2rem 0;
}

.small-text {
  font-size: .8rem;
}

/* CUSTOMIZATION */

article footer {
  margin-top: 1rem;
}

article table {
  margin: 1rem 0;
}

article th,
article tr,
article td {
  border: 1px solid var(--purple);
  padding: .5rem;
}

.current-category>span {
  color: var(--white);
  border-radius: 38px;
  padding: .5rem 1rem;
  background-color: var(--lightPurple);
}

blockquote {
  font-size: 1.96rem;
  color: var(--yellow);
  text-align: center;
  margin: 3rem 0;
  position: relative;
}

blockquote::before {
  content: '\201C';
  position: absolute;
  top: -2rem;
  left: 1rem;
}

blockquote::after {
  content: '\201E';
  position: absolute;
  top: 2rem;
  right: 1rem;
}

p:has(figcaption),
figcaption {
  color: var(--lightPurple);
  font-size: .8rem;
  margin: 1rem 0;
}

.double {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0;
}

.double figure:nth-child(2) {
  width: calc(50% - 1rem);
  margin-left: 1rem;
}

.double figure:first-child {
  width: calc(50% - 1rem);
  margin-right: 1rem;
}

figure.position-relative {
  margin: 1rem 0;
}

figure.position-relative>figcaption {
  position: absolute;
  bottom: 0;
  background-color: rgba(22, 22, 22, 0.8);
  color: var(--yellow);
  width: 100%;
  margin: 0;
  padding: .5rem;
}

.mainContent img {
  width: 100%;
  object-fit: cover;
  margin: 1rem 0;
}

.mainContent ul,
.mainContent ol {
  margin: 2rem 0;
  list-style: none;
  counter-reset: myOrderedListItemsCounter;
}

.mainContent ul li,
.mainContent ol li {
  margin: 1rem;
  color: #404040;
}

.mainContent ol li::before {
  counter-increment: myOrderedListItemsCounter;
  content: counter(myOrderedListItemsCounter);
  font-weight: 700;
  color: var(--yellow);
  margin-right: .5rem;
}

.mainContent ul li::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-right: .5rem;
  background-color: var(--yellow);
}

.special-cite {
  margin: 1rem auto;
  background-color: var(--lightPurple);
  padding: 1rem;
  color: white;
  width: 75%;
}

.special-cite>p {
  text-align: center;
}

.indice {
  border: 1px solid var(--yellow);
  border-radius: 19px;
  padding: 0 1rem;
}

.no-fixed {
  position: static !important;
}

.longBreadcrumb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

@media (max-width: 1199px) {

  html,
  body {
    font-size: 19px;
  }

  article h1,
  .articleLev1 {
    font-size: 1.89rem;
  }

  article h2,
  .articleLev2 {
    font-size: 1.47rem;
  }

  article h3,
  .articleLev3 {
    font-size: 1.16rem;
  }

  blockquote {
    font-size: 1.58rem;
  }

  .small-text {
    font-size: .89rem;
  }

  blockquote::before {
    left: 0;
  }

  blockquote::after {
    right: 0;
  }
}

@media(max-width: 991px) {
  .mainContent ul li::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 0.5rem;
    background-color: var(--yellow);
  }
}

@media(max-width: 767px) {

  html,
  body {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  /* #blog-dettaglio #asyde{
    position: fixed;
    right: 10vw;
    flex: 0 0 25%;
    max-width: 20%;
  } */
}