.teacher_dynamic ul {
list-style: none;
padding: 0; }
.teacher_dynamic ul .img {
max-width: 160px;
margin: 0 auto 2rem auto;
line-height: 1.3;
font-size: 0.9em; }
.teacher_dynamic ul .img .imgwrap {
margin-bottom: 0.5rem; }
.teacher_dynamic ul .img .imgwrap img {
width: 100%; }
.uk-modal.teacher-info #nextSwitcher, .uk-modal.teacher-info #prevSwitcher {
position: fixed;
width: 43px;
top: 40%;
right: 1vw;
z-index: 6669; }
.uk-modal.teacher-info #nextSwitcher a, .uk-modal.teacher-info #prevSwitcher a {
border: 1px solid white;
height: 43px;
width: 43px;
padding: 0;
border-radius: 50%; }
.uk-modal.teacher-info #prevSwitcher {
right: unset;
left: 1vw; }
.uk-modal.teacher-info .uk-modal-dialog {
height: 100%; }
.uk-modal.teacher-info .teacher {
height: 100%;
overflow: scroll;
padding: 5vw 10px; }
.uk-modal.teacher-info .instruments {
padding-top: 5px; }
.uk-modal.teacher-info .modal-content {
height: 100%; }
.uk-modal.teacher-info .modal-content h2.name {
font-size: clamp(1.5rem, 6vw, 2rem);
font-family: 'TeXGyreHeros-Bold', 'Arial', 'Helvetica', 'FreeSans', sans-serif; }
.uk-modal.teacher-info .modal-content h2.name:after {
content: none; }
.uk-modal.teacher-info .wp-block-media-text {
grid-template-columns: 60% 1fr; }
.uk-modal.teacher-info .wp-block-media-text figure img {
width: 100%;
max-width: 300px; }
.uk-modal.teacher-info .uk-modal-footer {
padding-top: 40px;
border: none; }
.edit-post-visual-editor .wp-block-acf-teacher-dynamic .teacher-info, .edit-post-visual-editor .wp-block-acf-teacher-dynamic img {
display: none; } @media (min-width: 375px) {
.teacher_dynamic ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.6em 3em; }
.teacher_dynamic ul .img {
max-width: unset;
margin: unset; } } @media (min-width: 640px) {
.teacher_dynamic ul {
grid-template-columns: repeat(3, 1fr);
gap: 2.6em 3em; } } @media (min-width: 960px) {
.teacher_dynamic ul {
grid-template-columns: repeat(4, 1fr);
gap: 2.6em 4em; }
.uk-modal.teacher-info .teacher {
padding: 50px 20px; }
.uk-modal.teacher-info #nextSwitcher, .uk-modal.teacher-info #prevSwitcher {
top: 40%;
right: calc(((100vw - 760px) /2) - 80px); }
.uk-modal.teacher-info #prevSwitcher {
left: calc(((100vw - 760px) /2) - 80px); }
.wp-block-group .wp-block-columns .wp-block-column:nth-of-type(2n) .teacher_dynamic ul {
grid-template-columns: repeat(3, 1fr);
gap: 2.6em 3em; } }