/* Team tiles grid and item styles */
.block-editor-block-list__block .team-tiles .block-editor-inner-blocks .block-editor-block-list__layout { display: grid; gap: 20px; align-items: start; }
.block-editor-block-list__block .team-tiles.cols-1 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(1, 1fr); }
.block-editor-block-list__block .team-tiles.cols-2 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(2, 1fr); }
.block-editor-block-list__block .team-tiles.cols-3 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(3, 1fr); }
.block-editor-block-list__block .team-tiles.cols-4 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(4, 1fr); }
.block-editor-block-list__block .team-tiles.cols-5 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(5, 1fr); }
.block-editor-block-list__block .team-tiles.cols-6 .block-editor-inner-blocks .block-editor-block-list__layout { grid-template-columns: repeat(6, 1fr); }

#container .team-tiles { display: grid; gap: 20px; align-items: start; }
#container .team-tiles.cols-1 { grid-template-columns: repeat(1, 1fr); }
#container .team-tiles.cols-2 { grid-template-columns: repeat(2, 1fr); }
#container .team-tiles.cols-3 { grid-template-columns: repeat(3, 1fr); }
#container .team-tiles.cols-4 { grid-template-columns: repeat(4, 1fr); }
#container .team-tiles.cols-5 { grid-template-columns: repeat(5, 1fr); }
#container .team-tiles.cols-6 { grid-template-columns: repeat(6, 1fr); }

.team-tile { padding: 30px 30px; background: #FEFEFE; color: #43454D; display: flex; flex-direction: column; gap: 5px; }
.team-tile .name { margin: 0 0 6px; font-size: 24px; font-weight: 600; width: 100%; color: #06080D; font-weight: 800; }
.team-tile .position { margin: 0 0 10px; color: #666; width: 100%; font-size: 16px;  color: #43454D; }
.team-tile .contacts { display: flex; gap: 12px; flex-wrap: wrap; width: 100%; }
.team-tile .contacts > * { width: 100%; }
.team-tile .contacts a { text-decoration: none; width: 100%; }

/* Editor tweaks */
.editor-styles-wrapper .team-tile { background: #fff; }

@media screen and (max-width: 1000px) {
	#container .team-tiles.cols-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.team-tile {
		padding: 20px;
	}
	
	.team-tile .name {
		font-size: 20px;
	}
}

@media screen and (max-width: 600px) {
	#container .team-tiles.cols-3 {
		grid-template-columns: repeat(1, 1fr);
	}
}