/* 
 Theme Name: ferntree
 Theme URI:  https://www.ayonm.com  
 Description:  Custom theme
 Author:       Ayon GK
 Author URI:   https://www.ayonm.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

--------------------------------------------*/



/*  About page - Team cards */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Equal-height row/column setup for team cards */
.ft-team-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch;
}

.ft-team-row .et_pb_column {
  display: flex;
  flex-direction: column;
}

.ft-team-row .et_pb_column > .et_pb_image {
  flex: 0 0 auto;
}

.ft-team-row .et_pb_column > .ft-team-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.ft-team-row .et_pb_code_inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.ft-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 18px 20px 22px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  background: #fff;
	border-radius: 15px;
}

.ft-card__header {
  margin-bottom: 12px;
  flex: 0 0 auto;
}

.ft-card__name {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: #1e3a24;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 2px;
  line-height: 1.2;
}

.ft-card__role {
  color: #b8901f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 4px;
}

.ft-card__marn {
  color: #5c6b5e;
  font-size: 11.5px;
  font-weight: 400;
  margin: 0;
}

.ft-card__bio {
  color: #5c6b5e;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 14px;
  flex: 1 1 auto;
}

.ft-card__contact {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
}

.ft-card__contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
}

.ft-card__contact-item a {
  color: #234a29;
  text-decoration: none;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.ft-card__contact-item a:hover {
  text-decoration: underline;
}

.ft-card__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: inline-block;
  background-color: #234a29;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ft-card__icon--phone {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.5 2.5.8 3.9.8.6 0 1 .4 1 1V21c0 .6-.4 1-1 1C10.8 22 2 13.2 2 3c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.4.3 2.7.8 3.9.1.4.1.8-.2 1.1L6.6 10.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.5 2.5.8 3.9.8.6 0 1 .4 1 1V21c0 .6-.4 1-1 1C10.8 22 2 13.2 2 3c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.4.3 2.7.8 3.9.1.4.1.8-.2 1.1L6.6 10.8z'/%3E%3C/svg%3E");
}

.ft-card__icon--email {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20v16H2V4zm2 2v.01L12 13l8-6.99V6H4zm16 2.24-7.4 6.47a1 1 0 0 1-1.2 0L4 8.24V18h16V8.24z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20v16H2V4zm2 2v.01L12 13l8-6.99V6H4zm16 2.24-7.4 6.47a1 1 0 0 1-1.2 0L4 8.24V18h16V8.24z'/%3E%3C/svg%3E");
}

.ft-card__icon--web {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.9 6h-3a15.5 15.5 0 0 0-1.2-4.3A8 8 0 0 1 18.9 8zM12 4.1c.8 1.1 1.5 2.6 1.9 3.9h-3.8c.4-1.3 1.1-2.8 1.9-3.9zM4.3 14a8.2 8.2 0 0 1 0-4h3.4a16.9 16.9 0 0 0 0 4H4.3zm.8 2h3a15.5 15.5 0 0 0 1.2 4.3A8 8 0 0 1 5.1 16zm3-10h-3a8 8 0 0 1 4.2-4.3A15.5 15.5 0 0 0 8.1 6zM12 19.9c-.8-1.1-1.5-2.6-1.9-3.9h3.8c-.4 1.3-1.1 2.8-1.9 3.9zM9.3 14a15 15 0 0 1 0-4h5.4a15 15 0 0 1 0 4H9.3zm5.6 5.9a15.5 15.5 0 0 0 1.2-4.3h3a8 8 0 0 1-4.2 4.3zM16.3 10a16.9 16.9 0 0 0 0-4h3.4a8.2 8.2 0 0 1 0 4h-3.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.9 6h-3a15.5 15.5 0 0 0-1.2-4.3A8 8 0 0 1 18.9 8zM12 4.1c.8 1.1 1.5 2.6 1.9 3.9h-3.8c.4-1.3 1.1-2.8 1.9-3.9zM4.3 14a8.2 8.2 0 0 1 0-4h3.4a16.9 16.9 0 0 0 0 4H4.3zm.8 2h3a15.5 15.5 0 0 0 1.2 4.3A8 8 0 0 1 5.1 16zm3-10h-3a8 8 0 0 1 4.2-4.3A15.5 15.5 0 0 0 8.1 6zM12 19.9c-.8-1.1-1.5-2.6-1.9-3.9h3.8c-.4 1.3-1.1 2.8-1.9 3.9zM9.3 14a15 15 0 0 1 0-4h5.4a15 15 0 0 1 0 4H9.3zm5.6 5.9a15.5 15.5 0 0 0 1.2-4.3h3a8 8 0 0 1-4.2 4.3zM16.3 10a16.9 16.9 0 0 0 0-4h3.4a8.2 8.2 0 0 1 0 4h-3.4z'/%3E%3C/svg%3E");
}

