/*
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: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Hairline.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-HairlineItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-ThinItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-XBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-XBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url("font/AktivGrotesk-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

/**********/
/* ASSETS */
/**********/

/* menu */
.navbar-main li.menu-item.depth-0 > a:after {
	content:"/";
	display:inline-block!important;
	position:relative!important;
	margin-left:5px!important;
}

/* buttons */
.btn {

}

/* icons */
.icon-box-content p{margin-top:3px!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) {
	.fontsize-974818 {font-size:2.4rem!important;}
	.h1{}
	.h2{}
	.h3{}
	.h4{}
	.h5{}
	.h6{}
	.p{}
	.label{}
	
	.mobile-padding {padding:30px!important;}
	.reducedRow .row {padding-left:15px!important; padding-right:15px!important;}
	.fullcolorMobile.style-back_color-972573-bg {background:#113D10!important;}
	.fullcolorMobile .quote p{color:#fff!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;
	}
}
.wpcf7-inline-field label {font-size:14px; font-weight:400; text-transform:uppercase; color:#123d10;}
.wpcf7-inline-field input[type=text], .wpcf7-inline-field input[type=email], .wpcf7-inline-field input[type=tel], .wpcf7-inline-field textarea {border-color:#9FA19C!important;}
.style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-light textarea:focus, .style-dark .style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-dark .style-light textarea:focus {border-color:#72c936!important;}
.wpcf7-inline-field input[type=text]::placeholder, .wpcf7-inline-field input[type=email]::placeholder, .wpcf7-inline-field input[type=tel]::placeholder,
.wpcf7-inline-field textarea::placeholder {font-size:14px; font-weight:400;color:#9FA19C;}

/********************/
/* 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;
	}
}

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




.pa-accordion { --pa-accent: #1f6f63; display: grid; gap: 24px; }

.pa-item { background: #eef1ee; padding: 24px 28px; }
.pa-head {
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px; cursor: pointer; list-style: none;
}
.pa-head::-webkit-details-marker { display: none; }

.pa-title {
	color: var(--pa-accent); font-weight: 700;
	text-transform: uppercase; letter-spacing: .12em; font-size: .85rem;
}
.pa-icon { position: relative; width: 14px; height: 14px; flex: 0 0 14px; }
.pa-icon::before, .pa-icon::after {
	content: ""; position: absolute; inset: 50% 0 auto 0;
	height: 1.5px; background: var(--pa-accent); transition: transform .2s;
}
.pa-icon::after { transform: rotate(90deg); }
.pa-item[open] .pa-icon::after { transform: rotate(0); }

.pa-body { padding-top: 20px; }
.pa-voci { display: grid; grid-template-columns: 190px 1fr; gap: 18px 24px; margin: 0; }
.pa-voci dt {
	color: var(--pa-accent); text-transform: uppercase;
	letter-spacing: .08em; font-size: .72rem; line-height: 1.5;
}
.pa-voci dt::after { content: ":"; }
.pa-voci dd { margin: 0; font-size: .9rem; line-height: 1.7; color: #555; }

@media (max-width: 600px) {
	.pa-voci { grid-template-columns: 1fr; gap: 6px 0; }
	.pa-voci dd { margin-bottom: 14px; }
}