/*
 Theme Name:   KFDS Child Theme
 Theme URI:    https://kifadesign.it
 Description:  Use this child theme to extend Bricks.
 Author:       KFDS DEV TEAM
 Author URI:   https://kifadesign.it
 Template:     bricks
 Version:      1.0
 Text Domain:  kfds
*/

h1 {
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 600;
}

h2 {
  font-size: clamp(26px, 4vw, 46px);
  font-weight: 300;
}

h3 {
  font-size: clamp(21px, 3vw, 26px);
  font-weight: 300;
}

h4 {
  font-size: 22px;
  font-weight: 300;
}

p {
  font-size: 17px;
  font-weight: 400;
}

.brxe-button {
  padding: 8px 24px;
}


/* Table */
.tablepress {
  font-size: 17px !important;
}

.tablepress> :where(thead, tfoot)>tr>* {
  background-color: #123459;
}

.tablepress> :where(thead, tfoot)>tr>* {
  color: #fff;
  font-weight: 400;
}

.tablepress td,
.tablepress th {
  padding: 18px 22px !important;
}

.tablepress td+td,
.tablepress th+th {
  border-left: 1px solid #dcdcdc;
}

/* Container dell’immagine che trasla*/
/* .parallax-wrapper {
  position: relative;
  overflow: hidden;
}

.parallax-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130%;
  object-fit: cover;
  transform: translateY(-50%);
  will-change: transform;
} */

/*header*/
#brxe-kyualv {
  color: #fff !important;
}

#brxe-bzfitt .brxe-dropdown ul li:has(#brxe-yvkizi),
#brxe-bzfitt .brxe-dropdown ul li:has(#brxe-ugmrtk) {
  border-bottom: 0 !important;
}

/*footer*/
#footer .icon {
  height: 17px !important;
  width: 17px !important;
}


/* slider team */
#slider-team .brxe-yrrhot {
  display: flex;
  justify-content: flex-start;
}

#slider-team button.splide__arrow.splide__arrow--prev {
  transform: translateX(-100px) rotate(180deg);
}

#slider-team button.splide__arrow.splide__arrow--next {
  transform: translateX(100px);
}

/* Nascondi il bottone testuale "Choose files" e trasformalo nel box */
.form-group.file label.choose-files {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: 180px;
  /* alza/abbassa se ti serve */
  margin-top: 10px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 0;
  /* nasconde il testo originale */
}

/* Icona upload (metti tu l'URL) */
.form-group.file label.choose-files::before {
  content: "\f093";
  /* fa-upload */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color: #9aa0a6;
  display: block;
  margin-bottom: 12px;
}

/* Didascalia sotto l’icona */
.form-group.file label.choose-files::after {
  content: "Click to this area to upload your CV (max file size: 3Mb)";
  font-size: 14px;
  line-height: 1.4;
  color: #808080;
}

/*bottone arancione nella pagina smart-4.advisory*/
.page-id-501 #brx-header #brxe-kyualv,
.page-id-1251 #brx-header #brxe-kyualv {
  background: #e94f1d;
  transition: background 0.25s ease;
}

.page-id-501 #brx-header #brxe-kyualv:hover {
  cursor: pointer;
  background: #009978;
}

.page-id-1251 #brx-header #brxe-kyualv:hover {
  cursor: pointer;
  background: #009978;
}

/*filtro anni green active*/
#filtro-anni {
  display: flex;
  flex-direction: row-reverse;
}

#filtro-anni .brx-option-text.brx-option-active.bricks-button,
#filtro-anni-2 .brx-option-text.brx-option-active.bricks-button {
  border-bottom: 3px solid #008000;
  padding: 0;
}

#filtro-anni .brx-option-text.bricks-button,
#filtro-anni-2 .brx-option-text.bricks-button {
  padding: 0;
}

#filtro-anni-3 .brx-option-text.bricks-button {
  border-bottom: 3px solid #008000;
  padding: 0;
}

#top-page {
  height: 50vh !important;
}

@media(max-width: 768px) {
  #top-page {
    height: 45vh !important;
  }
}

/* Stile per il bottone di download disabilitato */
#ipo-download-btn[disabled],
#ipo-download-btn[aria-disabled="true"] {
  cursor: pointer;
}

#ipo-download-btn {
  pointer-events: none;
  opacity: 0.4;
}

.ipo-download-btn {
  pointer-events: none;
  opacity: 0.4;
}

/* Stile WPML lingua con bandierine */
.wpml-ls img {
  width: 20px;
  height: auto;
  border-radius: 2px;
}

.wpml-ls a {
  display: flex;
  align-items: center;
}

/*nascone la lingua corrente nel menu*/
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-list-horizontal {
  display: none;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal {
  display: none;
}

/*header mobile*/
#header-mobile .brx-submenu-toggle {
  height: 76px;
}

#header-mobile #brxe-ygwemv li,
#header-mobile #brxe-ybjteu li {
  height: 76px !important;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(74, 78, 87, 0.2);
}

#header-mobile #brxe-dwuefg.brxe-dropdown button,
#header-mobile #brxe-ygwemv.brxe-dropdown button,
#header-mobile #brxe-ybjteu.brxe-dropdown button {
  transition: transform 0.3s ease;
}

#header-mobile #brxe-dwuefg.brxe-dropdown.open button,
#header-mobile #brxe-ygwemv.brxe-dropdown.open button,
#header-mobile #brxe-ybjteu.brxe-dropdown.open button {
  transform: rotate(180deg);
}

/*centrare la bandiera all'interno della riga*/
#header-mobile #brxe-whsvmz.shortcode-mobile {
  display: flex;
  align-items: center;
}

/*animazione sub-menu quando si apre
*/
#header-mobile #brxe-dwuefg,
#header-mobile #brxe-ygwemv,
#header-mobile #brxe-ybjteu {
  height: 77px;
  overflow: hidden;
  transition: height 0.5s ease-in-out !important;
}

#header-mobile #brxe-dwuefg.open {
  height: 272.48px;
}

#header-mobile #brxe-ygwemv.open {
  height: 381px;
}

#header-mobile #brxe-ybjteu.open {
  height: 913px;
}

/*icone apri/chiudi menu mobile*/
/* transizioni comuni */
#header-mobile .apri,
#header-mobile .chiudi {
  transition: opacity 0.3s ease, transform 0.2s ease-in-out;
}

/* ===== STATO BASE: MENU CHIUSO ===== */
#header-mobile .apri {
  opacity: 1;
  transform: rotate(0deg);
}

#header-mobile .chiudi {
  opacity: 0;
  transform: rotate(0deg);
}

/* ===== MENU APERTO (solo il bottone CHIUDI diventa is-active) ===== */
#header-mobile .chiudi.is-active {
  opacity: 1;
  transform: rotate(180deg);
}

#header-mobile:has(.chiudi.is-active) .apri{
  opacity: 0;
  transform: rotate(180deg);
}




/*classe per rendere il testo giustificato e con sillabazione automatica*/
.ipo-legal-text {
  max-width: 100%;

  text-align: justify;
  hyphens: auto;

  font-size: 14px;
  line-height: 1.7;
  color: #7a7a7a;
}