@charset "utf-8";
.employeePreview {
    color: var(--color-primaryA);
    text-indent: -12px;
    margin-bottom: 6px;
}

.employeeName, .employeePosition{
    font-size: var(--fs-header);
}

.employeeName{
    font-weight: 700;
}

.employeePosition:before{
    content: "★ ";
    color: whtie;
}

.employeePhone, .employeeMail {
    color: inherit;
    text-decoration: none;
    width: max-content;
    transition: color .4s ease;
}

.employeePhone:hover, .employeeMail:hover {
    color: var(--color-primaryB);
}

.employeePhone:before {
    content: "Номер: ";
}

.employeeMail:before {
    content: "Почта: ";
}

.employeePhone:before, .employeeMail:before {
    color: rgb(65 64 66);
}

.employeePhone:after {
    content: "";
    display: inline-flex;
    margin-left: 6px;
    width: var(--fs-standart);    height: var(--fs-standart);
    background: url(../icons/phoneCall.svg);
    background-size: contain;
    transform: translate(4px) scale(1.2);
}

.employeeMail:after {
    content: "";
    display: inline-flex;
    margin-left: 6px;
    width: var(--fs-standart);    height: var(--fs-standart);
    background: url(../icons/mail.svg);
    background-size: contain;
    transform: translate(4px) scale(1.2);
}

.employeePhone:after, .employeeMail:after {
    opacity: 0.6;
    transition: opacity .4s ease;
}

.employeePhone:hover:after, .employeeMail:hover:after {
    opacity: 1;
}

.departmentWrap {
    max-width: 580px;
    padding-left: 15px;
}

.employeeWrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 18px 0;
    width: fit-content;
    padding: 0 12px;
    row-gap: 6px;
}

.departmentTitle {
    color: rgb(146 158 188);
    font-size: calc(var(--fs-header) + 4px);
    font-weight: 700;
    text-indent: -20px;
    margin-bottom: 7px;
}

.departmentWrap.departmentWrap:not(:last-child) {
    margin-bottom: 20px;
}

/**** Авторство статей и т.п. ****/
.single .employeeMiniature {
    text-align: right;
    color: black;
}

.single .employeeMiniature a {
    margin: 0 6px;
}

.employeeMiniature a {
    color: inherit;
    font-weight: bold;
}

/**** Адаптив ****/
@media screen and (max-width: 720px){
    .departmentTitle
    {
        text-indent: -10px;
    }
}

@media screen and (max-width: 600px){
    .departmentWrap {
        padding-left: 0;
    }
    .departmentTitle
    {
        text-indent: 0;
        font-size: calc(var(--fs-header) + 2px);
    }
}