/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/* Declare custom font family */
@font-face {
  font-family: "Satoshi";
  src: url("fonts/Satoshi-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("fonts/Satoshi-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/**********/
/* ASSETS */
/**********/
.owl-dots {margin-top:20px;}
.owl-dots .owl-dot span {width:15px; height:15px;}
.owl-dot.active span {
	background-color:#002c74!important;
}

/* buttons */
.btn {
	padding:10px 20px!important;
	border-radius:50px 50px 50px 0px!important;
	border:1px solid #F5710C!important;
}
.menu-btn {padding:10px 20px!important; background-color:#F5710C!important; border:1px solid #F5710C!important; color:#fff!important; font-weight:uppercase; border-radius:50px 50px 50px 0px!important;}
li.active > a {
	font-weight:700!important;
	color:#012B6F!important;
}
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a{color:#012B6F!important;}

li.active > a::after {
  content: "";
  position:relative;
  top:-10px;
  left:-2px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("https://registmark.com/wp-content/uploads/2025/10/iconcina-registmark.webp") no-repeat center center;
  background-size: contain;
  vertical-align: middle; /* opzionale, se vuoi allinearlo meglio al testo */
}



/* icons */
.icon-box-content p{margin-top:3px!important;}
.iconServiceHome span.fa-squared{border-radius;20px!important; border:0px!important; background-color:rgba(245, 113, 12, 0.2)!important; color:#F5710C!important;}
.fa-stack.fa-squared {border-radius:20px!important;}

.serviceBox {border-radius:30px 30px 30px 0px;}
/* bold heading */
.headingBold-1 .h1 span:nth-child(0),
.headingBold-1 .h1 span:nth-child(1) {
  font-weight: 700!important;
}

/* pecetta select h number*/
.pecetta .h2 {
	background-color:#004F81!important;
	padding:5px 15px!important;
	color:#fff!important;
	border-radius:3px;
}
.headingBackground {
	background-color:#004F81!important;
	padding:4px 10px!important;
	color:#fff!important;
	border-radius:3px;
}
/* heading iconcina */
.iconcinaHeading::after {
  content: "";
  position:relative;
  top:-20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("https://registmark.com/wp-content/uploads/2025/10/iconcina-registmark.webp") no-repeat center center;
  background-size: contain;
  vertical-align: middle; /* opzionale, se vuoi allinearlo meglio al testo */
}
.cf7mls-btns button.cf7mls_next {background-color:#f5710b!important; border:1px solid #f5710b!important; border-radius:30px 30px 30px 0px!important; text-transform:uppercase!important;}
.cf7mls-btns button.cf7mls_back span{display:none!important;}
.cf7mls-btns button.cf7mls_back {min-width:55px!important; padding:10px!important; background-color:#f7f7f7!important; border:1px solid #f5710b!important; border-radius:30px 30px 30px 0px!important; text-transform:uppercase!important;}
.cf7mls-btns button.cf7mls_back:hover::before {transform:translateX(-3px);}
.cf7mls_back::before {content: "\e0c2"!important; display:inline-block;font-family: 'uncodeicon' !important;transition:all 0.3s ease-in-out;}


@media(max-width:900px) {
.iconcinaHeading::after {
	  top:-15px;
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	}
}
.underlineHeading {
  position: relative;
  display: inline-block;
  z-index: 0; 
}

.underlineHeading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.20em; /* sposta la linea più o meno sotto il testo */
  width: 100%;
  height: 0.15em; /* spessore della sottolineatura */
  background: rgba(245, 113, 12, 0.50);
  z-index: -1!important; /* va sotto il testo */
  border-radius: 2px; /* opzionale, per linee morbide */
}

.menuIcon::before {
  content: "";
  position:relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("https://registmark.com/wp-content/uploads/2025/10/iconcina-registmark.webp") no-repeat center center;
  background-size: contain;
  vertical-align: middle; /* opzionale, se vuoi allinearlo meglio al testo */
  margin-right:8px;
  transition:all 0.2s ease-in-out;
}
a.menuIcon:hover::before {
	transform:translateX(-3px);
}


/* font-size */
@media(max-width:900px) {
	.h1{font-size:2.8rem!important;}
	.h2{font-size:2.2rem!important;}
	.h3{}
	.h4{}
	.h5{}
	.h6{}
	.p{}
	.label{}
}

/* SFONDO */
.sfondoHeader .background-inner {background-position: left 170%!important;}
.sfondoHeader .uncont {margin-top:15px!important;}
.stepBackground .background-inner {background-position: 33% center!important;}
.stepBackgroundComeFunziona .background-inner {background-position: 46% 55%!important;}


@media(max-width:900px) {
	.stepBackground .background-inner {transform:rotate(90deg); background-size:1000px!important; background-position: 20% 50%!important;}
	.stepBackgroundComeFunziona .background-inner {display:none!important;}
}

/* FORM DI REGISTRAZIONE */
/* progress bar */
.cf7mls_progress_bar {background-image:url(https://registmark.com/wp-content/uploads/2025/10/collegamento-step.png); background-size:420px; background-repeat:no-repeat; background-position: 60% 0%;}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_progress_bar .cf7_mls_count_step,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:before, 
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:before {
	width:75px!important; height:75px!important;
	border-radius:20px!important;
}
.cf7mls_progress_bar_title {font-weight:700; font-size:22px!important;}
.cf7mls_progress_bar li .cf7_mls_count_step {color:#F5710C;}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:before {
	background:#FFE2CC;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
	top:15%!important;
	left:39%!important;
	
}
.cf7mls_progress_bar .cf7_mls_count_step {
	font-size:48px!important;
	font-weight:700!important;
}
/* Contenitore principale del gruppo radio */
.wpcf7-inline-field .wpcf7-radio {
  display: flex;
  justify-content: center;
  gap: 10px;
 flex-wrap: wrap;
}
.wpcf7-inline-field .wpcf7-radio .wpcf7-list-item-label {margin:0px!important;}
/* form upload */
.custom-file-upload p{
  display: flex;
  align-items: center;
  border: 2px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  font-family: inherit;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.upload-btn {
  background-color: #f36f21; /* arancione simile all’immagine */
  color: #fff;
  padding: 12px 24px;
  cursor: pointer;
  font-weight: 600;
  border-right: 1px solid #ddd;
  flex-shrink: 0;
  transition: background 0.2s;
  margin:0px!important;
}

.upload-btn:hover {
  background-color: #d95f1b;
}

.file-name {
  flex-grow: 1;
  text-align: center;
  color: #555;
  font-size: 1rem;
  padding: 0 10px;
}


@media(max-width:900px) {
	.wpcf7-inline-field .wpcf7-radio {
		flex-direction:column;
	}
}
.wpcf7-inline-field .wpcf7-list-item {
  border: 2px solid #F5710B;
  border-radius: 15px;
  background-color: #F7F7F7;
  color: #252525;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
  max-height:48px!important;
  min-width:200px;
  max-width:300px;
  text-align:center;
}
.classi-radio br {display:none;}
.classi-radio .wpcf7-checkbox {
	display: flex!important;
    justify-content: center!important;
    gap: 10px!important;
    flex-wrap: wrap!important;
	flex-direction:row!important;
}
.classi-radio .wpcf7-list-item {
	min-width:35px;
	max-width:35px!important;
	max-height:35px!important;
	border-radius:8px!important;
	margin-right:0px!important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.classi-radio .wpcf7-list-item-label {margin:0px!important;}
.classi-radio .wpcf7-list-item label {
	padding:2px!important;
	font-size:16px!important;
	margin:auto!important;
}
.classi-radio  .wpcf7-list-item input[type="checkbox"] {
	display:none;
} 
.classi-radio .wpcf7-list-item {
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.classi-radio .wpcf7-list-item.is-checked {
  background: #F5710C;
  color: #fff!important;
  border-radius: 6px;
}


.wpcf7-inline-field .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  width: 100%;
  height: 100%;
  cursor:pointer;
}

/* Nascondi i radio veri */
.wpcf7-inline-field .wpcf7-list-item input[type="radio"] {
  display: none;
}
.classi-radio .wpcf7-list-item.active {
  background-color: #9300ff;
  color: white;
  border: 2px solid #9300ff;
}

/* Testo dell’etichetta */
.wpcf7-inline-field .wpcf7-list-item-label {
  pointer-events: none;
}

/* Stato attivo (intero blocco colorato) */
.wpcf7-inline-field .wpcf7-list-item input[type="radio"]:checked
  + .wpcf7-list-item-label {
  background-color: #F5710B;
  color: #fff;
}

/* Per far sì che il colore si applichi al contenitore */
.wpcf7-list-item:has(input[type="radio"]:checked) {
  background-color: #F5710B;
  color: #fff;
  border-color: #F5710B;
}

/* Hover (solo bordo colorato) */
.wpcf7-inline-field .wpcf7-list-item:hover {
  border-color: #F5710B;
  color: #252525;
}
.wpcf7-form-control.wpcf7-checkbox {
	display:flex;
	flex-direction:column;
	gap:10px;
}
.wpcf7-form-control.wpcf7-checkbox  .wpcf7-list-item,
.checkbox-seleziona-tutti label{
  display:grid;
  grid-template-columns: 30px 1fr; 
  align-items: baseline;
}
.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
.checkbox-seleziona-tutti input[type="checkbox"]{
	transform:translateY(6px);
	width:22px;
	height:22px;
	background-color:#F7F7F7!important;
	border-radius:3px!important;
	border-color:#C4C4C4!important;
}
.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"]:checked,
.checkbox-seleziona-tutti input[type="checkbox"]:checked{
	background:#002c74!important;
}
.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"]::before,
.checkbox-seleziona-tutti input[type="checkbox"]::before{
	font-size:16px!important;
	color:#fff!important;
}
.classi-radio .wpcf7-list-item-label {
	color:#252525!important;
	font-weight:600!important;
	font-size:16px!important;
}
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
	color:#595959;
	font-weight:400;
	font-size:16px;
}

/* add search icon*/
.has-search-icon input {
  width: 100%;
  padding-right: 36px; /* spazio per l'icona */
}

.has-search-icon::after {
  font-family: 'uncodeicon' !important; /* o il font che contiene la tua icona */
  content: "\e088"; /* lo stesso codice del tuo .fa-search3:before */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #002c74;
  pointer-events: none; /* non blocca il clic sull’input */
}

@media(max-width:900px) {
	.sfondoHeader .background-inner {background-position: left 40%!important}
}
.otherBorders .uncell {border-radius:25px 25px 25px 0px!important; overflow:hidden!important;}

/* social icons*/
.uncode-vc-social {display:flex; flex-direction:row; gap:15px!important;}
.uncode-vc-social .icon-box { width:45px!important; height:45px!important; background-color:rgba(245, 113, 12, 0.2)!important; color:#F5710C!important; border-radius:15px 15px 15px 0px!important; align-items:center; justify-content:center; padding:0px; }
.uncode-vc-social a {color:#F5710C!important;display:inline-block!important; margin-top:9px!important;transition:all 0.2s ease-in-out;}
.uncode-vc-social a:hover {transform:translateY(-3px);}

/**********/
/* FORM */
/**********/
.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap input[type=tel],
.wpcf7-form-control-wrap textarea {border:1px solid #C4C4C4!important; border-radius:15px!important; }
.wpcf7-inline-wrapper br{display:none!important;}

.form-contatto-invia {background-color:#F5710B!important; color:#fff!important; border:1px solid #F5710B!important; }
.form-contatto-invia:hover {background-color:transparent!important; color:#F5710B!important;}

/* remove input field in column */
@media(max-width:900px) {
	.wpcf7-inline-wrapper .wpcf7-inline-field {
		width:100%!important;
		display:block!important;
		padding:0px!important;
	}
	form .wpcf7-inline-wrapper:nth-child(2) p{
		margin-top:18px;
	}
}

/********************/
/* ROWS AND COLUMNS */
/********************/
/* hero section */
@media (max-width: 900px) {
    .heroSection .row {
		padding-top:clamp(15px, 3vw, 25px) !important;
		padding-bottom:clamp(15px, 3vw, 25px) !important;
        padding-left: clamp(15px, 5vw, 25px) !important;
        padding-right: clamp(15px, 5vw, 25px) !important;
    }
}

/* limit column full width row */
@media(max-width:900px) {
	.reducedRow .row {
		padding-left:15px!important; padding-right:15px!important;
	}
	.paddingColumn {
		padding-left:10px!important; padding-right:10px!important;
	}
	.reducedColumn {
		max-width:340px!important;
		margin:auto!important;
	}
}

/**********/
/* FOOTER */
/**********/
footer .footer-last {
	padding-top:25px!important;
	padding-bottom:25px!important;
}