/*
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: "Brolyn";
  src: url("fonts/Brolyn.woff") format("woff");
  font-style: normal;
  font-display: swap;
}


/**********/
/* ASSETS */
/**********/
.radius-top-left .row-background {
	border-radius:400px 0px 0px 0px;
	overflow:hidden;
}
.radius-top-right .row-background {
	border-radius:0px 400px 0px 0px;
	overflow:hidden;
}
.radius-bottom-right .row-background {
	border-radius:0px 0px 400px 0px;
	overflow:hidden;
}
.radius-bottom-left .row-background {
	border-radius:0px 0px 0px 400px;
	overflow:hidden;
}

@media(max-width:900px) {
.radius-top-left .row-background {
	border-radius:100px 0px 0px 0px;
	overflow:hidden;
}
.radius-top-right .row-background {
	border-radius:0px 100px 0px 0px;
	overflow:hidden;
}
.radius-bottom-right .row-background {
	border-radius:0px 0px 100px 0px;
	overflow:hidden;
}
.radius-bottom-left .row-background {
	border-radius:0px 0px 0px 100px;
	overflow:hidden;
}
}

/* buttons */
.btn {
	padding:10px 20px!important;

}
.btn {
  position: relative;
}

.btn::before,
.btn::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(188, 70, 70, 0) 0%,
    rgba(188, 70, 70, 1) 50%,
    rgba(188, 70, 70, 0) 100%
  );
}

.btn::before {
  top: -8px; /* distanza sopra il bottone */
}

.btn::after {
  bottom: -8px; /* distanza sotto il bottone */
}
.uncode_text_column li b {color:#E7BB7C!important;}
.uncode_text_column.text-small li {font-size:1rem;}
/* numbered list */
.numberedList {
	display:grid;
	grid-template-columns:1fr 5fr;
	align-items:center;
	gap:20px;
}

.numberedList h5 {
	font-size:5vw;
	text-align:center;
	color:#F0D5AE!important;
	margin-top:0px;
}
.numberedList p {
	font-size:1.2rem;
	line-height:1.2;
	margin-top:0px;
}
.w-border .panel {
	border-color:#E7BB7C!important;
}
/* icons */
.icon-box-content p{margin-top:10px!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;
}
/* font-size */
@media(max-width:900px) {
	h2.fontsize-105260 {font-size: 2.1rem!important;}
	h2.fontsize-454937-custom {font-size: 2.1rem!important;}
	h2.fontsize-132246-custom {font-size: 2.1rem!important;}
	h2.fontsize-114481-custom {font-size: 2.1rem!important;}
	h2.fontsize-214297-custom {font-size: 2.1rem!important;}
	h2.fontsize-886514-custom {font-size: 2.1rem!important;}
	h2.fontsize-335552-custom {font-size: 2.1rem!important;}
	h2.fontsize-132672-custom {font-size: 2.1rem!important;}
	h2.fontsize-282526-custom {font-size: 2.1rem!important;}
	h2.fontsize-426665-custom {font-size: 2.1rem!important;}
	h2.fontsize-360285-custom {font-size: 2.1rem!important;}
	h2.fontsize-346949-custom {font-size: 2.1rem!important;}
	h2.fontsize-105312-custom {font-size: 2.1rem!important;}

	.h1{}
	.h2{}
	.h3{}
	.h4{}
	.h5{}
	.h6{}
	.p{}
	.uncode_text_column.text-small p {font-size:1.2rem;}
	.uncode_text_column.text-small ul,
	.uncode_text_column.text-small ol,
	.uncode_text_column.text-small li {font-size:1.2rem;}
	.label{}

	.btn, .btn-link {font-size:20px!important;}
}



/**********/
/* FORM */
/**********/
.wpcf7-inline-wrapper br{display:none!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) {
	.reducedColumn {
		max-width:360px!important;
		margin:auto!important;
	}
	.main-container .row-container .row-parent {
		padding:15px!important;
	}
	.numberedList h5 {
		font-size: 3.7rem!important;
	}
	.numberedList {
		margin-top:10px;
		margin-bottom:10px;
	}
}

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