/**
 * Team cards and responsive flip-card behavior.
 */

/* Team */
.page-id-21 h1 {
  text-transform: capitalize;
}

.no-published-jobs .jobs-section {
  display: none !important;
}

.team-card {
	border-radius:10px;
}
/* Team flip card */

.team-card {
  --team-bg: #DEF2F1;
  --team-photo-bg: #58B4AE;
  --team-text: #333333;
  --team-radius: 10px;

  --team-image-area-height: 266px;
  --team-info-area-height: 145px;
  --team-card-height: calc(var(--team-image-area-height) + var(--team-info-area-height));

  --team-info-padding: 22px 16px 20px;
  --team-title-size: 25px;
  --team-desc-size: 18px;

  width: 100%;
}

.team-card,
.team-card * ,
.team-card *::before,
.team-card *::after {
  box-sizing: border-box;
}

/* Dynamic color classes */
.team-card.blue {
  --team-bg: #DEF2F1;
  --team-photo-bg: #58B4AE;
}

.team-card.red {
  --team-bg: #FFEDE7;
  --team-photo-bg: #D95228;
}

.team-card.green {
  --team-bg: #DEECDB;
  --team-photo-bg: #557329;
}

.team-card.yellow {
  --team-bg: #FFF9EA;
  --team-photo-bg: #F2C94C;
}

/* Elementor container reset */
.team-card > .e-con-inner,
.team-card .elementor-widget-flip-box {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* Flipbox structure */
.team-card .elementor-flip-box {
  position: relative !important;
  display: block;
  width: 100%;
  height: var(--team-card-height) !important;
  min-height: var(--team-card-height) !important;
  overflow: hidden;
  border-radius: var(--team-radius);
  perspective: 1000px;
}

/* Front and back stacked on each other */
.team-card .elementor-flip-box__layer {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--team-radius);
}

/* Front side */

.team-card .elementor-flip-box__front {
  background-color: var(--team-photo-bg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.team-card .elementor-flip-box__front::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--team-info-area-height);
  background-color: var(--team-bg);
  z-index: 1;
}

.team-card .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  position: relative !important;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background: transparent !important;
}

.team-card .elementor-flip-box__front .elementor-flip-box__layer__inner {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;

  width: 100%;
  height: var(--team-info-area-height) !important;
  display: block !important;

  padding: var(--team-info-padding) !important;
  text-align: left !important;
}

/* Front text */
.team-card .elementor-flip-box__front .elementor-flip-box__layer__title {
  margin: 0 0 8px !important;
  color: var(--team-text) !important;
  font-size: var(--team-title-size);
  line-height: 1.08 !important;
  font-weight: 600 !important;
  text-align: left;
}

.team-card .elementor-flip-box__front .elementor-flip-box__layer__description {
  margin: 0 !important;
  color: var(--team-text) !important;
  font-size: var(--team-desc-size);
  line-height: 1.25 !important;
  font-weight: 400;
  text-align: left;
}

/* Back side */

.team-card .elementor-flip-box__back {
  background-color: var(--team-bg) !important;
}

.team-card .elementor-flip-box__back .elementor-flip-box__layer__overlay {
  width: 100%;
  height: 100%;
  padding: 26px 22px 24px !important;
  background: transparent !important;
  text-align: left;
}

.team-card .elementor-flip-box__back .elementor-flip-box__layer__inner {
  width: 100%;
  text-align: left;
}

.team-card .elementor-flip-box__back .elementor-flip-box__layer__title {
  margin: 0 38px 14px 0;
  color: var(--team-text) !important;
  font-size: var(--team-title-size);
  line-height: 1.15;
  font-weight: 700;
  text-align: left;
}

.team-card .elementor-flip-box__back .elementor-flip-box__layer__description,
.team-card .elementor-flip-box__back .elementor-flip-box__layer__description * {
  margin: 0;
  color: var(--team-text) !important;
  font-size: var(--team-desc-size);
  line-height: 1.35;
  font-weight: 400;
  text-align: left;
}

.team-card .elementor-flip-box__back ul {
  margin: 0;
  padding-left: 24px;
}

.team-card .elementor-flip-box__back li {
  margin-bottom: 12px;
}

.team-card .elementor-flip-box__back li:last-child {
  margin-bottom: 0;
}

/* LinkedIn button */

.team-card .elementor-flip-box__back .elementor-flip-box__button {
  position: absolute;
  top: 30px;
  right: 18px;

  width: 21px;
  height: 21px;
  min-width: 21px;
  padding: 0 !important;

  background: #333333 !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 1;
}

.team-card .elementor-flip-box__back .elementor-flip-box__button::before {
  content: "in";
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--team-bg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
}

.team-card .elementor-flip-box__back .elementor-flip-box__button:hover {
  background: #000000 !important;
}

/* Responsive */

@media (max-width: 767px) {
  .team-card {
    --team-title-size: 23px;
    --team-desc-size: 17px;
  }

  .team-card .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    padding: 24px 20px !important;
  }
}

/* Alap desktop és laptop méret */
.team-card {
  --team-image-area-height: 266px;
  --team-card-height: calc(
    var(--team-image-area-height) + var(--team-info-area-height)
  );
}

/* Csak valóban széles asztali képernyőn növeljük a portréterületet */
@media (min-width: 1600px) and (min-height: 850px) {
  .team-card {
    --team-image-area-height: 320px;
    --team-card-height: calc(
      var(--team-image-area-height) + var(--team-info-area-height)
    );
  }
}

/* Extra nagy, például 1920 px széles monitorokon */
@media (min-width: 1900px) {
  .team-card {
    --team-image-area-height: 350px;
    --team-card-height: calc(
      var(--team-image-area-height) + var(--team-info-area-height)
    );
  }
}