@media(min-width: 576px) { .staff-page .staff-item { display:flex; flex-wrap: nowrap; column-gap: 1vw; row-gap: 1vw } } @media(min-width: 576px) { .staff-page .staff-item:first-child { align-items:center } } @media(min-width: 576px) { .staff-page .staff-item.staff-content .placeholder { min-width:110px; min-height: 110px; content: "" } } .staff-page .staff-item.staff-content .main-content { max-width: 100% } @media(min-width: 576px) { .staff-page .staff-item.staff-content .main-content { min-width:320px } } @media(min-width: 576px) { .grid-container .staff-item { display:grid; grid-template-columns: 110px auto; justify-items: start; grid-column-gap: 16px } .grid-container .staff-item .desc { padding-top: 7px } } .grid-container .grid-layout-default .staff-item { display: block; text-align: center; justify-items: center } .grid-container .grid-layout-default .staff-item .staff-img { margin: auto } @media(max-width: 576px) { .staff-item { display:block } } @media(max-width: 576px) { .staff-item:first-child { text-align:center } } .staff-item:first-child .staff-img { width: 110px; height: 110px; position: relative } @media(max-width: 576px) { .staff-item:first-child .staff-img { display:inline-block } } .staff-item:first-child .staff-img svg { max-width: 100% } .staff-item:first-child .staff-img svg .fill-svg { fill: #ccc } .staff-item:first-child .staff-img img { display: inline-block; margin: 0 auto; width: 100%; height: 100%; border-radius: 50%; object-fit: cover } @media(max-width: 576px) { .staff-item:first-child .desc { text-align:center } } .staff-item .desc h2.staff-name { margin-top: 10px; margin-bottom: 3px } .staff-item .desc h3.staff-title { color: #708090; font-weight: normal } .staff-item .desc ul { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0 } .staff-item .desc ul li { margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #000 } .staff-item .desc ul li:last-child { margin: 0 0 0 0; padding: 0 0 0 0; border-right: 0 } @media(min-width: 768px) { .staff-item .desc ul .phone a { text-decoration:none; color: #000 } } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items.bg-white ul.card-items>li { background-color: #fff } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items.bg-white ul.card-items>li .staff-item { margin: .75rem } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items { margin: 0; padding: 0; list-style: none } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items.border>li { border: 1px solid silver } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items.border>li .card-item { padding: 5px } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li { margin: 0; list-style: none } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img { width: 100%; text-align: center; position: relative; overflow: hidden; aspect-ratio: 259/134 } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img:after { content: ""; display: table; clear: both } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img img { height: 100% } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img img.header-image { max-width: 100%; width: auto; height: auto; margin: auto } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img img.header-image.js-lazy-header { position: absolute; left: 0; top: 0 } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .card-img .card-noimg { object-fit: contain; width: 100%; height: 100%; aspect-ratio: 259/134; background-color: #eee; background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23ababab' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E") } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper .grid-items .grid-container ul.card-items>li .card-item .desc h2.card-name { margin-top: 10px; margin-bottom: 3px } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper.bgcolor { padding: 10px } .block-wrapper.gridlistingblock .block.gridlistingblock .grid-list-wrapper.bgcolor .grid-list-items .grid-container .card-items li { background-color: #fff } .taxonomy-pager { display: flex; flex-flow: row nowrap; align-items: center; border: 1px solid #909090; background-color: #fff; justify-content: space-evenly; padding: .5rem; margin-top: 1rem } @media(max-width: 768px) { .taxonomy-pager { display:grid; grid-template-columns: repeat(5, 20%) } .taxonomy-pager .pager-status { grid-column: 1/span 3; grid-row: 1/2; padding-bottom: 5px } .taxonomy-pager .taxonomy-pager-controls { grid-column: 1/span 5; grid-row: 2/3; margin: 0 auto } .taxonomy-pager .taxonomy-pager-per-page { grid-column: 4/span 2; grid-row: 1/2; padding-bottom: 5px; justify-self: end } } .taxonomy-pager .taxonomy-pager-controls { display: flex; flex-flow: row nowrap; align-items: center } .taxonomy-pager .taxonomy-pager-controls .taxonomy-pager-control-part { display: flex; flex-flow: row nowrap; align-items: center } .taxonomy-pager .taxonomy-pager-controls .taxonomy-pager-control-part button { width: 2rem; height: 2rem; padding: .25rem } .taxonomy-pager .taxonomy-pager-controls .taxonomy-pager-control-part button svg { width: 100%; height: 100% } .taxonomy-pager .taxonomy-pager-controls .taxonomy-pager-control-part button[disabled] { color: #ddd; cursor: not-allowed } .taxonomy-list-no-results { text-align: center; font-size: 1.5rem } ul.card-list-news { padding-left: 0; display: grid; grid-template-rows: auto; gap: 3em 2em; margin: 2em 0 2em 0 } @media(min-width: 937px) { ul.card-list-news { grid-template-columns:1fr 1fr } } @media(max-width: 936px) { ul.card-list-news { grid-template-columns:1fr; max-width: 485px } } ul.card-list-news li.card-item { width: 100%; min-width: 100%; justify-self: stretch; align-self: stretch; display: flex; flex-direction: column; } @media(min-width: 609px) { ul.card-list-news li.card-item .item-header { grid-column: 1/2 } ul.card-list-news li.card-item .item-header img { object-fit: cover; object-position: top left; width: 100%; height: 100% !important; aspect-ratio: 16/8.25 } } @media(max-width: 608px) { ul.card-list-news li.card-item { display:grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; max-width: 100% } ul.card-list-news li.card-item article { grid-column: 1/2; grid-row: 2/3 } ul.card-list-news li.card-item .item-header { grid-column: 1/2; grid-row: 1/2; aspect-ratio: 16/8.25 } ul.card-list-news li.card-item .item-header img { object-fit: cover; object-position: top left; width: auto; height: 100% !important; width: 100% } } ul.card-list-news li.card-item .item-header { overflow: hidden } ul.card-list-news li.card-item .item-header img { flex: 1 1 100% } ul.card-list-news li.card-item { background-color: #eee; display: flex; flex-direction: column; justify-content: space-between; } article { } ul.card-list-news li.card-item h3 { font-size: 1rem; line-height: 1.375rem; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; padding: 1em 1em 0 1em; } ul.card-list-news li.card-item h3 a { color: #000f9f } ul.card-list-news li.card-item article>div .article-date { font-weight: 700; color: #444 } a.fancybox-media { position: relative } .teaser p:not(:last-child) { padding-left: 1em; padding-right: 1em; } .teaser p:last-child { margin-bottom: -6px; }