@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* nereal custom styles */
:root{
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-primary-rgb: 64, 98, 101;
	--bs-secondary-rgb:242,207,107;

    --bs-light-rgb: 243,241,236;
	
    --bs-primary: #395b5f;
    --bs-secondary: #f2cf6b;
    --bs-light: #f3f1ec;

    --bs-link-color: #3e6165;
    --bs-link-color-rgb: 62, 97, 101;
    --bs-link-hover-color: #324f52;
    --bs-link-hover-color-rgb: 50, 79, 82;
    --bs-body-color:#131313;
	--title-font-family: 'gobold';
    --bs-body-font-family: "DM Sans", sans-serif;
	--bs-body-font-weight:300;
    --bs-body-font-size: 1.2rem;
    --bs-body-line-height: 1.4;
	--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	
}

	@font-face {
					font-family: 'gobold';
					src: url('../font/9829Gobold.woff2') format('woff2'),
						url('../font/9829Gobold.woff') format('woff');
					font-display: auto;
				}

				.gobold{font-family: 'gobold' !important;}
				.p-relative {
    position: relative; 
}
/*typo*/

.intro-box{max-width:900px;

text-align:center;
 
	}
 .intro-main-content{ 
text-align:center;
 max-width:900px;
margin-right:auto;
margin-left:auto;
    font-weight: 400 !important;
    color: var(--bs-primary);
	}
	.intro-main-content .block-text-img,
	.intro-main-content .block-text-img .container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.intro-box h2,
.intro-box h3,
.intro-box h4,
.intro-box h5,
.intro-box h6{ margin-bottom:1.5rem}
h6, .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .h2, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
	font-family: 'gobold' !important;
	text-transform:uppercase;
    line-height: 1.4;
}
.h2 strong, .h6 strong, h5 strong, .h5 strong, h4 strong, .h4 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h1 strong, .h1 strong {
    font-weight: 400;
}
.display-1 ,
.display-2 ,
.display-3 ,
.display-4 ,
.display-5 ,
.display-6 {  
    font-family: 'gobold';
}
.display-3 ,.swiper h2,h1,.h1 { 
    font-size: clamp(2rem, 6.3vw, 5rem) !important; 
} h2 ,.h2{ 
    font-size:clamp(1.8rem, 4vw, 4.25rem);
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
}
h5  ,.h5{
    text-transform: uppercase;
    font-size: 1.15rem;
    margin-bottom: 1.5rem;
}
.block-title {

margin-bottom: 1.5rem;}
.block-title::after {
    content: "";
    width: 150px;
    max-width: 100%;
    height: 2px;
    background: var(--bs-link-color);
    display: block;
    margin-top: 1rem;
} .lead {
    font-size: 1.4rem;
    font-weight: 700;
} 
/*btn*/ 
.field--name-field-link a, 
.field.field--name-field-allegati a{
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);-webkit-appearance: button;
	}
	 
.field--name-field-link a,
.btn, .node-preview-container .node-preview-backlink, a.button, .button, button.link,.field.field--name-field-allegati a {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-flex;  
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, text-indent 0.25s ease-in-out, padding 0.25s ease-in-out;
    align-items: center;
    transition: all 0.25s ease-in-out;
    justify-content: center;
    gap: 0.5rem;
    position: relative;
}
.btn-sm, .btn-group-sm > .btn, .node-preview-container .btn-group-sm > .node-preview-backlink, .btn-group-sm > .button, .btn-group-sm > button.link {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.75rem; 
	min-height:0!important;
}.btn-lg, .btn-group-lg > .btn, .node-preview-container .btn-group-lg > .node-preview-backlink, .btn-group-lg > .button, .btn-group-lg > button.link {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: 1.25rem; 
}
.btn-primary::after, .bg-light .btn-light::after{
	--bs-accordion-btn-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>");
	--bs-accordion-btn-active-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>");

	--bs-accordion-btn-icon-hover:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%280, 0, 0%29' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>");
	--bs-accordion-btn-active-icon-hover:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%280, 0, 0%29' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>");
}
.bg-light .accordion-item .btn:hover::after{
	background-image:var(--bs-accordion-btn-icon-hover);
}
.bg-light .accordion-item .btn:active:hover::after{
	background-image:var(--bs-accordion-btn-active-icon-hover);
}
.btn-primary, .bg-light .btn-light{
    --bs-btn-color: #fff;
    --bs-btn-bg: #3e6165;
    --bs-btn-border-color: #3e6165;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: hsl(43 23% 88% / 1);
    --bs-btn-hover-border-color:hsl(43 23% 88% / 1);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: hsl(43 41% 87% / 1);
    --bs-btn-active-border-color: hsl(43 41% 87% / 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #475a5c;
    --bs-btn-disabled-border-color: #475a5c;
}.btn-secondary ,.field.field--name-field-allegati a{
    --bs-btn-color: #101315;
    --bs-btn-bg: #f2cf6b;
    --bs-btn-border-color: #f2cf6b;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f4d47c;
    --bs-btn-hover-border-color: #f4d47c;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: rgb(242 207 107);
    --bs-btn-active-border-color: rgb(242 207 107);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: hsl(204deg 6.19% 23.46%);
    --bs-btn-disabled-bg: #d6c085;
    --bs-btn-disabled-border-color: #d6c085;
}
.btn-dark, .btn-light, .btn-info, .btn-danger, .btn-success, .btn-warning, .btn-primary, .btn-secondary 
,.field.field--name-field-allegati a{
     
    min-height: 55px;
}.field.field--name-field-allegati a:hover,
.btn-dark:hover, .btn-light:hover, .btn-info:hover, .btn-danger:hover, .btn-success:hover, .btn-warning:hover, .btn-primary:hover, .btn-secondary:hover {
    text-indent: 8px;
    padding-top: 16px;
    transform: translateY(-4px);
}
.field.field--name-field-allegati a::before,
.btn-dark::before ,
.btn-light::before ,
.btn-info::before ,
.btn-danger::before ,
.btn-success::before ,
.btn-warning::before ,
.btn-primary::before ,
.btn-secondary::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid transparent;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	pointer-events:none;
}
.field.field--name-field-allegati a:hover::before,
.btn-dark:hover::before ,
.btn-light:hover::before ,
.btn-info:hover::before ,
.btn-danger:hover::before ,
.btn-success:hover::before ,
.btn-warning:hover::before ,
.btn-primary:hover::before ,.btn-secondary:hover::before {
    top: 6px;
    left: 6px;
    border-color: var(--bs-btn-active-color);
}


