.person-content h2 {
color: var(--color-button);
}
.person-degrees h3 {
margin-bottom: 1rem;
}
.person-photo-slider {
max-width: 340px;
margin: 0 auto 20px;
}
.person-photo-slider__item {
display: flex;
justify-content: center;
}
.person-photo-slider__image {
border: 2px solid #8e8e8e6e;
}
.person-photo-slider__item a {
width: 180px;
}
.person-photo-slider.owl-theme .owl-dots {
margin-top: 22px;
display: flex;
gap: 7px;
justify-content: center;
}
.person-photo-slider.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 0 6px;
background: #9ea4aa;
}
.person-photo-slider.owl-theme .owl-dots .owl-dot.active span,
.person-photo-slider.owl-theme .owl-dots .owl-dot:hover span {
background: #0d89d8;
}
.person-section-title {
display: inline-flex;
align-items: center;
gap: 14px;
}
.person-section-count {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 12px;
border-radius: 100px;
background: #2a3138;
color: #fff;
font-size: 14px;
line-height: 1.5;
font-weight: 700;
}
.publishment-logos-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
margin: 26px 0;
}
.publishment-logos-row img {
max-height: 28px;
width: auto;
object-fit: contain;
filter: grayscale(1);
}
.person-photo-slider .owl-dots button {
background: #2a313870;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
width: 11px;
height: 11px;
border-radius: 50%;
}
.person-photo-slider .owl-dots button.active {
background-color: var(--color-button);
box-shadow: 0px 0px 3.7px 0px rgba(0, 108, 187, 0.77);
}
.ages {
margin-bottom: 1em;
max-width: 300px;
width: 100%;
}
.ages td {
padding: 5px 0 5px 0;
font-size: 90%;
color: #454545; }
.ages tr td:first-child {
font-weight: 600;
}
.person-content .phone {
color: #006cbb;
font-size: 20px;
font-weight: 600;
}
.specs {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0;
}
.specs__item {
background: #0b76982b;
padding: 7px 15px;
border: 1px solid black;
border-radius: 11px;
font-size: 14px;
font-weight: 600;
margin: 0;
color: #272e3f;
min-height: 37px;
display: inline-flex;
align-items: center;
}
.person-videos .box-accordion__content {
border-radius: 0;
padding: 0;
}
.single_person__info {
border: 3px solid var(--color-button);
}
@media (max-width: 767px) {
.person-section-title {
gap: 10px;
flex-wrap: wrap;
}
.person-section-count {
font-size: 16px;
}
.publishment-logos-row {
gap: 14px;
margin-top: 10px;
}
.publishment-logos-row img {
max-height: 28px;
}
}
.person-degrees,
.person-degrees .jur-documents__slider-row,
.person-degrees .jur-documents__slider {
max-width: 100%;
min-width: 0;
}
.person-degrees .jur-slider-row {
display: grid;
grid-template-columns: 2rem minmax(0, 1fr) 2rem;
align-items: center;
gap: 1.5rem;
overflow: hidden;
}
.person-degrees .jur-slider-row__nav {
width: 2rem;
height: 2rem;
background: #fff;
border: 0;
-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6);
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6);
display: inline-flex;
justify-content: center;
align-items: center;
align-self: center;
}
.person-degrees .jur-slider-row__nav i {
height: 1rem;
}
.person-degrees .jur-slider-row__nav_next i {
transform: rotate(180deg);
}
.person-degrees .jur-slider-row__nav[disabled] {
opacity: 0.35;
cursor: default;
}
.person-degrees .jur-documents__slider-row {
padding: 0.75rem 1rem;
}
.person-degrees .no-slider .jur-documents__slider {
display: flex;
flex-direction: space-between;
}
.person-degrees .jur-documents__slider {
width: 100%;
}
.person-degrees .owl-stage-outer {
overflow: hidden;
}
.person-degrees .jur-documents__card {
display: block;
padding: 0.5rem;
}
.person-degrees .jur-documents__media {
display: flex;
justify-content: center;
}
.person-degrees .jur-documents__media img {
width: 100%;
max-width: 460px;
height: auto;
border-radius: 2px;
box-shadow: 1px 1px 10px #00000080;
}
@media (max-width: 767px) {
.person-degrees .jur-slider-row {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.person-degrees .jur-slider-row__nav {
display: none;
}
.person-degrees .jur-documents__slider-row {
padding: 0.5rem;
}
.person-degrees .jur-documents__card {
padding: 0.25rem;
}
}