/* =============================================================================
   Block: teams  (partial/content-teams.php)
   Extracted from style.css. Enqueued only when this block is used on the page.
============================================================================= */

.team_cards {display: flex;flex-wrap: wrap;gap: 20px;}
.team_cards .card {width: calc(25% - 15px);}
.team_cards .card img {border-radius: 5px;}
.team_cards .card  .image {margin-bottom: 23px;}
.team_cards .text {text-align: center;}
.team_cards .text p {margin-bottom: 0;line-height: 1.1;font-size: 14px;}
.team_cards .text p.name {font-family: var(--font-bold);font-weight: var(--font-weight-bold);font-size: 16px;}
.team_cards .text p.position {margin-bottom: 18px;}
.team_cards .text a {text-decoration: none;}
.team_cards .text p.email {color: var(--backgrondColorRed);}
.team_cards .text p.email a {text-decoration: underline;line-height: 1.2;}
.team_cards .text p.email a:hover {text-decoration: none;}
.team_cards .text p.insta {margin-top: 18px;}
.team_cards .text p.insta a {display: inline-block;width: 21px;height: 21px;background: url(images/insta-icon.svg)center no-repeat;background-size: 21px;}

@media only screen and (max-width:1023px) {
    .team_cards .card {width: calc(50% - 10px);}
    .team_cards .card .image img {width: 100%;display: block;}
}

@media only screen and (max-width:600px) {
    .team_cards .card {width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
    .team_cards .card .image {width: 108px;margin-bottom: 0;}
    .team_cards .text {width: calc(100% - 108px);padding-left: 12px;text-align: left;}
    .team_cards .text p.name {font-size: 14px;}
    .team_cards .text p.insta {margin-top: 10px;}
    .team_cards .text p.position {margin-bottom: 10px;}
}