/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.0.2
Tested up to: 7.0
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
.hero-heading .elementor-repeater-item-f067090{
	display:block;
	text-align:right;
}
.elementor-lightbox .elementor-video-container .elementor-video-landscape{
	max-width:65vw;
}
#ekit_lottie_d78043a{
  font-size: 0;
  line-height: 0;
}
#ekit_lottie_d78043a svg{
  display: block;
}
.nav-wrap{
	width:auto;
	padding:10px;
	border-radius:10px;
}

.elementor-117 .elementor-element.elementor-element-33fe619 .eael-countdown-item > div {
margin: 0;
padding: 0;
    display: flex;
    flex-direction: column;
}

/*Form*/
.mf-input-file-upload-label.metform-btn{
	background:#ddd;
	font-size:14px;
	padding:12px 24px;
}
.mf-error-message{
	font-size:14px;
}
.mf-file-name-item{
	margin-right:24px;
}
.mf-file-name{
	min-height:34px;
}
.mf-radio-option,
.mf-file-name span,
.mf-checkbox-option input[type=checkbox]+span{
	font-family:var(--tf-input_font-family);
}
.mf-checkbox-option input[type=checkbox]+span{
	font-size:16px;
}
.mf-file-remove .mf-file-cross{
	display: flex;
    margin-left: 0;
    margin-top: 0;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.elementor .e-div-block-base{
	padding:0;
	display:flex;
	justify-content:space-between;
}
.metform-form-main-wrapper .mf-input-wrapper .mf-input{
	border-radius:8px;
	font-weight:400;
}
.elementor-element-bcf4fb6 .metform-form-main-wrapper{
  display:flex !important;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:130px;
		  animation: fadeIn 5.1s forwards;

}
.elementor-element-bcf4fb6 .metform-steps{
  order:1!important;
  list-style:none;
  display:flex;
  flex-direction:column;
  position:relative;
  padding:0;
  margin:0;
  counter-reset:mf-step;
}
.elementor-element-bcf4fb6 .elementor-section-wrap.elementor-9448{
  order:2;
  flex:1 1 600px;
  min-width:0;
}
/* Fix: MetForm si aspetta che ogni step (i figli diretti .e-con dello
   section-wrap) rpxesti largo il 100% e NON si restringa (flex-shrink:0),
   cosi' solo lo step attivo e' visibile (opacity) e gli altri restano fuori
   dal riquadro clippato. Senza questa regola gli step si dividevano lo
   spazio disponibile in parti uguali (8 step = campi larghi 1/8 del
   normale), rendendo i campi molto piu' stretti che nel Figma. */
.elementor-element-bcf4fb6 .elementor-section-wrap.elementor-9448 > .e-con{
  flex:0 0 100% !important;
  width:100% !important;
}
.elementor-element-bcf4fb6 .metform-steps::before{
  content:"";
  position:absolute;
  left:21px;
  top:0;
  bottom:28px;
  width:2px;
  background:#ddd;
  z-index:0;
}
.elementor-element-bcf4fb6 .metform-steps li{
  counter-increment:mf-step;
  list-style:none;
  display:flex !important;
  align-items:center;
  gap:24px;
  padding:0 !important;
  margin:0 0 40px 0 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  position:relative;
  z-index:1;
  cursor:pointer;
}
.elementor-element-bcf4fb6 .metform-steps li:last-child{
  margin-bottom:0 !important;
}
.elementor-element-bcf4fb6 .metform-steps li::before{
  content:counter(mf-step);
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#02162B;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Aboreto', serif;
  font-size:18px;
  line-height:1;
}
.elementor-element-bcf4fb6 .metform-steps li.progress::before,
.elementor-element-bcf4fb6 .metform-steps li.active::before{
  background:#0081ff !important;
}
.elementor-element-bcf4fb6 .metform-steps li,
.elementor-element-bcf4fb6 .metform-steps li:hover{
  font-family:'Aboreto', serif !important;
  font-size:20px !important;
  color:#02162B !important;
  background:none !important;
}
@media (max-width:1024px){
  .elementor-element-bcf4fb6 .metform-form-main-wrapper{ flex-direction:column; gap:40px; }
  .elementor-element-bcf4fb6 .metform-steps{
    flex:0 0 auto !important;
    flex-direction:row;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center;
    width:100%;
    max-width:100% !important;
    height:auto;
    gap:48px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    padding:8px 24px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .elementor-element-bcf4fb6 .metform-steps::-webkit-scrollbar{ display:none; }
  .elementor-element-bcf4fb6 .metform-steps::before{ display:none; }
  .elementor-element-bcf4fb6 .metform-steps li{
    margin:0 !important;
    flex:0 0 auto !important;
    white-space:nowrap;
  }
}
/* Step 5 "skipper": nascondi i campi Nome/Cognome/Telefono/Email dello skipper
   quando "Lo skipper coincide con l'armatore" e' selezionato. Questi 4 campi
   sono stati impostati come non obbligatori lato widget, cosi' la validazione
   di MetForm non blocca l'invio quando restano vuoti e nascosti. */
.elementor-element-bcf4fb6 .elementor-element-c8b749d:has(input[name="skipper_coincide_armatore"]:checked) .elementor-element-bf4da61,
.elementor-element-bcf4fb6 .elementor-element-c8b749d:has(input[name="skipper_coincide_armatore"]:checked) .elementor-element-ce0a6c7,
.elementor-element-bcf4fb6 .elementor-element-c8b749d:has(input[name="skipper_coincide_armatore"]:checked) .elementor-element-1820fe2,
.elementor-element-bcf4fb6 .elementor-element-c8b749d:has(input[name="skipper_coincide_armatore"]:checked) .elementor-element-0dc27c0{
  display:none !important;
}

/* Fix 1 (invariato) — riserva lo spazio dal primo paint */
.elementor-362 .elementor-element.elementor-element-bcf4fb6 .mf-multistep-container {
	min-height: 985px;
}
@media (max-width: 1279px) {
	.elementor-362 .elementor-element.elementor-element-bcf4fb6 .mf-multistep-container {
		min-height: 1145px;
	}
}
@media (max-width: 767px) {
	.elementor-362 .elementor-element.elementor-element-bcf4fb6 .mf-multistep-container {
		min-height: 1990px;
	}
}

/* Fix 3 (nuovo) — organizza subito ogni step non appena compare, senza aspettare
   l'intera catena di classi di MetForm e senza nascondere/rivelare nulla */
#metform-wrap-bcf4fb6-9448 .elementor-section-wrap {
	display: flex !important;
	align-items: flex-start !important;
	order:2;

}
#metform-wrap-bcf4fb6-9448 .elementor-section-wrap > .e-con {
	flex: 0 0 100% !important;
	opacity: 0 !important;
}
#metform-wrap-bcf4fb6-9448 .elementor-section-wrap > .e-con.active {
	opacity: 1 !important;
}
/* Fix 4 (nuovo) — nasconde l'INTERO blocco del form finché non è correttamente montato.
   Si basa solo sul contenitore che esiste già dal server (nessuna catena di classi da
   aspettare), e si sblocca da solo in automatico non appena uno step diventa attivo —
   nessun JavaScript, nessun timer, nessun rischio che resti bloccato. */
#metform-wrap-bcf4fb6-9448:not(:has(.e-con.active)) {
	opacity: 0 !important;
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}