/* hero */

.hero {
    background: url(/-/media/ind/cs/sitemap/image/hero_bg.png) no-repeat center center;
    background-size: cover;
}

.hero h1 {
    color: #fff;
    text-align: center;
}

/* sitemap */

:root {
    --sitemap-ul-list-style-width: 10px;
    --sitemap-ul-list-style-height: 10px;
    --sitemap-ul-list-style-padding-width: 10px;
    --sitemap-ul-padding-left: 10px;
}

.sitemap .wrapper {
    max-width: 700px;
    margin: 0 auto;
}

.sitemap .wrapper .content-block > ul {
    /* list-style: none; */
    padding-left: calc(var(--sitemap-ul-list-style-width) + var(--sitemap-ul-list-style-padding-width) + var(--sitemap-ul-padding-left) * 0);
}

.sitemap .wrapper .content-block > ul > li > ul {
    /* list-style: none; */
    padding-left: calc(var(--sitemap-ul-list-style-width) + var(--sitemap-ul-list-style-padding-width) + var(--sitemap-ul-padding-left) * 1);
}

.sitemap .wrapper .content-block > ul > li > ul > li > ul {
    /* list-style: none; */
    padding-left: calc(var(--sitemap-ul-list-style-width) + var(--sitemap-ul-list-style-padding-width) + var(--sitemap-ul-padding-left) * 2);
}

.sitemap .wrapper .content-block ul li {
    margin-bottom: 10px;
    position: relative;
}

.sitemap .wrapper .content-block ul li::before {
    content: "";
    position: absolute;
    left: calc((var(--sitemap-ul-list-style-width) + var(--sitemap-ul-list-style-padding-width)) * -1);
    top: 50%;
    transform: translateY(-50%);
    width: var(--sitemap-ul-list-style-width);
    height: var(--sitemap-ul-list-style-height);
    background: #333;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    transition: all 0.15s ease;
}

.sitemap .wrapper .content-block ul li.no-style::before {
    display: none;
}

.sitemap .wrapper .content-block ul li a {
    color: #06417E;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sitemap .wrapper .content-block ul li a:hover {
    text-decoration: underline;
}

.sitemap .wrapper .content-block ul li:hover::before {
    left: calc((var(--sitemap-ul-list-style-width) + var(--sitemap-ul-list-style-padding-width)) * -1 + 2px);
}