#all_projects:hover{color: #5aa320 !important;}

.bg-img-test { background: url(../../images/graphics/header.jpg) 0 36% no-repeat; -webkit-background-size: cover; background-size: cover; }
.button_green{
    margin-top: 20px !important;
    padding: 0px 10px!important;
    height: 35px !important;
    color: #fff !important;
    text-transform: k !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    text-align: center !important;
    background: #5aa320 !important;
    border: 1px solid #5aa320 !important;
    border-radius: 3px;
    width: 100px;
}
.button_green:hover { background-color: white !important; color: #5aa320 !important; border: 1px solid #5aa320 !important }
.button_service { background-color: #5aa320 !important; border: 1px solid #5aa320 !important; color: #fff !important; }
.error input, .error textarea, .error select, .error div.well { border: 1px solid #CB0C0F!important; }
.error div.checkbox{ color: #CB0C0F!important; }
.intro_padding { padding-top: 250px; padding-bottom: 90px; }
.inner-intro { height: 450px; }
.nav-tabs { border-bottom: none; }
#icon_home:before{ font-size: 70px }

/* Header Customization */

/* Sfondo grigio per header e sticky */
#header,
#header-wrap,
.header-wrap-clone {
    background-color: #222 !important;
}

/* Submenu grigio con scritte bianche */
.primary-menu .sub-menu-container {
    background-color: #222 !important; /* grigio scuro */
    padding: 10px 0;
    border-radius: 0; /* se vuoi togliere eventuali angoli arrotondati */
    box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* opzionale, per effetto "sospeso" */
}

.primary-menu .sub-menu-container .menu-link {
    color: #fff !important; /* scritte bianche */
    padding: 8px 20px;
    display: block;
}

.primary-menu .sub-menu-container .menu-link:hover {
    background-color: #222 !important; /* effetto hover più chiaro */
    color: #fff !important;
}


/* Colore del testo menu */
.primary-menu .menu-link div {
    color: #fff !important;
}

/* Hamburger menu */
.primary-menu-trigger button {
    color: #fff;
    border-color: #fff;
}

.cnvs-hamburger .cnvs-hamburger-inner,
.cnvs-hamburger .cnvs-hamburger-inner::before,
.cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: #fff;
}

/* Logo dimensioni */
#logo img {
    max-height: 60px;
    width: auto;
}

.line-green {
    display: block;
    width: 50px;       /* lunghezza della linea */
    height: 3px;       /* spessore della linea */
    background-color: #28a745;  /* colore verde */
    margin-top: 5px;   /* distanza dal testo */
}

.feature-box .fbox-icon i {
	font-size: 40px;
	color: var(--cnvs-color-primary);
}

.feature-box a {
	color: inherit; 
	text-decoration: underline;
}



.powered_by { font-size:11px; width:160px; height:25px; padding:4px 4px 5px 4px; background:white; border-radius:3px; color:rgba(0,0,0,0.65)!important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 1px -1px rgba(0, 0, 0, 0.15); font-weight: 600;  }
.powered_by:hover { background-color: #ddd; }
.powered_by img { height:15px!important; margin-right:5px }

/* Footer: testi più leggeri */
#footer ul li { font-weight: 300; font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.8; }
#footer ul li a { font-weight: 300; }
#footer h5 { font-size: 15px; font-weight: 600; letter-spacing: 1px; }

/* Footer: social icons più visibili */
#footer .social-icon {
    --cnvs-socialicon-size: 3rem;
    --cnvs-socialicon-gap: 8px;
    --cnvs-socialicon-border: 0px;
    --cnvs-socialicon-rounded: 50%;
    --cnvs-socialicon-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease;
}
#footer .social-icon.bg-facebook  { background-color: #3b5998 !important; }
#footer .social-icon.bg-instagram { background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; }
#footer .social-icon:hover {
    transform: translateY(-2px) scale(1.08);
    box-shadow: 0 4px 10px rgba(0,0,0,.35);
}

/* Background body e sezioni di default */
body, section { background-color: #eee; }

