/*
 Theme Name:   Divi Child Theme
 Theme URI:    #            
 Description:  A child theme of Divi.
 Author:       #
 Author URI:   #
 Template:     Divi
 Version:      1.0.0
 Text Domain:   Divi
*/
/* Add your custom CSS below this line */
 
@font-face{font-family:"Instrumental Sans Bold";font-display:swap;src:url("https://smithfeutrill.com.au/wp-content/uploads/et-fonts/instrument-sans-semicondensed-bold.ttf") format("truetype")}
@font-face{font-family:"Instrumental Sans";font-display:swap;src:url("https://smithfeutrill.com.au/wp-content/uploads/et-fonts/InstrumentSanswdthwght.ttf") format("truetype")}

h1, h2, h3, h4, h5, h6{
    font-family: 'Instrumental Sans Bold',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 700;
}
p{font-family: 'Instrumental Sans',Helvetica,Arial,Lucida,sans-serif}

.teams-tabs { margin-bottom: 50px; display: flex; gap: 10px; justify-content:center; flex-wrap:wrap;position:relative; }
.teams-tabs:after {content: "";width: 100%;height: 20px;background: url('../down-arrow.png');position: absolute;top: 50%;transform: translateY(-50%);right: 10px;background-size: contain;background-position: right; background-repeat: no-repeat; display: none}
.team-tab-button { background:transparent; ;padding: 13px 20px; border: none; cursor: pointer; border-radius:4px; font-size:16px; font-weight:500; color:#3d435d; }
.team-tab-button:hover{background: #F26923; color: #fff;}
.team-tab-button.active { background-color: #F26923; color: white; }
.team_image {margin-bottom: 21px;}
.team_image img {display: block;}
.team-member{ margin-bottom: 20px; display: block;    border-radius: 10px;overflow: hidden; background: #f7f9ff;} 
.team-members {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.team-member h3 {font-size: 25px;padding-bottom: 10px;color: #3d435d !important;}
.team-member span.position {font-size: 16px;color: #08a1a6!important;font-weight: 700; margin-bottom: 14px; display: block;}
.team-member span.qualification {
    display: block;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 5px;
    color: #3D435D!important;
}
.team_content{padding-bottom: 20px;}
.team_content, .team-member span.qualification, .team-member span.position, .team-member h3 {
    padding-left: 20px;
    padding-right: 20px;
}
.team_content p{font-size: 14px;font-weight: 500;color: #3D435D;}

/*loading-animated*/
.team-member.hidden {
  display: none;
}

.team-member.visible {
  display: block;
}
.main_loader {
  text-align: center;
  width: 100% !important;
  position: absolute;
  bottom: -50px;
}
.team-loading {
  justify-content: center;
  height: 50px;
  display: flex;
  align-items: center;
}

.loading-obj {
  width: 6px;
  height: 0px;
  background: #17a2b8;
  margin: 0 3px;
  border-radius: 10px;
  animation: loading 1.2s infinite;
}

.loading-obj:nth-child(2){
  animation-delay: 0.15s;
}
.loading-obj:nth-child(3){
  animation-delay: 0.3s;
}
.loading-obj:nth-child(4){
  animation-delay: 0.45s;
}
.loading-obj:nth-child(5){
  animation-delay: 0.6s;
}
.loading-obj:nth-child(6){
  animation-delay: 0.75s;
}
.loading-obj:nth-child(7){
  animation-delay: 0.9s;
}
.loading-obj:nth-child(8){
  animation-delay: 1.05s;
}

@keyframes loading {
  0% {
    height: 0;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 0;
  }
}

@media screen and (max-width:1300px){
  .team-tab-button {
    padding: 10px 12px;
    font-size: 14px; 
}
.teams-tabs{
  gap: 4px;
}
}
@media screen and (max-width:1024px){
    .team-tab-button{
        width: 100%;
        display: none;
        text-align: left;
    }
    .team-tab-button.active { display:block; }
    .teams-tabs:after{display: block;}
    .team-members {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px;
}
.teams-tabs {
margin-bottom: 30px;
}
}
@media screen and (max-width:880px){
  .team-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
}
}

@media screen and (max-width:475px){

    .team-members {display: grid; grid-template-columns: repeat(1, 1fr) !important;
}
}