.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
    --bs-btn-hover-border-color: rgb(20, 108, 67.2);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(20, 108, 67.2);
    --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(176, 42.4, 55.2);
    --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
    --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(255, 205.4, 56.6);
    --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
    --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(61.4, 212.6, 243);
    --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f3f1ec;
    --bs-btn-border-color: #f3f1ec;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: hsl(43 23% 88% / 1);
    --bs-btn-hover-border-color: hsl(43 23% 88% / 1);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: hsl(43 41% 87% / 1);
    --bs-btn-active-border-color: hsl(43 41% 87% / 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
    --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
    --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary, .node-preview-container .node-preview-backlink {
    --bs-btn-color: #3e6165;
    --bs-btn-border-color: #3e6165;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3e6165;
    --bs-btn-hover-border-color: #3e6165;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2b4346;
    --bs-btn-active-border-color: #2b4346;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #475a5c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #475a5c;
    --bs-gradient: none;
}
.btn-outline-secondary {
    --bs-btn-color: #f2cf6b;
    --bs-btn-border-color: #f2cf6b;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f2cf6b;
    --bs-btn-hover-border-color: #f2cf6b;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: rgb(242 207 107);
    --bs-btn-active-border-color: rgb(242 207 107);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #d6c085;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #d6c085;
    --bs-gradient: none;
} 
.field--name-field-link a,
.btn-link, button.link , .bg-white a.btn-link-inverse{
    --bs-btn-font-weight: 500;
    --bs-btn-color: #000;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color:  #000;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: none;
    position: relative;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0.5rem;
	position:relative;
    margin-left: 0;
} 
.btn-link-inverse {
    --bs-btn-color: #ffffff;
    --bs-btn-active-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-disabled-color: #99a8a9;
}

.field--name-field-link a::before,
.btn-link::before ,.link::before {
  content: "";
    height: 3px;
  position: absolute;
  bottom:0;
  top:auto;
  left: 0;
  right:0;
  background: #3e6165;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease;
}
.btn-link-inverse::before{
  background: rgba(var(--bs-secondary-rgb));}

/* hover in */
 
.field--name-field-link a:hover::before,
.btn-link:hover::before ,.link:hover::before   {
  animation: fillHalf 0.3s forwards;
}

/* hover out */ 
/* .btn-link:not(:hover)::before,.link:not(:hover)::before   {
  animation: fillOut 0.4s forwards;
} */

@keyframes fillHalf {
  from {
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    transform: scaleX(0.5);
    transform-origin: left;
  }
}
@keyframes fillfull {
  from {
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    transform: scaleX(1);
    transform-origin: left;
  }
}

@keyframes fillOut {
  0% {
    transform: scaleX(0.5);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1);
    transform-origin: left;
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
@keyframes fillOutfull {
  0% {
    transform: scaleX(1);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1);
    transform-origin: left;
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
/*header*/
header nav.navbar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    right: 0;
}
.user-logged-in nav.navbar {
    position: relative;
}
.navbar-nav .nav-item {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
a.nav-link {
    margin-right: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0;
}.navbar-brand img {
    height: 54px; 
}.navbar-brand img { 
        transition: height 0.3s ease;
    }.region.region-nav-branding{
        transition: padding 0.3s ease;}
		.nav-tabs li.nav-item a {
    padding: 0.5rem !important;
}
.nav-link{
	
    --bs-btn-font-weight: 500;
    --bs-btn-color: #000;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #000;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: none;
    position: relative;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0.5rem;
    position: relative;
    margin-left: 0;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    -webkit-appearance: button;
}.nav-link:hover::before ,.nav-link.active,.active .nav-link {
    animation: fillfull 0.3s forwards;
}.nav-link::before  {
    content: "";
    height: 25px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -5px;
    right: -5px;
    background: var(--bs-secondary);
    transform: scaleX(0);
    transform-origin: right;
    margin: auto;
    z-index: -1;
    transition: transform 0.4s ease;
}
/* .nav-link:not(:hover)::before{
    animation: fillOutfull 0.4s forwards;} */
::marker {
    color: #838383;
}.view-materiali li:not(:last-child) {
    margin-bottom: 1rem;
}
/*hamburger*/
button.navbar-toggler {
    position: relative; 
    --bs-navbar-toggler-font-size: 2.5rem;
    width: 1em;
    height: 1em; 
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    color: rgba(var(--bs-primary-rgb));
}
.hamburger-line {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0.12em;
  border-radius: 0.12em;
  background: currentColor;
  transition: inherit;
}
.hamburger-line:nth-child(1) {
  top: 0.125em;
}
.navbar-toggler:not(.collapsed) .hamburger-line:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotateZ(-135deg);
}
.hamburger-line:nth-child(2) {
  top: 0.438em;
}
.navbar-toggler:not(.collapsed) .hamburger-line:nth-child(2) {
  right: 50%;
  width: 0;
}
.hamburger-line:nth-child(3) {
  top: 0.75em;
  width: 0.625em;
}
.navbar-toggler:not(.collapsed) .hamburger-line:nth-child(3){
  top: 50%;
  width: 100%;
  transform: translateY(-50%) rotateZ(135deg);
}
/*accordion*/
.accordion-button::after { 
    background-color: #c6a4a0;
    filter: invert(1);
    border-radius: 100%;
    background-size: 1rem;
    --bs-accordion-btn-icon-width: 2rem;
    background-position: center;
}
.accordion-button {
    position: relative;
    display: inline-flex; 
    width: auto;
    gap: 1rem; 
    background-color: var(--bs-accordion-btn-bg); 
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 0.5rem;
	border-bottom:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}.accordion-item { 
    border: none;
    --bs-accordion-bg: transparent;
}.accordion-body {
    padding: var(--bs-accordion-body-padding-y) 0;
}.accordion-button:not(.collapsed) { 
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--bs-accordion-btn-color);
}

.accordion-item .btn:not(.btn-plain)::after { 
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    border-radius: 100%;
    background-size: 1rem;
    --bs-accordion-btn-icon-width: 2rem;
    background-position: center;
}.accordion-item .btn:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}
.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #3e6165;
}
.badge.bg-secondary {
    --bs-badge-color: #000;
}
/*page-title*/
.page-title {
    display: flex;
    min-height: 540px;
    align-items: center;
    position: relative;
    color: var(--bs-primary); 
    padding-top: 80px;
}.page-title::after {
    position: absolute;
    content: "";
    background: radial-gradient(#ffffffe3, #ffffff00, #ffffff00);
    inset: 0;
    background-position: 20vw -246px;
    background-repeat: no-repeat;
    background-size: 130vw;
}.page-title-image {
	position:absolute;
    inset: 0 0 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    mask: url(/files/line2.png);
    mask-size: cover;
    mask-position: 0 0;
    width: 50%;
}

.page-title h1  {
    position: relative;
    z-index: 4;
    color:rgba(var(--bs-primary-rgb));
    margin:0;
}
.page-title h1 span {
    z-index: 2;
    position: relative;
}
.page-title::before {
	
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/files/line.svg);
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: left top;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
}
.trapezio {
    content: "";
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 313.65 281.65"><defs><style> .cls-1 { isolation: isolate; } .cls-2 { mix-blend-mode: multiply; } .cls-3 { fill: %23f5d368; } </style></defs><g class="cls-1"><g id="Livello_1" data-name="Livello 1"><g class="cls-2"><polygon class="cls-3" points="313.65 244.91 0 281.65 15.69 81.92 284.84 0 313.65 244.91"/></g></g></g></svg>');
	background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 313.65 281.65'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B isolation: isolate%3B %7D .cls-2 %7B mix-blend-mode: multiply%3B %7D .cls-3 %7B fill: %23f5d368%3B %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cg id='Livello_1' data-name='Livello 1'%3E%3Cg class='cls-2'%3E%3Cpolygon class='cls-3' points='313.65 244.91 0 281.65 15.69 81.92 284.84 0 313.65 244.91'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mix-blend-mode: multiply;
    width: clamp(2rem, 20vw, 17.5rem);
    aspect-ratio: 1.1;
    display: block;
    background-size: contain;
    pointer-events: none;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 0;
    transform: translate(-23%, 25%);
}div#block-nereal-page-title {
    position: relative;
    overflow: hidden;
}
/*form*/
.form-check-input:checked {
    background-color: #3e6165;
    border-color: #3e6165;
}.form-range::-webkit-slider-thumb { 
    background-color: #3e6165; 
}
.form-control:focus ,.form-select:focus{ 
    border-color: rgb(62 97 101); 
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Error Pages Premium Styles */
.error-page-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  padding: 2rem;
  font-family: 'Inter', sans-serif;
}

