.gsl-layout-menu {
padding-bottom: 48px;
width: 100%;
max-width: 1440px;
margin: -20px auto 0;
}
h1.gsl-layout-menu__heading {
margin-right: 0;
padding-left: 1rem;
font-size: 28px;
padding-bottom: 20px;
margin-bottom: 0;
padding-top: 40px;
}
.gsl-layout-menu__columns {
display: grid;
grid-template-columns: 15.6666666667% minmax(0, 1fr);
gap: 24px;
}
.gsl-layout-menu--no-aside .gsl-layout-menu__columns {
grid-template-columns: 1fr;
}
.gsl-layout-menu__sticky {
position: sticky;
top: var(--header-height);
}
.gsl-layout-menu__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.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;
}
.gsl-layout-menu__entry h2.box-accordion__title {
position: relative;
top: 0;
background: rgba(233, 238, 239, 0.95);
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.gsl-layout-menu__entry h2.box-accordion__title .box-accordion__toggle {
align-items: center;
}
.gsl-layout-menu__entry h2.box-accordion__title .box-accordion__title-text {
color: var(--color-text-main);
}
h2.gsl-layout-menu__mobile-title {
display: none;
}
@media (max-width: 1440px) {
.gsl-layout-menu {
padding-right: 15px;
}
.gsl-layout-menu__link {
border-radius: 0 100px 100px 0;
}
}
@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;
}
.gsl-layout-menu__entry {
gap: 15px;
}
h2.gsl-layout-menu__mobile-title {
display: inline-block;
font-size: 27px;
}
.gsl-layout-menu__entry h2.box-accordion__title {
font-size: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
.gsl-layout-menu__entry h2.box-accordion__title .box-accordion__toggle {
gap: 10px;
}
}
@media (max-width: 1000px) {
.gsl-layout-menu {
margin: 0 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;
}
}