/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Studio Be4 team
Author: Studio Be4
Author URI: https://studiobe4.it
Template: hello-elementor
Version: 1.0.7
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Banner Cookie - attivare se si usa LegalBlink
#cm_tertiary_btn {background-color:#333333!important;color:#FFFFFF!important;}
#cc_div .c_button, #cc_div .c_link, #cc_div #cm {border-radius:0px!important;}*/

html {
  scroll-padding-top: 130px; 
}

/* Hamburger menu */
.bar-top, .bar-middle, .bar-bottom {
	height: 2px;
	background: white;
	border-radius: 5px;
	margin: 10px 0!important;
	transition: all 0.5s;
	display:flex;
	transition: width 0.5s;
}

.menu-tendina {width:58px;}
.hamburger-menu:focus-visible {outline:none;}

.bar-top {width:80%; justify-self: right;}
.hamburger-menu:hover .bar-top {width:100%;}

.bar-bottom {width:80%; justify-self: left;}
.hamburger-menu:hover .bar-bottom {width:100%;}

/* Font */
h1:not(.home #hero-section h1) b, h1:not(.home #hero-section h1) strong, h2 b, h2 strong,span b, span strong {font-weight:500;}
h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {font-weight:700;}
.accapo-forzato span {word-break: break-word;}
.accapo {hyphens: auto;}

/* Aspect Ratio */
.ratio-1 img, .ratio-1.maps, .ratio-1.featured, .ratio-1 {aspect-ratio:1/1; object-fit:cover;background-size:cover;background-repeat:no-repeat;}
.featured {height: fit-content;}
.ratio-1.featured iframe {aspect-ratio: 1 / 1;height: auto;}
.ratio-1.fisso {aspect-ratio:1/1; object-fit:cover;max-width:240px;}
.ratio-16 img {aspect-ratio:16/9; object-fit:cover;}
.ratio-23 img {aspect-ratio:2/3; object-fit:cover;}
.ratio-32 img {aspect-ratio:3/2; object-fit:cover;}
.ratio-34 {aspect-ratio:3/4; object-fit:cover;}
.ratio-45 {aspect-ratio:4/5; object-fit:cover;}
.ratio-56 img.swiper-slide-image {aspect-ratio:5/6;object-fit:cover;}

/* Testo outline */
.outline {
    -webkit-text-stroke: 3px var(--e-global-color-796cd5c);
    paint-order: stroke fill;
    stroke-linejoin: miter!important;
    stroke-miterlimit: 2;
}

.outline.big {
    -webkit-text-stroke: 7px var(--e-global-color-796cd5c);
}

/* Box in moltiplica rosso */
.moltiplica {max-width:822px;}
.moltiplica::before {content:'';background-color: #9F1B19; mix-blend-mode: multiply;}
.mezzo-moltiplica:before {content:''; background-color: #9F1B19; mix-blend-mode: multiply; width:50%;}

/* Zoom Immagini all'hover */
.zoom-img, .zoom-img figure {overflow:hidden;}
.zoom-img img:hover {transform:scale(1.1);}
.zoom-img img {transition: 0.6s ease;}

/* Slider allineati a sinistra e Carosello */
.slider-dec .slick-list, .carosello-dec .elementor-image-carousel-wrapper {padding-right: 17%;}
.slider-dec {padding-left:15%;padding-bottom:10px;}
.slider-dec .slick-list.draggable {padding-left: 0px;margin-left:-30px;}

/* Dots Carosello */
.carosello-dec .swiper-pagination {display:flex;margin-top: 80px;width:70%;}
.carosello-dec .swiper-pagination-bullet {width: auto;height: 2px;border-radius: 0;margin: 0px!important;flex:1;}
.carosello-dec .elementor-image-carousel-wrapper.swiper {padding-bottom:100px;}
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:25px;}
.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button {top: calc(100% - 30px);}
.elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev {left:75%;}
.elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next {right:20%;}

/* Dots Slider */
.slider-dec .jet-slick-dots {margin-top: 80px;}
.slider-dec .jet-listing-grid__slider .jet-slick-dots li {width: auto;height: 2px;border-radius: 0;margin: 0;flex:1;}
.slider-dec .jet-listing-grid__slider .jet-slick-dots {align-items: flex-start;justify-content: left;}
.slider-dec .jet-listing-grid__slider-icon.next-arrow svg, .slider-dec .jet-listing-grid__slider-icon.prev-arrow svg {display:none;}
.slider-dec .jet-listing-grid__slider-icon.next-arrow:before, .slider-dec .jet-listing-grid__slider-icon.prev-arrow:before {content:'';background-image:url('https://dev.meccanicamazzola.it/wp-content/uploads/2026/04/freccia-2.svg');width: 14px;height: 25px;background-repeat: no-repeat;background-position: center;}
.slider-dec .jet-listing-grid__slider-icon.slick-arrow.slick-disabled {opacity:0.5;}
.jet-listing-grid__slider .jet-slick-dots {width:70%;}

/* Carosello */
.elementor-image-carousel-wrapper
/* Icona */
.icona-slider .elementor-image-box-img img {height: 26px;width: 26px;}

/* Mappa */
.elementor-widget-google_maps .elementor-custom-embed {height:100%;}

/* Home */
#hero-section p b, #hero-section p strong {font-weight:600;}

/* Accordion */
.accordion-ev .e-n-accordion-item-title {justify-content: space-between;}
.accordion-ev .e-n-accordion-item-title-icon {border-radius: 100px;border: 1px dashed #b7b7b7;padding: 20px 20px;}

.elenco-p ul {padding-left:0px; padding-top:20px; }
.elenco-p li {list-style:none; padding-bottom:20px; justify-content:middle;}
.elenco-p li:before {content:''; background-image:url('https://dev.meccanicamazzola.it/wp-content/uploads/2026/02/list-icon.svg'); width:29px; height:29px; display:inline-block; margin-right:25px; margin-bottom: -7px;}

/* Bottoni circolari - filosofia, contatti, ricambi */
.btn-circolari {max-width:238px!important;max-height:238px;}
.play-txt {max-width: 238px;display: inline-block;animation: rotate 12s linear infinite;}
@keyframes rotate {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
.btn-circolari.ricambi .elementor-icon {border-style: dashed;}

/* Freccia Hero */
#hero-arrow {animation: float 2.5s ease-in-out infinite;}

@keyframes float {
  0%, 100% {transform: translateY(0);}
  50% {transform: translateY(10px);}
}

/* Form */
.field-type-checkbox-field {padding-top: 50px;}
.field-type-checkbox-field p {margin: 0;}
.field-type-checkbox-field p a {color: var(--e-global-color-text); font-weight: 500;}
.page-id-555 .field-type-checkbox-field p a {color: var(--e-global-color-796cd5c);}
.field-type-checkbox-field p a:hover {color: var(--e-global-color-primary)}
input:focus-visible, textarea:focus-visible {outline:none;}
:where(.wp-block-columns) {margin-bottom:20px;}
p.paragrafo-form {color: var(--e-global-color-text);text-align: center;}
.page-id-555 p.paragrafo-form {color: var(--e-global-color-ba5a803);text-align: left;} /* Pagina contatti */

.blur {max-width:740px; backdrop-filter: blur(30px);}

/* Numerazione listing */
/* Sul wrapper del listing grid */
.jet-listing-grid__items {counter-reset: service-counter;}

/* Su ogni item */
.jet-listing-grid__item {counter-increment: service-counter;}

/* Sul tuo elemento numero */
.service-number {visibility: hidden;position: relative;}

.service-number::before {
	content: counter(service-counter, decimal-leading-zero) "_";
	visibility: visible;
	position: absolute;
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: var(--e-global-color-primary);
}

/* Separatore Listing */
.post-type-archive-servizi .jet-listing-grid__item:not(:last-child) {border-bottom: 2px dashed var(--e-global-color-primary);}
.divider-grigio .jet-listing-grid__item {border-top: 2px solid var(--e-global-color-c121d9d)}
.griglia-grigia .jet-listing-grid__item:not(:nth-child(1),:nth-child(2)) {border-top: 2px solid var(--e-global-color-c121d9d);}
.griglia-grigia .jet-listing-grid__item:nth-child(odd) {border-right: 2px solid var(--e-global-color-c121d9d);}

/* Archivio Prodotti */
.post-type-archive-prodotti h2 {padding-bottom:80px;margin:0px;}
.contatore-numerico {font-size: 18px;color: var(--e-global-color-primary);font-weight: 500;padding-bottom: 10px;}
.contatore-numerico:before {content: '•';position: absolute;right: 0;font-size: 85px;}
.jet-engine-break-listing-wrapper:not(:first-child) {border-top: 2px solid var(--e-global-color-c121d9d);padding-top: 60px;}

/* Responsive */
@media only screen and (min-width:1023px) {
	.indice-prodotti a {cursor: default;pointer-events: none;}
}

@media only screen and (max-width:1366px) {
	.moltiplica {max-width:680px;}
	.ratio-1.fisso {max-width:160px;}
}
@media only screen and (max-width:1024px) {
	.ratio-1.featured {aspect-ratio:16/9;}
	.moltiplica {max-width:90vw;}
	.blur {max-width:540px;}
	.post-type-archive-servizi .ratio-1 img, .post-type-archive-servizi .ratio-1 {aspect-ratio: 16/9;}
	.ratio-23.mob img {aspect-ratio:16/9; object-fit:cover;}
	.post-type-archive-prodotti h2 {padding-bottom: 60px;}
	.griglia-grigia .jet-listing-grid__item:not(:first-child) {border-top: 2px solid var(--e-global-color-c121d9d);}
	.griglia-grigia .jet-listing-grid__item:nth-child(odd) {border-right: 0px;}
}

@media only screen and (max-width:767px) {
	.slider-dec .slick-list {padding-right: 10%!important;}
	.slider-dec {padding-left:0;}
	.slider-dec .slick-list.draggable {margin-left:0px;}
	.slider-dec .jet-slick-dots {margin-top: 40px;}
	.icona-slider .elementor-image-box-wrapper {display: flex;gap:15px;}
	.accordion-ev .e-n-accordion-item-title-icon {padding: 15px 15px;}
	.outline {-webkit-text-stroke: 2px var(--e-global-color-796cd5c);}
	.outline.big {-webkit-text-stroke: 5px var(--e-global-color-796cd5c);}
	button.jet-form-builder__action-button.jet-form-builder__submit.submit-type-reload {width:100%;}
	p.paragrafo-form {text-align: left;}
	.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button {top: calc(100% - 26px);}
	.elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev {left:80%;}
	.elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next {right:0%;}
	.post-type-archive-prodotti h2 {padding-bottom: 40px;}
	.contatore-numerico:before {font-size: 75px;margin-top: -5px;}
	.ratio-1.fisso {max-width:inherit;width:100%;}
}