/**
**  Team shortcode layout
**/

.sc-tm-container {
  display: flex;
  flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 10px;
}
.sc-tm-item {
  position: relative;
  color: #666;
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.sc-tm-item.one-col {
  flex-direction: row;
}

.sc-tm-item .sc-tm-content-container {
  width: 100%;
  padding: 20px 10px 30px;
  overflow: hidden;
  background: none;
}

.sc-tm-item.three-col .sc-tm-content-container .sc-tm-metadata {
  font-size: 11px;
}

.sc-tm-item .sc-tm-image,
.sc-tm-item .sc-tm-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.sc-tm-item.one-col {
  width: 100%
}

.sc-tm-item.two-col {
	width: calc(50% - 10px);
}

.sc-tm-item.three-col {
  width: calc(33.3% - 10px);
}

.sc-tm-item.four-col {
	width: calc( 25% - 10px);
}

.sc-tm-item.five-col {
	width: calc( 20% - 10px);
}
.sc-tm-item.six-col {
	width: calc( 17% - 10px);
}
.sc-tm-item.three-col h3,
.sc-tm-item.four-col h3, 
.sc-tm-item.five-col h3,
.sc-tm-item.six-col h3 {
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 5px;
}

.sc-tm-item .sc-tm-image-container {
  position: relative;
  width: 95%;
  max-width: 95%;
}
.sc-tm-item .inline .sc-tm-image-container {
	max-width: 20%;
}
.sc-tm-item .sc-tm-content-container {
  width: 100%;
  padding: 0 10px 10px;
  background: none;
}
/** Special Case:
**/
.sc-tm-item.one-col.bio .inline h3 {
	margin-top: 0;
    font-size: 1.7em;
    line-height: 1.0em;
}
.sc-tm-item .sc-tm-image-container .sc-tm-image {
  width: 100%;
height: auto;
  max-width: 100%;
  position: relative;
  background: none;
  overflow: hidden;
}

.sc-tm-item.three-col .sc-tm-content-container .sc-tm-metadata {
  font-size: 14px;
  margin: 0 0 10px;
}

.sc-tm-item.three-col .sc-tm-content-container h3 {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 5px;
}


.sc-tm-item .sc-tm-content-container .sc-tm-email {
  margin-top: 10px;
}

.sc-tm-item .sc-tm-full-image-container.thumbnail {
  width: 150px;
}

.sc-tm-item .sc-tm-full-image-container.medium {
  width: 300px;
  max-width: 100%;
}

.sc-tm-item .sc-tm-full-image-container.large {
  width: 1024px;
  max-width: 100%;
}

.sc-tm-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sc-tm-wrapper.inline {
  flex-direction: row;
}

.sc-tm-item  img {
  max-width: 100%;
  max-height: 100%;
  height: fit-content;
}

.sc-tm-item .grayscale img {
  filter: grayscale(1);
  transition-property: filter;
  transition-duration: .5s;
}

.sc-tm-item .grayscale img:hover {
  filter: grayscale(0);
}
.sc-tm-item.background {
  background: #f5f5f5;
}
.sc-tm-item.border {
  border: 1px solid #ccc;
}

.sc-tm-wrapper.inline {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1200px) {
	.sc-tm-item .sc-tm-full-image-container.large {
		max-width: 50%;
	}
}

@media screen and (max-width: 600px) {
 .sc-tm-item.four-col,
 .sc-tm-item.five-col,
 .sc-tm-item.six-col {
	width: calc( 33% - 10px);
 }
  .one-col.large .inline .sc-tm-full-image-container {
	  max-width: 50%;
	  }
  .bio .inline,
  .two-col .inline {
	  flex-direction: column;
  }
}

@media screen and (max-width: 400px) {
	.sc-tm-item .inline .sc-tm-image-container,
	.sc-tm-item .sc-tm-image-container {
		width: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
	}
	.sc-tm-item .sc-tm-image-container .sc-tm-image {
		max-width: 80%;
	}
.sc-tm-wrapper.inline {
    flex-direction: column;
}
 .sc-tm-item.two-col,
 .sc-tm-item.three-col {
   width: 100%;
 }

 .sc-tm-item.four-col,
 .sc-tm-item.five-col,
 .sc-tm-item.six-col {
	width: calc( 50% - 10px);
 }

}