/*
Theme Name: wps-theme
Version: 1.00 from 1.08.2024
Text Domain: wpshower
*/

/* Fix blockquote content styles */
.wp-block-quote ul li,
.content > blockquote ul li {
    padding-left: 1.8em;
    position: relative;
    margin-bottom: 6px;
    margin-top: 6px;
    font-size: 17px;
    list-style: none;
}

.wp-block-quote ul li::before,
.content > blockquote ul li::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
    border: 1.3px dotted var(--text);
}

.wp-block-quote h3,
.content > blockquote h3 {
    font-size: 1.35rem;
    font-weight: 550;
    line-height: 1.4;
    margin-bottom: 14px;
    margin-top: 0.1rem;
}

/* Gallery styles */
.desktop-gallery {
    display: grid;
    gap: 20px;
}

.desktop-gallery figure {
    margin: 0;
    padding: 70px;
    background-color: var(--bg);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desktop-gallery figure img {
    width: 60%;
    height: auto;
    border-radius: calc(var(--border-radius) / 2);
}

.desktop-gallery figcaption {
    margin-top: 15px;
    font-size: 14px;
    color: var(--text80);
}

.content > figure {
    margin-bottom: 20px;
}


.wp-block-video  {
    margin: 0;
    padding: 70px;
    background-color: var(--bg);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
}

main {
  opacity: 0;
  animation: fadeIn 0.4s normal 1 forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}