.error-content {
  max-width: 700px;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.custom-illustration {
  max-height: 350px;
  filter: drop-shadow(0 15px 30px rgba(0,0,0,0.1));
  transition: transform 0.5s ease;
}

.custom-illustration:hover {
  transform: translateY(-5px);
}

.error-code {
  font-size: 6rem;
  font-weight: 900;
  margin: 0;
  line-height: 1;
}

.text-gradient-primary {
  background: linear-gradient(45deg, #007bff, #6610f2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-danger {
  background: linear-gradient(45deg, #dc3545, #f8d7da);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.error-title {
  font-weight: 700;
  color: #333;
}

.btn-premium-primary {
  background: linear-gradient(45deg, #007bff, #0056b3);
  color: white !important;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.btn-premium-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 123, 255, 0.3);
  background: linear-gradient(45deg, #0056b3, #007bff);
}

/* Base animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate__fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.8s;
}
/*paragraph-approfondimenti*/
.paragraph-body p{ margin:0}
/*textured*/
.textured-bg {
    background-image: url(../images/textured-weave.svg);
    background-size: cover;
    background-attachment: fixed;
}
/**filigrana*/
.filigrana-bg  {

    overflow: hidden;	
    background-image: url(../images/filigrana.svg);
    background-size: 700px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

/*footer*/
footer  {
    background: #395b5f;
    color: #fff !important;
    padding: clamp(2.5rem, 6vw, 5rem) 0;
	
    --bs-link-color: #fff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color: #fafafa;
    --bs-link-hover-color-rgb: 250, 250, 250;
} 

/*swiper hp*/

.swiper-button {
    position: absolute;
    right: 60px;
    bottom: 30px;
    z-index: 10;
    width: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}.swiper-button .swiper-navigation-icon{
        transform: rotate(90deg);
        height: 25px;
     
}.swiper-button .swiper-button-next .swiper-navigation-icon{
        transform: rotate(-90deg); 
     
}.swiper-button-next, .swiper-button-prev { 
    --swiper-navigation-size: 64px;
    color: var(--swiper-navigation-color, #000); 
    position: relative; 
    z-index: 10;
    background: #f2cf6b;
    border-radius: 100%;
}
.swiper-pagination-custom {
    width: 200px;
    position: absolute;
    bottom: 30px;
    left: 60px;
    max-width: calc(100% - 18rem);
}
.progress-container {
    height: 2.5px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.progress-bar {
  height: 100%;
  background: #000;
}
.fraction {
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    color: #000;
    display: flex;
    justify-content: space-between;
}
.swiper-hp p {
    z-index: 5;
    position: relative;
    font-size: clamp(1.1rem, 2vw, 19px);
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-in-out; /* Smooth exit */
}.swiper-hp .btn {
    position: relative;
    z-index: 5;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-in-out; /* Smooth exit */
}
.swiper-hp h2 {
    z-index: auto !important;
    position: relative;
    color:rgba(var(--bs-primary-rgb));
    isolation: auto !important;
} 
.swiper-hp h2 span {
    z-index: 4;
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-in-out; /* Smooth exit */
}
.swiper-hp h2::before {
    content: "";
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 313.65 281.65"><defs><style> .cls-1 { isolation: isolate; } .cls-2 { mix-blend-mode: multiply; } .cls-3 { fill: %23f5d368; } </style></defs><g class="cls-1"><g id="Livello_1" data-name="Livello 1"><g class="cls-2"><polygon class="cls-3" points="313.65 244.91 0 281.65 15.69 81.92 284.84 0 313.65 244.91"/></g></g></g></svg>');
	background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 313.65 281.65'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B isolation: isolate%3B %7D .cls-2 %7B mix-blend-mode: multiply%3B %7D .cls-3 %7B fill: %23f5d368%3B %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cg id='Livello_1' data-name='Livello 1'%3E%3Cg class='cls-2'%3E%3Cpolygon class='cls-3' points='313.65 244.91 0 281.65 15.69 81.92 284.84 0 313.65 244.91'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: clamp(2rem, 24vw, 27.5rem);
    aspect-ratio: 1.1;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2; /* Above image, below lines */
    top: -50px; 
	opacity: 0;
	pointer-events:none;
    transform: translate(-31%, -10%);
    transition: all 0.6s ease-in-out; /* Smooth exit */
}
.swiper-hp li.swiper-slide {
    position: relative;
    overflow: hidden;
    height: 100vh;
    padding: 80px 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition-property: opacity !important;
    transition-duration: 1.2s !important;
    transition-timing-function: ease-in-out !important;
    align-items: flex-start;
    background-color: #fff;
}
.swiper-hp li.swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/files/line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    z-index: 3; /* Higher than blob, lower than text */
    pointer-events: none;
    mix-blend-mode: multiply;
}.slider-img-bg {
    position: absolute;
    left: 40%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
	opacity: 0;
    transform: scale(1.1);
    transition: all 0.8s ease-in-out; /* Smooth exit for image */
 
    
    mask: url(/files/line2.png);
    mask-size: cover;
    mask-position: 0 0;
}.slider-img-bg::after {
    /* content: ""; */
    /* position: absolute; */
    /* inset: -49% auto -100% 0; */
    /* background: radial-gradient(#ffffff00, #ffffff, #ffffff); */
    /* width: 152%; */
}.line-cover {
    display: none;
}
.line-cover::after {
    content: "";
    position: absolute;
    inset: -49% 0 -25% auto;
    /* background: radial-gradient(#ffffff00, #ffffff 70%, #ffffff 100%); */
    width: 152%;
}.line-cover img {
    /* height: 100%; */
    /* position: absolute; */
    /* right: 0; */
}

.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0;
}

/* Active Slide Animations (Entrance only) */
.swiper-slide-active h2 span {
    opacity: 1;
    transform: translateY(0);
    transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.4s;
}

.swiper-slide-active h2::before {
    opacity: 1;
    transform: translate(-31%, -10%);
    transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.3s;
}

.swiper-slide-active p {
    opacity: 1;
    transform: translateY(0);
    transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.6s;
    position: relative;
    z-index: 2;
}

.swiper-slide-active .btn {
    opacity: 1;
    transform: translateY(0);
    transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.8s;
}

.swiper-slide-active .slider-img-bg {
    opacity: 1;
    transform: scale(1);
    transition: transform 2.5s ease-out, opacity 2s ease-out;
    transition-delay: 0.2s;
}

.swiper-hp li.swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}
.slider-img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*allegati*/
/*
.field.field--name-field-allegati a::before {
	
    display: block;
    content: "";
    width: 20px;
    padding-top: 20px;
    background-color: var(--bs-body-color);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
-webkit-mask-position: center;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-down-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-down-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z'/%3E%3C/svg%3E");
}
.field.field--name-field-allegati a {
    color: var(--bs-body-color);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}*/.file { 
    background: transparent !important;
    padding: 0;
}
.field.field--name-field-allegati:not(:first-child) {
    margin-top: auto;
    padding-top: 1.5rem;
}
.field.field--name-field-allegati a::after {
    content: "\f30a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*link field*/
.field.field--name-field-link:not(:first-child){
    margin-top: auto;
    padding-top: 1.5rem;
}

/*pitto svg*/
img.pitto-svg {
    width: 180px;
    margin: auto;
}
.pitto-part {
    text-align: center; 
}

/***/
.row-ul-col  {
    gap: 2rem 0rem;
}
.row-ul-col > div>* {
    max-width: 380px;
    /* padding-right: 35%;*/
    width: 100%;
    padding-left: 2rem;
}.pointer {
    padding-left: 2rem;
    position: relative;
    opacity: 0.7;
}.pointer::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #080808;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;
}
/*numeri*/
.numeri-bg {
    background: var(--bs-dark);
    color: #fff;
    text-transform: uppercase;
    background-image: url(../images/back2@2500x-100.jpg);
    background-size: cover; 
}.numeri-bg .field--name-body.clearfix::after {
    display: none; 
}
.numeri-bg .field--name-body >div >div {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    /* padding: clamp(3rem, 7vw, 5rem) 0; */
    max-width: calc(50% - 2rem);
    line-height: 1;
}
.numeri-bg .field--name-body >div {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
    gap: 2rem 2rem;
    padding: clamp(3rem, 7vw, 7rem) 0;
}
/*carousel*/
.swiper.swiper-carousel {
    padding-bottom: 5rem;
}
.gallery-image {
    position: relative;
    padding-bottom: 142%;
}.gallery-image img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.gallery-item {
    max-width: 650px;
    padding-bottom: 160px;
}
.carousel-text {
	min-height:160px;
    text-align: center;
    padding: 2.5rem 10%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center; 
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.image-text-box .expand{ 
    bottom: 0;
    position: absolute;
    z-index: 5;}
.image-text-box{ position:relative;}
.image-text-box:hover  .expand{
    max-height: 100%;}
.gallery-item:hover  .expand {
    max-height: 450px;
}.image-text{
    position: relative;
    text-align: center;
    padding: 2.5rem 10%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center; 
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;}
	
.image-text-box .image-text{ position:relative;}
.image-text-box .expand,
.gallery-item .expand {
    width: 100%;
    font-size: clamp(1rem, 3vw, 1.1rem);
    max-height: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.block-text-img img{
    width: 100%;
    height: auto;}
	
	.pswp-caption {

    color: #fff;
    max-width: 600px;
    margin-top: 12px;
    position: absolute;
    bottom: 0;
    padding: 2rem 1rem;
    width: 100%;
    background: radial-gradient(ellipse at left bottom, #00000085 0%, #00000055 62%, #00000000 100%);
    text-shadow: 0 0 5px #000;

}
 

.pswp-caption p {
  margin: 0;
  font-size: 16px;
  opacity: 0.85;
}
	/*progetti hp*/
	.project-list a { text-decoration:none}
	.project-list li {
    display: inline-flex;
    margin-bottom: clamp(2rem, 4vw, 4rem);
    flex-direction: column;
    gap: 1rem;
}
	.project-list   {  
    column-count: 1;
    column-gap: 3rem;
}.img-project {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.85;
    height: auto; 
}.img-project img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}



.dropdown-menu{
		
    --bs-dropdown-border-width: 0;
	}
	
	.lesson-title {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: clamp(1rem, 3vw, 2rem);
}
.view-display-id-block_lezioni_r1 .view-content,
.view-display-id-block_lezionir2 .view-content {
    counter-reset: lezione;
}

.lesson {
    counter-increment: lezione;
    position: relative;
}

.lesson .lesson-n::before {
content: counter(lezione, decimal-leading-zero);}
 .lesson-n {
    margin-top: 8px;
    color: #f3f1ec;
    color: #d8d4cc;
    line-height: 1;
    font-family: 'gobold';
    font-size: 50px;
    min-width: 50px;
}/*video yt modal*/
#video-dialog {
    border: 0;
    overflow: visible;
    padding: 0;
    background: transparent;
    max-width: min(100vw, 1100px);
    width: 100%;
}

#video-dialog::backdrop {
    background: rgba(0,0,0,.85);
}

.video-dialog-content {
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #000;
}

.video-dialog-content iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.video-dialog-close {
    position: absolute;
    top: -3rem;
    right: 0;
    border: 0;
    background: none;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
}
/*type-paesaggio*/
	.node--type-paesaggio .field-galleria, .node--type-paesaggio .field-galleria >div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*profili*/
.container.profilo-section  {
    background: #f4efe3;
    padding: clamp(2rem, 4vw, 4.5rem);
    border-left: 5px solid #f5d368; 
    gap: clamp(2rem, 3vw, 3.5rem);
    max-width: 900px;
    align-items: center;
}
/*percorso*/
ul.percorso { 
    list-style: none;
    justify-content: flex-start;
    display: flex;
    gap: 2.5rem;
    padding: 0 0rem 2.5rem; 
    margin: 0 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
}.percorso .bi::before {
    line-height: 1;
    font-size: 50px;
}.percorso .bi {
    color: #d8d4cc;
    line-height: 0;
    font-size: 0;
    min-width: calc(2.5rem + 0.6vw);
    height: calc(2.5rem + 0.6vw);
    display:inline-block;
}.percorso p { margin:0
}.percorso li {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-family: var(--bs-body-font-family);
    font-size: 0.85rem;
    font-weight: 600 !important;
    white-space: nowrap;
}.percorso  strong {
    font-family: 'gobold' !important;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: calc(1.3rem + 0.6vw);
    font-weight: bolder;
    margin: 0; 
}.block-gallery .field-galleria>div,.block-gallery .field-galleria {
    padding: 0 0 !important;
}
/*tabs*/
.ck-content .tab-content > .tab-pane 
 {
    display: block;
    opacity: 1;
    border: 1px solid;
    padding: 2rem;
}
.nav-tab-radici {
    display: flex;
    justify-content: space-around;
    color: #555553;
    text-align: center; 
}.row.nav-box { 
    margin-top: 2rem;
}
.nav-tab-radici >div:not(.active){ 
    opacity: 0.3;
}.nav-tab-radici >div { 
    border-bottom: 3px solid;
    padding-bottom: 1.5rem;
}

.map-overlay {
    z-index: 2;
}.block-enabled-0 {
    opacity: 0.5;
}.field.field--name-field-enabled  {
    display: none !important;
}
.block-block-content.block-block-contente6cd02fa-fc07-470e-a00b-aebf60c05133 {
    height: clamp(270px, 37vw, 500px);
    overflow: hidden;
    position: relative;
}

.block-block-content.block-block-contente6cd02fa-fc07-470e-a00b-aebf60c05133 .field--name-body {
    width: 100%;
    height: 100%;
}

.block-block-content.block-block-contente6cd02fa-fc07-470e-a00b-aebf60c05133 img {
    display: block;
    width: 100%;
    height: 120%;
    max-width: none;
    object-fit: cover;

    position: absolute;
    top: -10%;
    left: 0;

    will-change: transform;
}


@media  (max-width:1320px){
		 :root { 
    --bs-body-font-size: 1rem; 
}

}
@media(max-width:991px){
	.pswp-caption { 
    max-height: 9rem;
    overflow: auto;
}
 .img-extended img {
    max-width: 100%;
    height: auto;
}
button.navbar-toggler + .bg-navbar { 
    background: transparent; 
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  transition: all 0.5s;
}
button.navbar-toggler:not(.collapsed) + .bg-navbar {
    background: #ffffffd4;
}.region.region-nav-main {
        height: calc(100vh - 80px);
        display: flex;
        align-items: flex-start;
        justify-content: start;
        flex-direction: column;
        padding-bottom: 100px;
        padding-top: 50px;
}a.nav-link { 
    --bs-btn-font-size: 1.25rem;        
        text-align: left;
}
}
@media(max-width:767px){
        .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
        flex: 0 1 100%;
    }
    .page-title-image { 
    inset: 30% 0 0 0; 
    mask: url(/files/line3.png);
    mask-size: cover;
    mask-position: 0 0;
    width: 100%;
}
   .swiper-hp li.swiper-slide::before { 
    inset: 0 0 40% 0; 
} .swiper-hp li.swiper-slide { 
    justify-content: flex-start;
    padding-top: 180px !important;
}
.slider-img-bg { 
    left: 0; 
    top: 35%; 
    mask: url(/files/line3.png?f);
    mask-size: cover;
    mask-position: 0 0;
}
}
@media(min-width:40em){
.sticky-col>* {
        top: 50px;
    position: sticky;
}}
@media(min-width:768px){
	footer a.nav-link {
    text-align: left;
}
}
@media(min-width:992px) and (max-width:1200px){
	.navbar-nav .nav-item {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}.nav-link { 
    font-size: 1rem;
        white-space: nowrap;
}:root { 
    --bs-body-font-size: 1rem; 
}
}
@media(min-width:1200px) and (max-width:1550px){
	.navbar-nav .nav-item {
        margin-left: 0.8rem;
        margin-right: 0.8rem;
}.nav-link { 
        white-space: nowrap;
    font-size: 1.051rem;
}
}
@media(min-width:992px){
    .nav-tab-radici { 
    flex-direction: column;
    gap: 2rem;
    text-align: left;
}.nav-tab-radici >div {
    border:0;
    padding: 0;
    border-left: 3px solid;
    padding-left: clamp(2rem, 4vw, 3rem);
}
    #video-dialog { 
    max-width: min(90vw, 1100px); 
}
	nav.navbar.navbar-expand-lg::before {
    content: "";
    background: radial-gradient(#ffffffe3, #ffffff00, #ffffff00);
    inset: 0;
    background-position: 50vw -150px;
    background-repeat: no-repeat;
    background-size: 100vw 298px;
    display: block; 
	pointer-events:none;
    position: absolute;
}
	.masonry-box {
    columns: 2;
        margin-top: -1rem !important;
    column-gap: 0;
}.masonry-box >* {
    display: inline-flex;
    flex-direction: column;
}.view-id-paesaggi_culturali  .view-content li.row:nth-child(even),
	.view-display-id-block_relazione_dettaglio .views-row:nth-child(even) .container>.row {
    flex-direction: row-reverse;
}
.view-id-paesaggi_culturali  .view-content li.row:nth-child(even) .col-lg-6.pe-lg-5,
.view-display-id-block_relazione_dettaglio .views-row:nth-child(even) .col-lg-6.pe-lg-5 {
    padding-left: 3rem !important;
    padding-right: 1rem !important;
}
.dropdown-menu {
    display: block;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
}
	.dropdown-menu.show {
    display: block;
    opacity: 1;
    pointer-events: unset;
    visibility: visible;
    transform: translateY(0);
}

@keyframes dropdownItemFade {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu.show li, 
.dropdown-menu.show .mega-level2-item {
  opacity: 0;
  animation: dropdownItemFade 0.3s ease-out forwards;
}

.dropdown-menu.show li:nth-child(1)  { animation-delay: 0.05s; }
.dropdown-menu.show li:nth-child(2)  { animation-delay: 0.10s; }
.dropdown-menu.show li:nth-child(3)  { animation-delay: 0.15s; }
.dropdown-menu.show li:nth-child(4)  { animation-delay: 0.20s; }
.dropdown-menu.show li:nth-child(5)  { animation-delay: 0.25s; }
.dropdown-menu.show li:nth-child(6)  { animation-delay: 0.30s; }
.dropdown-menu.show li:nth-child(7)  { animation-delay: 0.35s; }
.dropdown-menu.show li:nth-child(8)  { animation-delay: 0.40s; }
.dropdown-menu.show li:nth-child(9)  { animation-delay: 0.45s; }
.dropdown-menu.show li:nth-child(10) { animation-delay: 0.50s; }
 
	a.mega-link.btn.btn-link {
    text-align: left;
    white-space: nowrap;
    width: 100%;
        margin: 0;
        max-width: calc(100% - 3rem);
    justify-content: flex-start;
        padding-left: 0.5rem;
}
/* li:not(.no-level3)> .mega-hover-container { */
  /* width: 600px;  */
/* } */

/* li:not(.no-level3) >div>div.mega-wrapper { */
  /* display: flex; */
  /* min-height: 300px; */
/* } */
.mega-wrapper {
    padding: 0.5rem 0;
} 

/* Level 2 items */
.mega-level2-item {
  padding: 0px 10px 0px 0px;
  cursor: pointer;
}
 

/* Links */ 
	    .project-list {
        column-count: unset;
        column-gap: unset;
        margin-left: -4.5rem !important;
        display: flex;
        flex-wrap: wrap;
        margin-right: -4.5rem !important;
    }.project-list li {
    padding: 0 4.5rem 4.5rem;
    flex: 0 0 auto;
    width: 50%;
}
    .navbar-brand img {
        height: 80px;
    }
	header nav.navbar,
	.container-fluid {
    padding: 0 30px;
}    header nav.navbar {
        padding-top: var(--bs-navbar-padding-y)  ;
        padding-bottom: var(--bs-navbar-padding-y)  ;
    }
     .col-lg-6.img-extended img {
        width: 50vw; 
    }
    .flex-lg-row-reverse .col-lg-6.img-extended img { 
        transform: translateX(calc(-50vw + 472px));
    }
		.dropdown-menu .dropdown-menu {
	  margin-left: 0.1rem;
	  top: 0;
	  left: 100%;
	  position: absolute;
	}

	.dropdown-menu li {
	  position: relative;
	}

}
@media(min-width:1200px){
    .row.nav-box {
    max-width: 1100px;
    margin: auto;
    margin-top: 2rem;
}
	.masonry-3box {
    columns: 3; 
}
	nav.navbar.navbar-expand-lg::before { 
    background-size: 100vw 440px; 
}
	.page-title {
    padding-top: 180px;
    height: 650px;
}
	header nav.navbar,
	.container-fluid {
    padding: 0 60px;
}    .navbar-brand img {
        height: 152px;
    }.region.region-nav-branding {
		padding: 2rem 0;
	}
	.scrolldown .navbar-brand img {
        height: 80px;
    }
	.scrolldown .region.region-nav-branding {
    padding: 0.5rem 0;
}

.flex-lg-row-reverse .col-lg-6.img-extended img { 
    transform: translateX(calc(-50vw + 580px));
}
}
@media(min-width:1400px){
	.page-title::after { 
    background-size: 53% auto; 
}
	.navbar { 
    --bs-btn-font-size: 1.25rem; 
    --bs-navbar-nav-link-padding-x: 1.5rem;}
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1400px;
    }
.flex-lg-row-reverse .col-lg-6.img-extended img { 
    transform: translateX(calc(-50vw + 700px));
}.py-xl-6 ,.pt-xl-6{
    padding-top: 4.5rem !important; 
}.py-xl-6  ,.pb-xl-6{ 
    padding-bottom: 4.5rem !important;
}
}
@media(min-width:1600px){
	nav.navbar.navbar-expand-lg::before {
    background-size: 100vw 450px;
    background-position: 50vw -147px;
}
	    header nav.navbar, .container-fluid {
        padding-left:   120px;
        padding-right:   120px;
    }
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1580px;
    }
    .flex-lg-row-reverse .col-lg-6.img-extended img { 
        transform: translateX(calc(-50vw + 790px));
    }
}
@media(min-width:1920px){
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1720px;
    }
    .flex-lg-row-reverse .col-lg-6.img-extended img { 
        transform: translateX(calc(-50vw + 860px));
    }
}