/*MAIN CSS*/
body::after {content: ""; opacity:0; z-index: -1; transition: opacity ease-in-out 0.3s; position: fixed; top: 0; left: 0%; width: 100%;height: 100%; background-color: #0000004e; background-color: #ffffff61;backdrop-filter: blur(5px);}
body.active-menu::after {opacity: 1; z-index: 2;}

/*SECTION CATEGORY HOME*/
.section-category-home {min-height: 100%;padding-top: 200px;}
.section-category-home .list-cat {width: 100%; display: flex; gap: 25px; justify-content: space-around;list-style: none;padding: 0; position: relative; margin-bottom: 100px;}
.section-category-home .list-cat::before {content: ""; transition: ease-in-out 1s; position: absolute; top: 46%; transform: translateY(-50%); width: 0vw; height: 55%; margin-left: -50vw; left: 25%; background-color: var(--giallo); z-index: -1;}
.section-category-home .list-cat.active::before {width: 100vw;}
.section-category-home .img-cat {filter: drop-shadow(0px 0px 16px #0000003e); transition: all 0.3s ease-in-out;}
.section-category-home .img-cat:hover {transform: scale(1.05); filter: drop-shadow(0px 0px 16px #0000005e);}
.section-category-home .name-cat {margin-top: 15px; color: var(--nero); text-decoration: none;}
.item-cat {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.py-off {text-align: right; max-width: fit-content; margin-bottom: 100px;}


/*SECTION HEYCASA HOME*/
.heycasa_section img {width: 30vw;}
.section_imprese h3 {line-height: 0.5 !important;}

/*PAGE*/
/*Intro page*/
.bg_cover {background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 80vh; margin-bottom: 10vh;}
.caption_intro {width: 50%; height: 100%; display: flex; align-items: center;}
.chevron-down{display: block; transition: all ease-in-out 0.3s;}
.chevron-down i{color: var(--giallo);font-size: 48px; transition: all ease-in-out 0.3s;}
.chevron-down:hover i {color: var(--nero);}
.chevron-down:hover {transform: translateY(10px);}


/*Azienda*/
.caption_col {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 90%; text-align: center; z-index: 1; color: #fff;}
.geo_col {position: absolute; right: 10%;bottom: 10%; max-width: 35px;}

/*CATEGORY*/
.category_cover_post {text-decoration: none; display: block; text-align: center; padding: 15px; aspect-ratio: 4 / 3; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 7px; transition: all ease-in-out 0.3s;}
.caption_category_cover_post {display: flex; justify-content: center; align-items: center; position: relative; padding: 15px; border: 2px solid #fff; border-radius: 7px; width: 100%; height: 100%;  position:relative; z-index: 2;}
.caption_category_cover_post i {position: absolute; right: 5%; bottom: 7%; color: var(--giallo);font-size: 34px; transition: all ease-in-out 0.3s; line-height: 0;}
.caption_category_cover_post h5{color: #fff; margin-bottom: 0;}
.category-post.post {position: relative;}
.category-post.post::after {content: ""; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 7px; transition: all ease-in-out 0.3s;}
.category_intro .title_intro,.category_intro p{color: #fff !important;text-shadow: 0 0 16px #0000003b;}
.category_intro.bg_cover {height: 60vh;}
.category_intro .caption_intro {width: 100%; justify-content: center; text-align: center; padding-top: var(--h-navbar)}
.category_cover_post:hover{padding: 0;}
.category_cover_post:hover .caption_category_cover_post{border: 2px solid var(--giallo);}

/*SINGLE*/
.single-post .caption_intro {width: 100%; text-align: center;}
.single-post .title_intro,.single-post .sottotitolo {color: #fff;text-shadow: 0 0 16px #0000003b;}
.container-breadcrumb nav{display: flex; justify-content: center; align-items: center;}
.container-breadcrumb nav a {color: var(--giallo); font-weight: 600; text-decoration: none; transition: all ease-in-out 0.3s;}
.breadcrumb-item.active,.text-muted {color: #fff !important;}
.pswp__bg {background-color: #ffffffeb;filter: blur(50px);}
.pswp__icn{fill: var(--giallo) !important;}
.single_marchi {padding-top: 50px; padding-bottom: 100px;}
.single_marchi h3 {padding-bottom: 50px; margin-bottom: 0;}
.single_marchi .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {aspect-ratio: unset;}
.single_marchi .wp-block-gallery .wp-block-image::after {display: none;}

/*servizi*/
.bg_cover.category-servizi {background-image: unset !important; background-color: var(--grigio-chiaro);height: 60vh;}
.single-post .category-servizi .caption_intro{text-align: left;}
.single-post .category-servizi .caption_intro .container {margin-top: var(--h-navbar);}
.single-post .category-servizi .container-breadcrumb nav{justify-content: flex-start; margin-left: 0; padding-left: 0;}
.category-servizi .breadcrumb-item.active, .category-servizi .text-muted {color: var(--nero) !important;}
.single-post .category-servizi .title_intro {color: var(--nero); text-shadow: none;}
.luogo i {color: var(--giallo); font-size: 24px; margin-right: 10px;}
.luogo {display: flex; align-items: center;}

/*MARCHI*/
.bg_cover.marchi {background-color: var(--grigio);height: 60vh; padding-top: var(--h-navbar);}
.bg_cover.marchi img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.excerpt p {color: #ddd;}
.link_sito {text-align: center; margin-top: 100px;}
.link_sito a {color: var(--nero); text-underline-offset: 10px; text-decoration-thickness: 1px;}
.link_sito span {color: var(--giallo); font-weight: 600; transition: all ease-in-out 0.3s;}
.page-id-18 .wp-block-gallery figure.wp-block-image {aspect-ratio: 1 / 1; padding: 15px; object-fit: contain; display:flex; justify-content:center; align-items: center;;}

.page-id-18 .caption_intro {width: 100%; text-align: center;}
.page-id-18 .bg_cover  {height: 40vh; margin-bottom: 0; margin-top: var(--h-navbar);}
.migliori_marchi {background-color: transparent !important;}
.migliori_marchi {display: flex; flex-wrap: wrap; gap: 2%; }
.migliori_marchi figure {position: relative; aspect-ratio: 4 / 3; background-color: #f0efef;width: 23.5%;padding: 15px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;border-radius: 22px;}
.migliori_marchi figure::before {content: "\F4F9"; font-family: "bootstrap-icons"; font-style: normal; font-weight: 400; position: absolute; bottom: 5%; right: 7%; color: var(--giallo); font-size: 24px; transition: all ease-in-out 0.3s; pointer-events: none;}


@media (max-width: 1024px) {
  .migliori_marchi figure {
    width: 33.3333%;
  }
}

@media (max-width: 768px) {
  .migliori_marchi figure {
    width: 49%;
  }
}


/*CONTATTI*/
.page-id-29 .caption_intro {width: 100%;}
.page-id-29 .bg_cover  {height: 40vh; margin-bottom: 0; margin-top: var(--h-navbar);}
.maps {width: 100%; height: auto; aspect-ratio: 1 /1; object-fit: cover;}
.colonna_contatti {position: sticky; top: calc(var(--h-navbar) + 3%); padding: 30px; background-color: var(--grigio-chiaro); border-radius: 7px;}
.colonna_contatti a {color: var(--nero);}