.person-cards-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.gsl-layout__menu_content_aside-box {
width: 100%;
}
.gsl-layout__menu_content_aside-aside {
width: 0;
}
.gsl-layout__menu_content_aside-content_container {
max-width: 100%;
}
aside {
background: white;
border-radius: 0 20px 20px 0;
}
aside ul{
position: sticky;
top: 160px;
max-height: 100vh;
overflow: hidden;
margin: 0; 
}
aside ul:hover{
overflow: auto;
}
.departments-menu-elem__container {
display: flex;
gap: 10px;
}
.departments-menu-elem-color {
min-width: 5px;
height: auto;
}
.departments-menu-elem {
padding: 5px 10px;
}
.departments-menu-elem:first-child {
padding: 15px 10px;
}
.gsl-layout__menu_content_aside-menu li a:hover {
background: var(--color-vacancies);
border-radius: 0%;
color: white !important;
}
.department-block h2 {
margin: 0;
color: black;
font-size: 24px;
}
.department-block p{
margin: 0;
}
.department-block {
display: flex;
flex-direction: column;
gap: 20px;
}
.department-block-header {
display: flex;
align-items: center;
gap: 10px;
}
.gsl-layout__menu_content_aside-content {
display: flex;
flex-direction: column;
gap: 40px;
}
.dep-dot {
min-width: 10px;
height: 100%;
border-radius: 10px;
}
#department-463318 .gsl-person-card {
border-color: var(--color-partners);
}
#department-463318 .gsl-person-card__dep-head {
background: var(--color-partners);
}
#department-463318 .gsl-contacts__contact a {
background: var(--color-partners);
}
#department-215117 .gsl-person-card,
#department-463319 .gsl-person-card,
#department-473830 .gsl-person-card,
#department-558486 .gsl-person-card,
#department-463317 .gsl-person-card,
#department-543563 .gsl-person-card {
border-color: var(--color-offshore);
}
#department-215117 .gsl-person-card__dep-head,
#department-463319 .gsl-person-card__dep-head,
#department-473830 .gsl-person-card__dep-head,
#department-558486 .gsl-person-card__dep-head,
#department-463317 .gsl-person-card__dep-head,
#department-543563 .gsl-person-card__dep-head {
background: var(--color-offshore);
}
#department-215117 .gsl-contacts__contact a,
#department-463319 .gsl-contacts__contact a,
#department-473830 .gsl-contacts__contact a,
#department-558486 .gsl-contacts__contact a,
#department-463317 .gsl-contacts__contact a,
#department-543563 .gsl-contacts__contact a {
background: var(--color-offshore);
}
#department-215115 .gsl-person-card {
border-color: var(--color-audit);
}
#department-215115 .gsl-person-card__dep-head {
background: var(--color-audit);
}
#department-215115 .gsl-contacts__contact a {
background: var(--color-audit);
}
#department-215112 .gsl-person-card {
border-color: var(--color-taxes);
}
#department-215112 .gsl-person-card__dep-head {
background: var(--color-taxes);
}
#department-215112 .gsl-contacts__contact a {
background: var(--color-taxes);
}
#department-238658 .gsl-person-card, 
#department-540795 .gsl-person-card,
#department-294326 .gsl-person-card,
#department-463176 .gsl-person-card,
#department-473684 .gsl-person-card,
#department-215126 .gsl-person-card,
#department-215124 .gsl-person-card  {
border-color: var(--color-vacancies);
}
#department-238658 .gsl-person-card__dep-head,
#department-540795 .gsl-person-card__dep-head,
#department-294326 .gsl-person-card__dep-head,
#department-463176 .gsl-person-card__dep-head,
#department-473684 .gsl-person-card__dep-head,
#department-215126 .gsl-person-card__dep-head,
#department-215124 .gsl-person-card__dep-head {
background: var(--color-vacancies);
}
#department-238658 .gsl-contacts__contact a, 
#department-540795 .gsl-contacts__contact a,
#department-294326 .gsl-contacts__contact a,
#department-463176 .gsl-contacts__contact a,
#department-473684 .gsl-contacts__contact a,
#department-215126 .gsl-contacts__contact a,
#department-215124 .gsl-contacts__contact a {
background: var(--color-vacancies);
}
#department-215116 .gsl-person-card {
border-color: var(--color-it);
}
#department-215116 .gsl-person-card__dep-head {
background: var(--color-it);
}
#department-215116 .gsl-contacts__contact a {
background: var(--color-it);
}
#department-215113 .gsl-person-card {
border-color: var(--color-translations);
}
#department-215113 .gsl-person-card__dep-head {
background: var(--color-translations);
}
#department-215113 .gsl-contacts__contact a {
background: var(--color-translations);
}
#department-215111 .gsl-person-card {
border-color: var(--color-law);
}
#department-215111 .gsl-person-card__dep-head {
background: var(--color-law);
}
#department-215111 .gsl-contacts__contact a {
background: var(--color-law);
}
#department-215118 .gsl-person-card,
#department-575790 .gsl-person-card {
border-color: var(--color-conferences);
}
#department-215118 .gsl-person-card__dep-head,
#department-575790 .gsl-person-card__dep-head {
background: var(--color-conferences);
}
#department-215118 .gsl-contacts__contact a,
#department-575790 .gsl-contacts__contact a {
background: var(--color-conferences);
}
.gsl-person-card {
border: 1px solid var(--color-vacancies);
}
.breadcrumbs a{
font-size: 16px;
color: var(--color-vacancies);
text-decoration: none;
font-weight: 600;
}
#layout {
overflow: visible;
}
.departments-menu{
padding-bottom: 150px;
}
.departments-menu li{
margin: 0;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
}
.departments-menu li a {
margin: 0;
font-size: 14px;
padding: 0;
}
.birthday-section {
display: flex;
flex-direction: column;
gap: 20px;
width: calc(100vw - 400px);
overflow: hidden;
overflow-x: scroll;
}
.birthday {
display: flex;
gap: 20px;
}
.birthday-day-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.birthday-day-group.today {
color: var(--color-vacancies);
}
.birthday-day {
font-size: 16px;
font-weight: 700;
line-height: 1;
}
.birthday-month {
display: flex;
flex-direction: column;
gap: 10px;
border: 1px solid #e5e5e5;
border-radius: 10px;
width: 150px;
transition: all 0.4s ease-in-out;
}
.birthday-month.active {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 340px;
}
.birthday-month__name {
font-size: 16px;
font-weight: 700;
line-height: 1;
border-bottom: 1px solid #e5e5e5;
padding: 10px;
padding-bottom: 10px;
transition: all 0.3s ease-in-out;
text-align: center;
}
.birthday-month.active .birthday-month__name{
font-size: 32px;
font-weight: 700;
line-height: 1;
padding: 20px;
text-align: left;
}
.birthday-month__users {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 0;
padding-bottom: 20px;
}
.birthday-day-group.today{
display: flex;
}
.birthday-day-group {
border-bottom: 1px solid #e5e5e5;
padding: 0 20px;
padding-bottom: 15px;
}
.birthday-day-group:last-child {
border: none;
}
.birthday-month.active .birthday-day{
font-size: 23px;
font-weight: 700;
line-height: 1;
}
.birthday-users {
display: flex;
flex-direction: column;
gap: 10px;
}
.birthday-users .persons-mini-card__position {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 2;
max-height: 2.8em;
}
.gsl-layout__menu_content_aside-content h2{
margin: 0;
color: black;
font-size: 24px;
}
@media (max-width: 768px) {
.birthday-section {
width: 100%;
}
.birthday-month {
width: 100% !important;
display: none;
}
.birthday-month.active {
display: flex;
}
.persons-mini-card {
min-width: auto;
}
.person-cards-list {
grid-template-columns: 1fr;
}
}