.gsl-layout-menu {
padding-bottom: 48px;
padding-right: 15px;
width: 100%;
}
.gsl-layout-menu__columns {
display: grid;
grid-template-columns: 16.6666666667% minmax(0, 1fr);
gap: 24px;
align-items: flex-start;
}
.gsl-layout-menu--no-aside .gsl-layout-menu__columns {
grid-template-columns: 1fr;
}
.gsl-layout-menu__aside {
position: sticky;
top: 110px;
}
.gsl-layout-menu__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.gsl-layout-menu__list li {
margin: 0;
}
.gsl-layout-menu__link {
display: block;
color: var(--main-text-color);
text-decoration: none;
padding: 0.5rem 1.2rem 0.5rem 1rem;
font-size: 14px;
border-radius: 0 100px 100px 0;
}
.gsl-layout-menu__link:visited {
color: var(--main-text-color);
}
.gsl-layout-menu__link:hover,
.gsl-layout-menu__link:focus-visible {
color: var(--white-text-color);
background-color: var(--layout-menu-accent, var(--acient-color));
}
.gsl-layout-menu__link.is-active {
color: var(--white-text-color);
background-color: var(--layout-menu-accent, var(--acient-color));
}
.gsl-layout-menu__content {
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.gsl-layout-menu__entry h1,
.gsl-layout-menu__entry h2,
.gsl-layout-menu__entry h3,
.gsl-layout-menu__entry h4,
.gsl-layout-menu__entry h5,
.gsl-layout-menu__entry h6 {
color: #000;
}
.gsl-layout-menu__entry {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (max-width: 1024px) {
.gsl-layout-menu {
padding-left: 15px;
}
.gsl-layout-menu__columns {
grid-template-columns: 1fr;
}
.gsl-layout-menu__aside {
display: none;
}
.gsl-layout-menu__content {
grid-column: auto;
}
}
@media (max-width: 740px) {
.gsl-layout-menu__columns {
grid-template-columns: 1fr;
}
.gsl-layout-menu--no-aside .gsl-layout-menu__columns {
grid-template-columns: 1fr;
}
.gsl-layout-menu__aside,
.gsl-layout-menu__content {
grid-column: auto;
}
.gsl-layout-menu__aside {
position: relative;
top: 0;
}
}