/* Main Content */

main ul {
    padding: 0;
    margin: 2.4rem 0;
}

main ul li {
    list-style: none;
    margin: 0.8rem 0;
    padding: 0 0 0 3rem;
    position: relative;
}

main ul li::before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjk5MjIgMC43MzgyODFMMTUuMDExNyA2LjA1MDc4TDE1LjQ0MTQgNi41TDE1LjAxMTcgNi45NDkyMkw5LjY5OTIyIDEyLjI2MTdMOC44MDA3OCAxMS4zNjMzTDEzLjAzOTEgNy4xMjVIMC41VjUuODc1SDEzLjAzOTFMOC44MDA3OCAxLjYzNjcyTDkuNjk5MjIgMC43MzgyODFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K');
}

main ul.orange-arrows li::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTk5MjIgMC43MzgyODFMMTQuNTExNyA2LjA1MDc4TDE0Ljk0MTQgNi41TDE0LjUxMTcgNi45NDkyMkw5LjE5OTIyIDEyLjI2MTdMOC4zMDA3OCAxMS4zNjMzTDEyLjUzOTEgNy4xMjVIMFY1Ljg3NUgxMi41MzkxTDguMzAwNzggMS42MzY3Mkw5LjE5OTIyIDAuNzM4MjgxWiIgZmlsbD0iI0VEMzQxOSIvPgo8L3N2Zz4K');
}

main ul.orange-arrows li a {
    font-family: 'Atyp Display';
    font-size: 2rem;
    font-weight: 500;
}

main ul.center {
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
}

main ul.links {
    display: flex;
    flex-flow: column;
}

main ul.links li {
    padding: 0;
}

main ul.links li {
    position: relative;
    font-family: 'Atyp Display';
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 3.2rem;
    display: inline-block;
}

/*main ul.links li::before {
    display: none !important;
}*/

main ul.links li::before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    left: 0rem;
    top: 0.8rem;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAzOTEgMC4wODU5Mzc1TDE3LjQxNDEgNi40NjA5NEwxNy45Mjk3IDdMMTcuNDE0MSA3LjUzOTA2TDExLjAzOTEgMTMuOTE0MUw5Ljk2MDk0IDEyLjgzNTlMMTUuMDQ2OSA3Ljc1SDBWNi4yNUgxNS4wNDY5TDkuOTYwOTQgMS4xNjQwNkwxMS4wMzkxIDAuMDg1OTM3NVoiIGZpbGw9IiNFRDM0MTkiLz4KPC9zdmc+Cg==');
}

