/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2026 | 07:25:51 */
/* Typo */
.site-content p {
	font-family: "Avenir Light", Sans-serif!important;
	font-weight: 300;
	font-size: 23px;
	line-height: 1.4;
}
.custom-file-label {
	font-family: "Avenir Light", Sans-serif!important;
}
.elementor-2199 .elementor-element.elementor-element-126b2d29 .elementor-field-group {
	font-family: "Avenir Light", Sans-serif!important;
	font-weight: 300;
	font-size: 11px;
	line-height: 1;	
}
.opacity-1 {
	opacity: 1!important;
}
.home .ast-primary-header-bar {
    background-color: rgb(242 242 240 / 0.5);
}
.site-content  h2.elementor-heading-title {
	font-size: 40px!important;
}
body:not(.page-id-2125) .site-content  .e-con.e-child {
	margin-top: 20px;
}
body:not(.page-id-2125) .site-content  .e-con.e-child p {
	font-size: 20px!important;
}
.ast-builder-menu-1 .menu-item > .menu-link {
  font-size: 1.15rem!important;
}
.site-content  h6 {
  font-size: 19px!important;
  line-height: 2.2em!important;
}
.elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper ~ .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper ~ .elementor-swiper-button {
  z-index: 98!important;
}
.cromia-figma img {
	filter: brightness(1.12) contrast(0.88);
}
/* Header */
.site-header {
    position: fixed;
    width: 100%;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
	background: #CC0000;
}

/* Pulsanti */
.elementor-button:hover svg path {
	fill:#fff; 
	transition: all .3s;
}

/* Form */
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea {
    padding: 25px 16px!important;
}

.elementor-2125 .elementor-element.elementor-element-cea87bb .elementor-button[type="submit"],
.elementor-2199 .elementor-element.elementor-element-126b2d29 .elementor-button[type="submit"] {
    background-color: #fff!important;
    color: #000000;
	padding: 25px 16px!important;
	border: 2px solid #CC0000!important;
	margin: 0 25%;
}

.elementor-2125 .elementor-element.elementor-element-cea87bb .elementor-button[type="submit"]:hover,
.elementor-2199 .elementor-element.elementor-element-126b2d29 .elementor-button[type="submit"]:hover {
    background-color: #CC0000!important;
    color: #fff!important;
}

/* Scegli il file del Lavora con noi */
/* Contenitore personalizzato */
.custom-file-wrapper {
    display: flex;
    width: 100%;
    border: 2px solid #CC0000;
    border-radius: 13px 13px 13px 13px;
    overflow: hidden;
    background: #fff;
    font-family: inherit;
    margin-bottom: -70px;
    z-index: 10;
    position: relative;
}

/* Box bianco a sinistra */
.custom-file-label {
    flex: 1;
    padding: 10px 15px;
    background: #fff;
    color: #555;
    font-size: 14px;
    cursor: pointer;
    border-right: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Pulsante rosso a destra */
.custom-file-button {
    background: #CC0000;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: bold;
}

/* Nascondi il vero input */
.elementor-upload-field {
    display: none !important;
}

/* Singolo Prodotto */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border: 2px solid #CC0000;
    background: transparent;
    width: 10px;
    height: 10px;
}

.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 10px!important;
}

/* Freccia di destra */
.elementor-swiper-button-next svg {
    display: none !important;
}

.elementor-swiper-button-next {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    padding: 8px 25px;
    border: 1px solid #CC0000;
    border-radius: 100px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="8" viewBox="0 0 48 11" fill="none"><path d="M42.229 0.167072C42.1223 0.0603283 41.9784 0 41.8113 0C41.4772 0 41.2173 0.259896 41.2173 0.594049C41.2173 0.77041 41.3008 0.928201 41.4215 1.03494L45.0693 4.43219H0.594049C0.259896 4.43219 0 4.69208 0 5.02624C0 5.36039 0.259896 5.62029 0.594049 5.62029H45.0776L41.4298 9.01753C41.3091 9.12427 41.2256 9.27743 41.2256 9.45842C41.2256 9.79257 41.4855 10.0525 41.8196 10.0525C41.9728 10.0525 42.1167 9.99214 42.2234 9.8854C42.2234 9.8854 42.2373 9.8854 42.2373 9.87148L46.9758 5.46257C47.2264 5.22588 47.2264 4.83139 46.9758 4.5947L42.2095 0.176399L42.229 0.167072Z" fill="%23CC0000"/></svg>');
    background-repeat: no-repeat;
    background-size: 36px 8px;
    background-position: center;
}

/* Freccia di sinistra */
.elementor-swiper-button-prev svg {
    display: none !important;
}

.elementor-swiper-button-prev {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    padding: 8px 25px;
    border: 1px solid #CC0000;
    border-radius: 100px;
  	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="11" viewBox="0 0 48 11" fill="none"><g transform="translate(48,0) scale(-1,1)"><path d="M42.229 0.167072C42.1223 0.0603283 41.9784 0 41.8113 0C41.4772 0 41.2173 0.259896 41.2173 0.594049C41.2173 0.77041 41.3008 0.928201 41.4215 1.03494L45.0693 4.43219H0.594049C0.259896 4.43219 0 4.69208 0 5.02624C0 5.36039 0.259896 5.62029 0.594049 5.62029H45.0776L41.4298 9.01753C41.3091 9.12427 41.2256 9.27743 41.2256 9.45842C41.2256 9.79257 41.4855 10.0525 41.8196 10.0525C41.9728 10.0525 42.1167 9.99214 42.2234 9.8854C42.2234 9.8854 42.2373 9.8854 42.2373 9.87148L46.9758 5.46257C47.2264 5.22588 47.2264 4.83139 46.9758 4.5947L42.2095 0.176399L42.229 0.167072Z" fill="%23CC0000"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 36px 8px;
    background-position: center;
}

.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button {
	top: unset!important;
    bottom: 6px;
}

.elementor-element .swiper .elementor-swiper-button, 
.elementor-element .swiper~.elementor-swiper-button, 
.elementor-lightbox .swiper .elementor-swiper-button, 
.elementor-lightbox .swiper~.elementor-swiper-button {
	z-index: 99;
}

.elementor-element.elementor-pagination-position-outside .swiper, .elementor-lightbox.elementor-pagination-position-outside .swiper {
    padding-bottom: 0;
}

/* Animazioni */
/* Nascondi elementi inizialmente */
body:not(.elementor-editor-active) .elementor-widget-image img,
body:not(.elementor-editor-active) .elementor-widget-heading,
body:not(.elementor-editor-active) .elementor-widget-text-editor,
body:not(.elementor-editor-active) .elementor-widget-button,
body:not(.elementor-editor-active) .elementor-widget-form .elementor-form,
body:not(.elementor-editor-active) .elementor-widget-icon-list .elementor-widget-container {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Stato animato */
body:not(.elementor-editor-active) .elementor-widget-image.fade-in img,
body:not(.elementor-editor-active) .elementor-widget-heading.fade-in,
body:not(.elementor-editor-active) .elementor-widget-text-editor.fade-in,
body:not(.elementor-editor-active) .elementor-widget-button.fade-in,
body:not(.elementor-editor-active) .elementor-widget-form.fade-in .elementor-form,
body:not(.elementor-editor-active) .elementor-widget-icon-list.fade-in .elementor-widget-container {
    opacity: 1;
    transform: translateY(0);
}

/* Header - fade in dall'alto */
#masthead {
    opacity: 0;
    animation: headerFadeIn 0.6s ease-out 0.2s forwards;
}

@keyframes headerFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}