/*
Theme Name: Popov Science
Author: Opinionated Styles
Author URI: https://opinionatedstyles.com
Description: Scientific writing portfolio for Sofia Popov.
Version: 1.0
Text Domain: sofia
Tags: full-site-editing, portfolio
*/

a {
    text-underline-offset: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote p {
    text-wrap: balance;
}

h6 {
    font-feature-settings: "smcp";
}

caption,
figcaption,
p {
    text-wrap: pretty;
}

.fixed {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.wp-block-button {
    white-space: nowrap;
}

.wp-block-button.is-style-underline .wp-block-button__link {
    font-feature-settings: "smcp";
}

.wp-block-columns {
    justify-content: space-between;
}

.wp-block-list.inline {
    list-style: none;
    padding: 0;
}

.wp-block-list.inline li {
    display: inline-block;
}

.wp-block-list.inline li:not(:last-child)::after {
    color: var(--wp--preset--color--accent-1);
    content: " /";
    white-space: nowrap;
}

.wp-block-pullquote blockquote p {
    position: relative;
}

.wp-block-pullquote blockquote p:first-of-type::before {
    aspect-ratio: 158.851 / 131;
    background: var(--wp--preset--color--accent-1);
    content: "";
    left: 0;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.851 131'><path d='M54.35-477.44c-29.4,8.768-63.437,36.1-63.437,79.941,0,33.008,21.146,51.059,42.291,51.059,17.02,0,28.366-11.862,28.366-26.819,0-10.831-6.7-24.756-26.3-26.819-11.346-1.547-23.724-4.126-23.724-19.6,0-21.661,25.272-41.26,45.9-49.512Zm-88.193,0c-29.4,8.768-63.437,36.1-63.437,79.941,0,33.008,21.146,51.059,42.291,51.059,17.02,0,28.366-11.862,28.366-26.819,0-10.831-6.7-24.756-26.3-26.819-11.346-1.547-23.724-4.126-23.724-19.6,0-21.661,25.272-41.26,45.9-49.512Z' transform='translate(97.28 477.44)'/></svg>") no-repeat center / 100% 100%;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.851 131'><path d='M54.35-477.44c-29.4,8.768-63.437,36.1-63.437,79.941,0,33.008,21.146,51.059,42.291,51.059,17.02,0,28.366-11.862,28.366-26.819,0-10.831-6.7-24.756-26.3-26.819-11.346-1.547-23.724-4.126-23.724-19.6,0-21.661,25.272-41.26,45.9-49.512Zm-88.193,0c-29.4,8.768-63.437,36.1-63.437,79.941,0,33.008,21.146,51.059,42.291,51.059,17.02,0,28.366-11.862,28.366-26.819,0-10.831-6.7-24.756-26.3-26.819-11.346-1.547-23.724-4.126-23.724-19.6,0-21.661,25.272-41.26,45.9-49.512Z' transform='translate(97.28 477.44)'/></svg>") no-repeat center / 100% 100%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: clamp(100px, 25vw, 150px);
    z-index: -1;
}

.wp-block-pullquote blockquote p:last-of-type::after {
    aspect-ratio: 158.851 / 131;
    background: var(--wp--preset--color--accent-1);
    bottom: 0;
    content: "";
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.851 131'><path d='M-90.06-346.44c29.4-8.768,63.437-36.1,63.437-79.941,0-33.008-21.146-51.059-42.291-51.059-17.02,0-28.366,11.862-28.366,26.819,0,10.831,6.7,24.756,26.3,26.819,11.346,1.547,23.724,4.126,23.724,19.6,0,21.661-25.272,41.26-45.9,49.512Zm88.193,0c29.4-8.768,63.437-36.1,63.437-79.941,0-33.008-21.146-51.059-42.291-51.059-17.02,0-28.366,11.862-28.366,26.819,0,10.831,6.7,24.756,26.3,26.819,11.346,1.547,23.724,4.126,23.724,19.6,0,21.661-25.272,41.26-45.9,49.512Z' transform='translate(97.28 477.44)'/></svg>") no-repeat center / 100% 100%;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.851 131'><path d='M-90.06-346.44c29.4-8.768,63.437-36.1,63.437-79.941,0-33.008-21.146-51.059-42.291-51.059-17.02,0-28.366,11.862-28.366,26.819,0,10.831,6.7,24.756,26.3,26.819,11.346,1.547,23.724,4.126,23.724,19.6,0,21.661-25.272,41.26-45.9,49.512Zm88.193,0c29.4-8.768,63.437-36.1,63.437-79.941,0-33.008-21.146-51.059-42.291-51.059-17.02,0-28.366,11.862-28.366,26.819,0,10.831,6.7,24.756,26.3,26.819,11.346,1.547,23.724,4.126,23.724,19.6,0,21.661-25.272,41.26-45.9,49.512Z' transform='translate(97.28 477.44)'/></svg>") no-repeat center / 100% 100%;
    position: absolute;
    right: 0;
    transform: translateY(50%);
    width: clamp(100px, 25vw, 150px);
    z-index: -1;
}

.wp-block-pullquote blockquote cite strong {
    font-feature-settings: "smcp";
    letter-spacing: 0.2em;
    text-transform: lowercase;
}

.icon::before {
    color: var(--wp--preset--color--accent-1);
    display: inline-block;
    font: var(--fa-font-light);
    -webkit-font-smoothing: antialiased;
    margin-right: var(--wp--preset--spacing--30);
    text-rendering: auto;
}

.icon.book::before {
    content: '\f02d';
}

.icon.chart-line-up::before {
    content: '\e0e5';
}

.icon.chart-pie-simple::before {
    content: '\f64e';
}

.icon.clipboard-list::before {
    content: '\f46d';
}

.icon.file-lines::before {
    content: '\f15c';
}

.icon.mailchimp::before {
    content: '\f59e';
    font: var(--fa-font-brands);
}

.icon.microscope::before {
    content: '\f610';
}

.icon.palette::before {
    content: '\f53f';
}

.icon.pencil::before {
    content: '\f303';
}

.icon.presentation::before {
    content: '\f685';
}

.icon.share-nodes::before {
    content: '\f1e0';
}

.icon.wordpress::before {
    content: '\f19a';
    font: var(--fa-font-brands);
}

footer {
    overflow: hidden;
    position: relative;
}

footer::after {
    bottom: 0;
    color: var(--wp--preset--color--accent-1);
    content: "Sofia Popov";
    font-family: var(--wp--preset--font-family--ivypresto-headline);
    font-size: 30rem;
    font-style: italic;
    font-weight: 300;
    left: 0;
    opacity: 0.3;
    position: absolute;
    transform: translate(-4%, 33%);
    white-space: nowrap;
    z-index: -1;
}

::selection {
    background-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--contrast);
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--wp--preset--color--accent-2);
}