/* ==========================================================================
   "Our Team" listing grid 

   Class map (from the elements you reset):
     team-member-container  -> outer flex/parallax-section wrapper
     team-member-image      -> photo widget
     team-member-name       -> name heading widget
     team-member-position   -> job-title heading widget
     team-member-description -> bio text (JetEngine dynamic field)
     team-member-icons      -> phone / email / link icon row
   ========================================================================== */

/* Container: preserves the flex layout Elementor drives via CSS vars */
.team-member-container {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}

/* Internal parallax image layer (no team-member- class of its own; left
   scoped under the container so it only affects this listing item) */
.team-member-container .elementor-repeater-item-d0f6974.jet-parallax-section__layout .jet-parallax-section__image {
  background-size: auto;
}

/* Photo */
.team-member-image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: top center;
}
@media (max-width: 1024px) {
  .team-member-image img {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .team-member-image img {
    height: 390px;
  }
}

/* Name: the left accent border + indent */
.team-member-name > .elementor-widget-container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 22px;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  border-color: var( --e-global-color-2df14ca );
}
.team-member-name.elementor-widget-heading .elementor-heading-title {
    font-family: "DM Sans", Sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: 0px;
}
.team-member-name.elementor-widget-heading .elementor-heading-title a {
	font-weight: 600;
}

/* Job title */
.team-member-position {
  margin: -20px 0px 0px 25px;
}
.team-member-position.elementor-widget-heading .elementor-heading-title {
  font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
  font-size: var( --e-global-typography-secondary-font-size );
  font-weight: var( --e-global-typography-secondary-font-weight );
  text-transform: var( --e-global-typography-secondary-text-transform );
  line-height: var( --e-global-typography-secondary-line-height );
  letter-spacing: var( --e-global-typography-secondary-letter-spacing );
  color: #A09D9D;
}

/* Bio text */
.team-member-description .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap {
  width: auto;
}
.team-member-description .jet-listing-dynamic-field .jet-listing-dynamic-field__content {
  width: auto;
}
.team-member-description .jet-listing-dynamic-field {
  justify-content: flex-start;
}
.team-member-description .jet-listing-dynamic-field__content {
  text-align: left;
}

/* Phone / email / link icon row */
.team-member-icons {
  --grid-template-columns: repeat(0, auto);
  --icon-size: 18px;
  --grid-column-gap: 5px;
  --grid-row-gap: 0px;
}
.team-member-icons .elementor-widget-container {
  text-align: left!important;
}
.team-member-icons .elementor-social-icon {
  background-color: #f8f8f8;
}
.site-cl .team-member-icons .elementor-social-icon {
  background-color: var( --e-global-color-accent );
}
.team-member-icons .elementor-social-icon i {
  color: var( --e-global-color-accent );
}
.site-cl .team-member-icons .elementor-social-icon i {
  color: var( --e-global-color-secondary );
}
.team-member-icons .elementor-social-icon svg {
  fill: var( --e-global-color-secondary );
}
.team-member-icons .elementor-social-icon:hover {
  background-color: var( --e-global-color-secondary );
}
.team-member-icons .elementor-social-icon:hover i {
  color: #FFFFFF;
}
.team-member-icons .elementor-social-icon:hover svg {
  fill: var( --e-global-color-5040225 );
}


/* ==========================================================================
   "Frequently asked questions" 

   Class map:
     faqs-featured-container -> outer flex/parallax-section wrapper
     faqs-featured-inner     -> inner flex wrapper around heading + accordion
     faqs-featured-heading   -> "Frequently asked questions" heading widget
     faqs-featured-accordion -> the JetEngine accordion (FAQ list) widget
   ========================================================================== */

/* Container: preserves the flex layout Elementor drives via CSS vars */
.faqs-featured-container {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}

/* Internal parallax image layer (no faqs-featured- class of its own; left
   scoped under the container so it only affects this section) */
.faqs-featured-container .elementor-repeater-item-dad2293.jet-parallax-section__layout .jet-parallax-section__image {
  background-size: auto;
}

/* Inner flex wrapper around the heading + accordion */
.faqs-featured-inner {
  --display: flex;
}

/* Heading */
.faqs-featured-heading {
  text-align: center;
}

/* Accordion widget wrapper spacing */
.faqs-featured-accordion > .elementor-widget-container {
  margin: 20px 0px 0px 0px;
}

/* Each FAQ row */
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle {
  margin: 0px 0px 15px 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

/* Row header (question) */
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control {
  justify-content: space-between!important;
  padding: 15px 15px 15px 25px;
}
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control:hover {
  background-color: #EAEAEA;
}
.faqs-featured-accordion .jet-toggle__label-text {
  text-align: left;
}
.faqs-featured-accordion.elementor-widget-jet-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-text, .faqs-featured-accordion.elementor-widget-jet-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control:hover .jet-toggle__label-text {
  color: var( --e-global-color-primary );
  font-family: "DM Sans", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0px;
}

/* Plus/minus icon */
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-icon {
    margin-left: 10px;
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-icon .icon-normal {
  background-color: var( --e-global-color-secondary );
  font-size: 11px;
  width: 22px;
  height: 22px;
}
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control:hover .jet-toggle__label-icon .icon-normal {
  color: var( --e-global-color-42bfa0a );
  background-color: var( --e-global-color-accent );
}
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle.active-toggle .jet-toggle__label-icon .icon-active {
  background-color: var( --e-global-color-accent );
  font-size: 12px;
  width: 16px;
  height: 16px;
}

/* Row content (answer) */
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__content {
  font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  font-size: var( --e-global-typography-text-font-size );
  font-weight: var( --e-global-typography-text-font-weight );
  line-height: var( --e-global-typography-text-line-height );
  letter-spacing: var( --e-global-typography-text-letter-spacing );
  color: var( --e-global-color-text );
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #EEEEEE;
}
.faqs-featured-accordion .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__content > .jet-toggle__content-inner {
  padding: 20px 30px 15px 20px;
}