.ft-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  flex: 0 0 auto;
}

.ft-card__tag {
  background: #f0ece1;
  color: #234a29;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #dfe6da;
  white-space: nowrap;
}

.ft-card__social {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #dfe6da;
  flex: 0 0 auto;
  margin-top: auto;
}

.ft-card__social-link {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #234a29;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ft-card__social-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: #ffffff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ft-card__social-icon--instagram {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2.7 0 3.1 0 4.1.1 1.1 0 1.8.2 2.5.5.7.3 1.2.6 1.8 1.1.5.5.9 1.1 1.1 1.8.3.7.4 1.4.5 2.5v8.2c-.1 1.1-.2 1.8-.5 2.5a4.9 4.9 0 0 1-1.1 1.8c-.5.5-1.1.9-1.8 1.1-.7.3-1.4.4-2.5.5H7.9c-1.1-.1-1.8-.2-2.5-.5a4.9 4.9 0 0 1-1.8-1.1 4.9 4.9 0 0 1-1.1-1.8c-.3-.7-.4-1.4-.5-2.5V7.9c.1-1.1.2-1.8.5-2.5.2-.7.6-1.3 1.1-1.8.5-.5 1.1-.9 1.8-1.1.7-.3 1.4-.4 2.5-.5H12zm0 3.4a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2zm0 2a4.6 4.6 0 1 1 0 9.2 4.6 4.6 0 0 1 0-9.2zm6.9-3.6a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2.7 0 3.1 0 4.1.1 1.1 0 1.8.2 2.5.5.7.3 1.2.6 1.8 1.1.5.5.9 1.1 1.1 1.8.3.7.4 1.4.5 2.5v8.2c-.1 1.1-.2 1.8-.5 2.5a4.9 4.9 0 0 1-1.1 1.8c-.5.5-1.1.9-1.8 1.1-.7.3-1.4.4-2.5.5H7.9c-1.1-.1-1.8-.2-2.5-.5a4.9 4.9 0 0 1-1.8-1.1 4.9 4.9 0 0 1-1.1-1.8c-.3-.7-.4-1.4-.5-2.5V7.9c.1-1.1.2-1.8.5-2.5.2-.7.6-1.3 1.1-1.8.5-.5 1.1-.9 1.8-1.1.7-.3 1.4-.4 2.5-.5H12zm0 3.4a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2zm0 2a4.6 4.6 0 1 1 0 9.2 4.6 4.6 0 0 1 0-9.2zm6.9-3.6a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z'/%3E%3C/svg%3E");
}

.ft-card__social-icon--facebook {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5H16l.4-3H13.5V8.3c0-.9.2-1.5 1.5-1.5H16.5V4.1c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5v2H7v3h2.5V21h4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5H16l.4-3H13.5V8.3c0-.9.2-1.5 1.5-1.5H16.5V4.1c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5v2H7v3h2.5V21h4z'/%3E%3C/svg%3E");
}

.ft-card__social-icon--linkedin {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5C4.98 4.6 4.1 5.5 3 5.5S1 4.6 1 3.5 1.9 1.5 3 1.5s1.98.9 1.98 2zM1.5 8.5h3V22h-3V8.5zM8.5 8.5h2.9v1.8h.1c.4-.8 1.5-1.8 3.1-1.8 3.3 0 3.9 2.2 3.9 5V22h-3v-6.4c0-1.5 0-3.5-2.1-3.5s-2.4 1.7-2.4 3.4V22h-3V8.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5C4.98 4.6 4.1 5.5 3 5.5S1 4.6 1 3.5 1.9 1.5 3 1.5s1.98.9 1.98 2zM1.5 8.5h3V22h-3V8.5zM8.5 8.5h2.9v1.8h.1c.4-.8 1.5-1.8 3.1-1.8 3.3 0 3.9 2.2 3.9 5V22h-3v-6.4c0-1.5 0-3.5-2.1-3.5s-2.4 1.7-2.4 3.4V22h-3V8.5z'/%3E%3C/svg%3E");
}

.ft-card__social-handle {
  color: #5c6b5e;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 2px;
}

@media (max-width: 480px) {
  .ft-card {
    padding: 16px;
  }
  .ft-card__name {
    font-size: 16px;
  }
  .ft-card__contact-item {
    font-size: 12.5px;
  }
}