main ul.tags {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

main ul.tags li {
    background-color: var(--gray-soft);
    border: 1px solid var(--gray-lighter-alt);
    border-radius: 2.4rem;
    padding: 0.2rem 1.6rem 0.2rem 4.2rem;
    margin: 0.4rem 0;
    font-size: 1.6rem;
}

main ul.tags li::before {
    left: 1.6rem;
    top: 0.4rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMC42MjVIMTQuODc1VjcuNUwxNC42OTkyIDcuNjk1MzFMNy4wNjI1IDE1LjI1MzlMNi42MTMyOCAxNC44MjQyTDAuNjc1NzgxIDguODg2NzJMMC4yNDYwOTQgOC40Mzc1TDcuODA0NjkgMC44MDA3ODFMOCAwLjYyNVpNOC41MjczNCAxLjg3NUwyLjAwMzkxIDguNDM3NUw3LjA2MjUgMTMuNDk2MUwxMy42MjUgNi45NzI2NlYxLjg3NUg4LjUyNzM0Wk0xMS43NSAzLjEyNUMxMS45MTkzIDMuMTI1IDEyLjA2MjUgMy4xOTAxIDEyLjE3OTcgMy4zMjAzMUMxMi4zMDk5IDMuNDM3NSAxMi4zNzUgMy41ODA3MyAxMi4zNzUgMy43NUMxMi4zNzUgMy45MTkyNyAxMi4zMDk5IDQuMDY5MDEgMTIuMTc5NyA0LjE5OTIyQzEyLjA2MjUgNC4zMTY0MSAxMS45MTkzIDQuMzc1IDExLjc1IDQuMzc1QzExLjU4MDcgNC4zNzUgMTEuNDMxIDQuMzE2NDEgMTEuMzAwOCA0LjE5OTIyQzExLjE4MzYgNC4wNjkwMSAxMS4xMjUgMy45MTkyNyAxMS4xMjUgMy43NUMxMS4xMjUgMy41ODA3MyAxMS4xODM2IDMuNDM3NSAxMS4zMDA4IDMuMzIwMzFDMTEuNDMxIDMuMTkwMSAxMS41ODA3IDMuMTI1IDExLjc1IDMuMTI1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==');
}

main ul.norms {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

main ul.norms li {
    background-color: var(--gray-soft);
    border: 1px solid var(--gray-lighter-alt);
    border-radius: 2.4rem;
    padding: 0.2rem 1.6rem 0.2rem 4.2rem;
    margin: 0.4rem 0;
    font-size: 1.6rem;
    position: relative;
    text-decoration: underline;
}

main ul.norms li:hover {
    text-decoration: underline;
    color: var(--red-alt);
}

main ul.norms li::before {
    left: 1.6rem;
    top: 0.4rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzUgMC4zNzVIOS4xMjg5MUw5LjMyNDIyIDAuNTUwNzgxTDEzLjA3NDIgNC4zMDA3OEwxMy4yNSA0LjQ5NjA5VjE2LjYyNUgwLjc1VjAuMzc1Wk0yIDEuNjI1VjE1LjM3NUgxMlY1LjM3NUg4LjI1VjEuNjI1SDJaTTkuNSAyLjUyMzQ0VjQuMTI1SDExLjEwMTZMOS41IDIuNTIzNDRaTTMuODc1IDYuNjI1SDEwLjEyNVY3Ljg3NUgzLjg3NVY2LjYyNVpNMy44NzUgOS4xMjVIMTAuMTI1VjEwLjM3NUgzLjg3NVY5LjEyNVpNMy44NzUgMTEuNjI1SDEwLjEyNVYxMi44NzVIMy44NzVWMTEuNjI1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==');
}

main ul.norms li em {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 3rem;
    padding: 1.6rem 0 0;
    transition: all 300ms ease-in-out;
    z-index: 3;
    font-style: normal;
}

main ul.norms li em .inner {
    width: 32rem;
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--black);
    border-radius: 2.4rem;
    background-color: var(--gray-soft);
    border: 1px solid var(--gray-lighter-alt);
}

main ul.norms li:hover em {
    opacity: 1;
    visibility: visible;
    padding: 1.6rem 0 0;
    transition: all 300ms ease-in-out;
}

main ul > li > ul {
    padding: 0 0 0 3rem;
    margin: 0;
}

main ol {
    list-style: none;
    counter-reset: my-counter;
}

main ol > li {
    counter-increment: my-counter;
    margin: 1rem 0;
    padding: 0 0 0 3rem;
    position: relative;
}

main ol > li > ul {
    padding: 0 0 0 3rem;
    margin: 0;
}

main ol > li::before {
    content: counter(my-counter) '.';
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0rem;
    color: var(--dark-blue);
}

hr {
    margin: 5rem 0;
}

section#content {
    margin-bottom: 12rem;
}

/* Static Page */

.static-page h2 {
    font-size: 3.4rem;
    margin-top: 6.4rem;
}

.static-page h3 {
    font-size: 2.4rem;
    margin-top: 3.2rem;
}

.static-page h4 {
    font-size: 2.4rem;
}

/* RESPONSIVE */

@media (max-width: 1600px) {
}

@media (max-width: 1250px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 990px) {
}

@media (max-width: 750px) {
}

@media (max-width: 600px) {
}

@media (max-width: 400px) {
}