/*
Theme Name: Sonora Child
Theme URI: https://sonora.qodeinteractive.com
Description: A child theme of Sonora
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: sonora
Template: sonora
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

/*generico*/
body .qodef-page-title, body #qodef-page-header, body #qodef-page-footer-top-area {
    background: transparent;
}

body h2 {
    line-height: 0.9;
}

@keyframes gradientAnimation {
  0%   { background-position: 0%   50%; }
  25%  { background-position: 100% 50%; } /* → orizzontale */
  50%  { background-position: 100% 100%; } /* ↓ verticale */
  75%  { background-position: 0%   100%; } /* ← orizzontale */
  100% { background-position: 0%   50%; }  /* ↑ verticale */
}

body:before {
    content: "";
    width: 100vw;
    height: 100vh;
    background: linear-gradient(138deg, #e86d83, #1a8346, #e86d83, #1a8346, #e86d83, #1a8346, #e86d83, #1a8346, #e86d83, #1a8346, #e86d83, #1a8346, #e86d83, #1a8346);
    background-size: 800% 800%;
    animation: gradientAnimation 18s ease infinite;
    background-attachment: fixed;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.07;
}

body em, .em * {
    font-family: "Source Serif 4", serif;
    text-transform: lowercase;
    font-weight: 300;
    font-style: italic;
    color: #d07f72;
    font-size: 125%;
}

.qodef-separator .qodef-m-line {
    margin-block: 50px;
}

.qodef-header-navigation>ul>li>a {
    font-weight: 500;
}

.qodef-header-navigation>ul>li {
    margin: 0;
}

.qodef-header-navigation>ul>li a:after {
    content: "/";
    margin-inline: 20px;
    font-weight: 300;
    font-family: "Source Serif 4", serif;
}

.qodef-header-navigation>ul>li:last-child a:after {
    display: none;
}

body.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation {
    margin: 0 auto;
}

#qodef-page-header .qodef-widget-holder #sonora_core_switcher-5 {
    display: none;
}

#qodef-page-header .qodef-header-logo-link img {
    width: 100%;
    max-height: 35px;
    height: 35px;
}

.home #qodef-page-mobile-header:not(:has(.qodef--opened)) .qodef-mobile-header-logo-link img {
    filter: brightness(0) invert(1);
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
    height: 27px;
}

#qodef-page-mobile-header {
    position: absolute;
    width: 100%;
}

.qodef-mobile-header--standard #qodef-page-mobile-header:has(.qodef--opened) {
    background: #fff;
}

.qodef-mobile-header-navigation > ul:not(.qodef-content-grid) {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 !important;
    margin-top: -50px;
}

.qodef-mobile-header-navigation>ul>li>a .qodef-menu-item-text {
    font-size: 30px;
    line-height: 1.3em;
}

nav.qodef-mobile-header-navigation {
    height: 100vw;
    border: none;
}

body:has(.qodef-mobile-header-opener.qodef--opened) {
    overflow-y: hidden;
}

#qodef-page-wrapper .vc_section {
	padding: 0 25px;
}

#qodef-page-wrapper .vc_section.no-padding {
	padding: 0;
}

body #qodef-page-wrapper .vc_section.padding-top-30 {
	padding-top: 30px;
}

body #qodef-page-wrapper .vc_section.padding-top-150 {
	padding-top: 150px;
}
/*home sezioni*/

.slider-home-ini .vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.slider-home-ini .title-text-high {
	position: absolute;
	z-index: 10;
	top: 4vh;
	right: 12.3vw;
}

.slider-home-ini .title-text-high h1:nth-child(2) {
	text-align: right;
}

.servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper .qodef-shortcode.qodef-m {
	flex-basis: 33.33%;
	padding: 25px;
}

.servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;
	padding-top: 6px;
}

.servizi .wpb_column:nth-child(1) h4 {
    max-width: 580px;
}

.altezza-block {
	min-height: 700px;
}

.circle > .vc_row:after {
	content: "";
	height: 500px;
	width: 500px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display:block;
	background: radial-gradient(
		circle at center,
		rgba(233, 113, 137, 0.5) 0%,
		rgba(233, 113, 137, 0.25) 30%,
		rgba(233, 113, 137, 0) 70%
	);
	border-radius: 50%;
	animation: ruota-su-e-giu 3s ease-in-out infinite alternate;

}

.circle > .vc_row:before {
	content: "";
	height: 500px;
	width: 500px;
	position: absolute;
	z-index: 10000;
	top: 210px;
	left: 50%;
	display: block;
	background: radial-gradient(circle at center, rgba(0, 112, 74, 0.4) 0%, rgba(0, 112, 74, 0.2) 30%, rgba(0, 112, 74, 0) 70%);
	border-radius: 50%;
animation: ruota-e-sposta 4s ease-in-out infinite alternate;
}

@keyframes ruota-su-e-giu {
  /* 0% (Inizio/Basso): Posizione iniziale e rotazione a 0° */
  0% {
    /* Spostamento di 0 pixel (la sua posizione iniziale) e rotazione a 0° */
    transform: translateY(0) rotate(0deg); 
  }

  /* 50% (Centro): Posizione massima in alto e rotazione a 180° */
  50% {
    /* Spostamento di -100px (verso l'alto) e rotazione a 180° */
    transform: translateY(-100px) rotate(180deg); 
  }

  /* 100% (Fine/Basso): Torna alla posizione iniziale e completa il giro */
  100% {
    /* Spostamento di 0 pixel (torna giù) e rotazione a 360° */
    transform: translateY(0) rotate(360deg); 
  }
}

@keyframes ruota-e-sposta {
  /* 0% (Inizio): Completamente a destra */
  0% {
    transform: translateX(300px) rotate(0deg); /* Sposta a 300px da sinistra e ruota a 0° */
  }

  /* 50% (Centro): Completamente a sinistra */
  50% {
    transform: translateX(0) rotate(180deg); /* Sposta a 0px da sinistra e ruota a 180° */
  }

  /* 100% (Fine): Torna a destra */
  100% {
    transform: translateX(300px) rotate(360deg); /* Sposta a 300px da sinistra e ruota a 360° (completa il giro) */
  }
}

.about .wpb_text_column.wpb_content_element {
	font-size: 70px;
	line-height: 1.2em;
}

.about .wpb_text_column.wpb_content_element .colore {
	color: #e86e84;
	font-style: italic;
	
}

.about .right-text {
	font-size: 20px;
	max-width: 300px;
	line-height: 1.8em;
	margin-left: auto;
}


.slider-proj-one .qodef-portfolio-list .qodef-e-media-image img {
	object-fit: cover;
	max-height: 800px;
}

.slider-proj-one .qodef-shortcode.qodef-m.qodef-portfolio-list {
	max-height: 800px;
}


.project-home .swiper-slide-next + article + article {
        border-right: none !important;
}

/* .project-home .swiper-slide-next + article + article .qodef-e-inner {
    padding-right: 0;
} */
.project-home .wpb_column .vc_column-inner {
    padding: 0;
}


.project-home .qodef-portfolio-list.qodef-left-border-enabled article {
    border-left: none;
    padding-left: 0;
    border-right: 1px solid var(--qode-border-color);
}


.project-home .qodef-e-inner {
    padding-right: 20px;
}

.project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 1) .qodef-e-media-image img {
  height: 15vw;
}

.project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 2) .qodef-e-media-image img {
  height: 22vw;
}

.project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 3) .qodef-e-media-image img {
  height: 30vw;
}

.project-home.qodef-portfolio-list .swiper-slide:nth-child(4n + 4) .qodef-e-media-image img {
  height: 30wv;
}

.project-home .qodef-portfolio-list .swiper-slide .qodef-e-media-image img {
  object-fit:cover;
}

.qodef-video-button img {
    max-height: 700px;
}

.scritta-centro .wpb_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
	align-items: center;
}

body #qodef-page-inner {
    padding-bottom: 45px;
}

footer .qodef-custom-font.qodef--has-appear .qodef--word {
    clip-path: none;
}

#qodef-page-footer-top-area .qodef-content-full-width {
    padding-top: 100px;
}

/*social*/

/*social*/
.section-insta .swiper {
     clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
}


.slicker-instagram-placeholder {
    /* max-height: calc(100vw / 5); */
    padding-top: 60%;
}

.section-insta h2 {
	padding-bottom: 55px;
}

.wpb-content-wrapper .scritta-centro > .vc_row:after {
    content: "";
    height: 700px;
    width: 700px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 30%;
    display: block;
    background: radial-gradient(circle at center, rgba(233, 113, 137, 0.5) 0%, rgba(233, 113, 137, 0.25) 30%, rgba(233, 113, 137, 0) 70%);
    border-radius: 50%;
	visibility:visible;
}

.wpb-content-wrapper .scritta-centro > .vc_row:before{
	content: "";
	height: 500px;
	width: 500px;
	position: absolute;
	z-index: -1;
	top: 100px;
	left: 50%;
	display: block;
	background: radial-gradient(circle at center, rgba(0, 112, 74, 0.4) 0%, rgba(0, 112, 74, 0.2) 30%, rgba(0, 112, 74, 0) 70%);
	border-radius: 50%;
	visibility:visible;		
}

.scritta-centro .qodef-section-title {
    text-align: center;
}

/*chi siamo page*/
.chi-sono .wpb_column:nth-child(2) {
	transform: translatey(-110px);
	z-index: -1;
}

.cont .qodef-shortcode.qodef-m {
	flex-basis: calc(50% - 20px);
	display: flex;
	flex-direction: column;
}

.cont {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 20px;
}

.chi-sono .qodef-m .work {
    text-align: right;
    transform: translatey(-220px);
    position: absolute;
    right: 0;
}

.chi-sono .qodef-section-title h5 {
	margin-bottom: 20px;
}

.chi-sono > .vc_row:first-child .wpb_text_column.wpb_content_element {
    margin-bottom: 5px;
}

.chi-sono img {
    min-width: 100%;
    object-fit: cover;
}

/*page-contatti*/
.sezione-form > .vc_row > .wpb_column:nth-child(2) .wpb_wrapper .vc_row {
	margin-top: 25px;
}

/*page-portfolio*/
.portfolio-s .qodef-single-image img {
	transform: translatey(-250px);
	z-index: -1;
}

.portfolio-s .qodef-m-image {
	display: flex;
	justify-content: center;
}

.portfolio-s .wpb_wrapper .vc_row:nth-child(3) p {
	text-align: end;
	max-width: 40vw;
	margin: 0 auto;
}

.port-2025 article:nth-child(1) .qodef-e-inner {
	margin: 0 24% 0 18%;
}

.port-2025 article:nth-child(2) .qodef-e-inner {
	margin: 2.5% 18% 0 8%;
}

.port-2025 article:nth-child(3) .qodef-e-inner {
	margin: 20% 10% 0 18%;
}

.port-2025 article:nth-child(4) .qodef-e-inner {
	margin: 20% 18% 0 24%;
}

.port-2025 article:nth-child(5) .qodef-e-inner {
	margin: 20% 44% 0 18%;
}

.port-2025 article:nth-child(6) .qodef-e-inner {
	margin: 20% 18% 0 9%;
}

.port-2025 article:nth-child(7) .qodef-e-inner {
	margin: 20% 24% 0 18%;
}

.port-2025 article:nth-child(8) .qodef-e-inner {
	margin: 20% 18% 0 44%;
}

.port-2025 article:nth-child(9) .qodef-e-inner {
	margin: 20% 9.7% 0 18%;
}

.port-2025 article:nth-child(10) .qodef-e-inner {
	margin: 10% 9.7% 0 18%;
}

.port-2025 .qodef-grid .qodef-grid-item {
	width: 50% !important;

}

/* Portfolio Progetti */

body .descrizione_intro {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 72px;
    font-weight: 300;
}

/* Single Progetto */

.qodef-layout--images-big .qodef-popup-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
}

.qodef-layout--images-big .qodef-popup-gallery > a img {
    object-fit: cover;
    aspect-ratio: 1/1;
}

.qodef-layout--images-big .qodef-popup-gallery > a:nth-child(n + 2) {
    flex-basis: calc(50% - 14px);
}

.qodef-layout--images-big .qodef-popup-gallery > a:nth-child(n + 5) {
    flex-basis: calc(33% - 15px);
	&:not(:has(+a +a)){
		flex-basis: 100%;
		img{
			aspect-ratio: 16/6;
			object-fit: cover;
		}
    }
}

.qodef-layout--images-big .qodef-popup-gallery > a:nth-child(4n) {
    flex-basis: 100%;
}

.qodef-layout--images-big .qodef-popup-gallery > a:nth-child(n + 5) img {
    aspect-ratio: 3/4;
}

.qodef-layout--images-big .qodef-popup-gallery > a:nth-child(4n + 4) img {
    aspect-ratio: 16/6;
	object-fit: cover;
    min-width: 100%;
}

body .qodef-portfolio-single .qodef-variations--big {
    min-width: 100%;
}

body .qodef-portfolio-single .qodef-variations--big  >.qodef-e-inner {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 150px;
}

.single-portfolio-item .qodef-page-title .qodef-m-content {
    min-width: 100%;
    padding-inline: 40px;
}

.single-portfolio-item #qodef-page-inner {
    padding-top: 0;
}

.qodef-portfolio-single .qodef-variations--big .qodef-e-content {
    margin-top: 0;
}

.qodef-portfolio-single .qodef-portfolio-title {
    display: none;
}

.qodef-portfolio-single .qodef-variations--big .qodef-e-content .qodef-grid-inner {
    display: flex;
    flex-direction: column;
}

.qodef-portfolio-single .qodef-variations--big .qodef-e-content .qodef-grid-inner h1 {
    margin-top: 0;
}

.qodef-portfolio-single .qodef-variations--big .qodef-e-content .qodef-grid-inner .wpb_text_column {
    max-width: 50%;
    float: left;
    width: 100%;
}

.qodef-grid-item.qodef-col--sidebar.qodef-portfolio-info {
    margin: 0;
    max-width: 50%;
    display: flex;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-social-share ul {
    margin-block: 0;
}

.qodef-e.qodef-info--social-share {}.qodef-portfolio-single .qodef-portfolio-info>* {
    flex-basis: 30%;
}

.qodef-portfolio-single .qodef-portfolio-info>.qodef-info--info-items:nth-child(4) {
    flex-basis: 60%;
}

/* Home */

.column_big-point .qodef-m-number {
    font-family: 'Source Serif 4';
    font-style: italic;
    font-size: 80px;
    font-weight: 300;
    color: #e1897b;
    margin-right: 5px;
    line-height: 1;
}

.column_home-intro > .vc_column-inner > div {
    display: flex;
    flex-direction: column;
    gap: 45px;
    max-width: 525px;
    margin-top: 12px;
}

.column_home-intro > .vc_column-inner > div p {
    font-size: 22px;
    line-height: 1.3;
}

body p {
    font-weight: 300;
}

.qodef-section-title .qodef-m-title {
    font-weight: 500;
    font-size: 18px;
}

body .qodef-portfolio-list {
    padding-top: 65px;
    padding-bottom: 65px;
}

.project-home .qodef-portfolio-list.qodef-left-border-enabled article {
    border: 0;
}

body h4 a:after {
    content: "";
    background: url(/wp-content/uploads/2025/11/arrow.svg) center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 55%;
    width: 70px;
    position: absolute;
    right: 0;
    transform: translate(100%, -50%);
    top: 50%;
}

body h4 {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.column_recapiti-title_home h2 {
    max-width: 350px;
}

.column_recapiti-modulo_home .wpb_text_column p {
    max-width: 475px;
}

.column_recapiti-modulo_home .wpb_text_column p a {
    font-weight: 600;
    text-decoration: underline;
}

.claim_about p {
    font-size: 70px;
    line-height: 1;
    font-family: 'Source Serif 4';
    font-style: italic;
    text-align: right;
}

.section_about-home > .vc_row.wpb_row {
    display: flex;
    align-items: flex-end;
}

.section_about-home .vc_row.wpb_row.vc_inner.vc_row-fluid {
    display: flex;
    align-items: end;
}

body p a {
    font-weight: 600;
    text-decoration: underline;
}

.section_about-home p strong {
    font-weight: 600;
}

.section_about-home .wpb_single_image:after {
    content: "";
    width: 350px;
    height: 250px;
    background: url(/wp-content/uploads/2025/11/logo_pittogramma.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 85px;
    /* filter: brightness(0); */
    transform: translateX(100%);
}

.qodef-fixed-project-slider .qodef-m-items-holder {
    background: transparent;
    left: 0;
    padding-bottom: 60px;
}

.qodef-fixed-project-slider .qodef-m-items-holder .qodef-e-title {
    font-size: 22px;
    padding-bottom: 15px;
    color: #fff;
}

.qodef-fixed-project-slider .qodef-e-item-textual .qodef-e-info .qodef-e-info-inner a {
    color: #fff;
}

.qodef-fixed-project-slider .swiper-button-outside, .qodef-fixed-project-slider .swiper-button-outside span {
    color: #fff;
}

.slider-home-ini .title-text-high {
    height: 83vh;
    right: 50px;
    top: 0;
    text-align: right;
    display: flex;
    align-items: flex-end;
}

.slider-home-ini .qodef-custom-font.qodef--has-appear .qodef--word {
    color: #fff;
}

.slider-home-ini .qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char {
    line-height: 1;
}

.slider-home-ini .qodef-custom-font.qodef--has-appear .qodef--word span.qode--char {
    color: #fff;
    line-height: 0.6;
}

.qodef-fixed-project-slider.qodef-fixed-project-slider--full-height .qodef-e-images-holder:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
}

.double_padding .qodef-m-line {
    margin-block: 100px;
}

.home #qodef-page-header {
    position: absolute;
}

.home .qodef-header-navigation>ul>li>a .qodef-menu-item-text, .home .qodef-header-navigation>ul>li>a .qodef-menu-item-text:after {
    color: #fff;
}

.home .qodef-header-navigation>ul>li a:after {
    color: #fff;
}

.home #qodef-page-header .qodef-header-logo-link img {
    filter: brightness(0) invert(1);
}

.home .qodef-opener-icon.qodef--with-label .qodef-opener-label {
    color: #fff;
}

.home .qodef-opener-icon.qodef-source--predefined .qodef-m-line {
    background: #fff;
}

.slider-home-ini {
    margin-top: -1px;
}

/* Chi Sono */

.chi-sono .wpb_single_image img {
    max-width: 650px;
    margin-top: -62px;
    z-index: -1;
    position: relative;
    margin-bottom: 35px;
}

body[class*=sonora-core] .chi-sono p {
    font-size: 25px;
    line-height: 1.5;
    text-align: justify;
    margin-inline: auto;
    display: block;
    margin-bottom: 35px;
}

.chi-sono .wpb_single_image:after {
    content: "";
    background: url(/wp-content/uploads/2025/11/logo_pittogramma.svg) center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -35px;
    background-position: center right;
    max-width: 550px;
}

.chi-sono .wpb_single_image {
    position: relative;
}

body[class*=sonora-core] .chi-sono p strong {
    font-weight: 600;
}

/* Blog */

.archive .qodef-blog .qodef-e-media-image img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

div#qodef-page-comments {
    display: none;
}

#qodef-related-posts, .archive #qodef-page-inner {
    margin-bottom: 100px;
}

/* Giuseppe */

/* nav mobile */
#qodef-page-mobile-header {
    padding-block: 36px;
}

.qodef-title--breadcrumbs .qodef-breadcrumbs {
    margin-top: 45px;
}


/* home */

/* home slider */
.qodef-fixed-project-slider .qodef-m-items-holder {
    min-width: fit-content;
}

.qodef-mobile-header-navigation li.menu-item a {
    text-align: center;
}

/* carosello progetti */
body .qodef-portfolio-list:has(.swiper-wrapper) {
	transform: translateX(36px);
}

/* sezione servizi */
.servizi .qodef-section-title {
    display: flex;
    flex-direction: column;
}

/* sez about */
.section_about-home .wpb_single_image {
    margin: 0px
}

.qodef-blog .qodef-e-bottom-holder, .qodef-blog .qodef-info--bottom {
    margin-top: 8px;
}

/* sez articoli */
.articoli article {
    padding: 18px;
}

/* sez form */
#qodef-page-wrapper .sezione-form {
	padding-bottom: 30px;
}

/* single portfolio */
.single-portfolio-item .mfp-title {
    display: none;
}

#qodef-single-portfolio-navigation:not(:has(.qodef-m-inner *)) {
    display:none;
}

/* responsive */
@media screen and (max-width: 1200px) {
    
    /* navbar */
    .home .qodef-opener-icon.qodef-source--predefined .qodef-m-icon:not(.qodef--open) .qodef-m-line {
        background: black;
    }


	.single-portfolio-item #qodef-page-mobile-header .qodef-mobile-header-logo-link {
	    max-height: unset;
	}

    .single-portfolio-item #qodef-page-mobile-header .qodef-mobile-header-logo-link img {
	    width: 80px;
        height: 27px;
	}

    /* home */

    /* sezione slider */
    .qodef-fixed-project-slider.qodef-info-position--bottom .qodef-e-item-textual .qodef-e-inner {
        bottom: 7vh;
    }

    /* sezione definiamo */
    .servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper .qodef-shortcode.qodef-m {
        flex-basis: 48%;
    }

    /* sezione roberta */
    .claim_about p {
        font-size: 55px;
    }

    .section_about-home .wpb_single_image:after {
        width: 280px;
        height: 180px;
    }

    /* sezione form */
    .column_recapiti-modulo_home .wpb_row .vc_col-sm-8 {
        max-width: 300px;
    }

    /* page chi sono */

    .chi-sono h1 {
        font-size: clamp(63px, 10vw, 125px);
    }

    .chi-sono .wpb_single_image img {
        max-width: calc(100vw - 72px);
    }

    .chi-sono .wpb_single_image:after {
        max-width: clamp(300px, 40vw, 400px);
    }

    /* sez insta */
    .section-insta .column_home-intro > .vc_column-inner > div {
        gap: 0px;
    }

    .section-insta .wpb_column:last-child .vc_column-inner {
        padding-left: 0px;
    }


    /* page portfolio */
    .page-id-7760 .qodef-page-title {
		min-height: 25vh;
	}
	
}

@media screen and (max-width: 1024px) {

    h2 {
        font-size: clamp(40px, 5vw ,50px);
    }

    /* home */
    .slider-home-ini .title-text-high {
        height: clamp( 400px, 70vh, 700px);
    }

    /* sezione roberta */
    section.vc_section.section_about-home {
		overflow: visible;
	}

    .claim_about p {
        font-size: clamp(27px, 4vw, 45px);
    }

    .section_about-home .wpb_single_image:after {
        width: clamp(180px, 25vw, 250px);
        height: clamp(70px, 10vw, 100px);
        top: -36px;
    }

    /* sezione form */
    .column_recapiti-modulo_home .wpb_row {
        display: flex;
        flex-direction: column;
    }

    .column_recapiti-modulo_home .wpb_row .wpb_column {
        width: -webkit-fill-available;
        max-width: 100%;
    }
	
    /*Portfolio item*/
    .qodef-layout--images-big .qodef-popup-gallery > a:nth-child(n) {
    flex-basis: calc(50% - 14px);
        img {
            object-fit: cover;
            aspect-ratio: 1/1;
        }
    }
    .qodef-layout--images-big .qodef-popup-gallery > a:nth-child(3n + 1) {
        flex-basis: 100%;
        img {
            aspect-ratio: 16/9;
            object-fit: cover;
        }
    }

    /* page single portfolio */
	.qodef-grid-item.qodef-col--sidebar.qodef-portfolio-info {
		flex-direction: column;
	}
}


@media screen and (max-width: 768px) {

    #qodef-page-wrapper {
        overflow: hidden;
    }

    body .descrizione_intro {
        font-size: 20px;
    }

    #qodef-page-wrapper .vc_section {
        padding: 0 18px;
    }

    /* home */

    /* slider */
	.slider-home-ini .title-text-high {
        height: 65vh;
    }

    /* sez definiamo */
    .column_home-intro > .vc_column-inner > div {
        gap: 0px;
    }

    .servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper {
        flex-wrap: nowrap;
    }

    .step {
        clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
    }

    .servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper .qodef-shortcode.qodef-m {
        flex-basis: auto;
    }


    /* sezione roberta */
    .section_about-home .wpb_single_image:after {
       display: none;
    }

    .section_about-home .wpb_single_image {
        margin-bottom: 36px;
    }

    /* sezione form */
    .sezione-form:has(form) > .vc_row-fluid {
        padding-bottom: 72px;
    }


	/* page chi sono */
	.chi-sono .wpb_single_image:after {
		right: -45px;
	}

    /* sez insta */
    .section-insta .swiper {
        overflow: visible;
    }

    .section-insta h2 {
        padding-bottom: 0px;
    }

    /* sez progetti */
    body .qodef-portfolio-list {
        padding-top: 27px;
    }

	/* sezione articoli */
	.articoli .qodef-grid>.qodef-grid-inner {
	    display: flex;
	}

    .swiper-articoli {
          clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
    }

    /* .swiper-articoli .swiper-slide {
		width: 320px!important; 
	} */

    /* portofolio */
    .qodef-portfolio-single .qodef-variations--big .qodef-e-content .qodef-grid-inner .wpb_text_column, .qodef-grid-item.qodef-col--sidebar.qodef-portfolio-info {
        max-width: 100%;
    }
	
}

@media screen and (max-width: 680px) {

    /* home */

    /* slider */
    .slider-home-ini .title-text-high {
        height: 50vh;
    }

    /* sezione roberta */
    .section_about-home .wpb_single_image:after {
        display: block;
        width: clamp(180px, 40vw, 250px);
        height: clamp(80px, 20vw, 120px);
    }

    #qodef-page-wrapper .section_about-home {
		padding-top: 27px;
	}

    /* sezione progetti */
    .section_about-home > .vc_row.wpb_row {
        flex-direction: column;
    }

     .project-home .qodef-portfolio-list {
        max-width: calc(100vw - 144px);
        overflow: visible;
    }

    .project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 1) .qodef-e-media-image img {
        height: 40vw;
    }

    .project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 2) .qodef-e-media-image img {
        height: 47vw;
    }

    .project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 3) .qodef-e-media-image img {
        height: 50vw;
    }

    .project-home .qodef-portfolio-list .swiper-slide:nth-child(4n + 4) .qodef-e-media-image img {
        height: 55vw;
    }

    /* chi sono */
    .chi-sono .wpb_wrapper .wpb_text_column p {
        font-size: 18px;
    }

    /* page search */
    .search h4 {
        font-size: 25px;
    }

    /* footer */
    footer .menu-sortino-container li, footer .widget  {
        text-align: center;
    }
}

@media screen and (max-width: 575px) {

    section .column_home-intro > .vc_column-inner > div p, .qodef-fixed-project-slider .qodef-m-items-holder .qodef-e-title {
        font-size: 20px;
    }

    /* home */

    .slider-home-ini .qodef-swiper-container .swiper-slide img {
        height: 625px;
        object-fit: cover;
    }

    /* slider */
    .slider-home-ini h1.qodef-shortcode {
        font-size: 45px!important;
    }

    .slider-home-ini .title-text-high {
        height: 40vh;
    }

	.qodef-fixed-project-slider.qodef-info-position--bottom .qodef-e-item-textual .qodef-e-inner {
        bottom: 8vh;
    }

	.qodef-fixed-project-slider .qodef-m-items-holder .qodef-e-title {
	    padding-bottom: 3px;
	}

	.qodef-fixed-project-slider .qodef-m-items-holder {
	    padding-bottom: 36px;
	}

    /* sezione definiamo */
    .servizi .vc_column_container.vc_col-sm-12 .wpb_wrapper .qodef-shortcode.qodef-m {
        padding: 18px;
    }

    .servizi .wpb_wrapper .vc_column-inner{
        padding: 0;
    }

    .definiamo p.qodef-m-text {
        font-size: 16px;
    }

    .servizi .wpb_wrapper .vc_column-inner {
        padding: 0;
        max-width: 300px;
    }

	/* page chi sono */
    .chi-sono h1 {
        font-size: clamp(50px, 10vw, 125px);
    }

	.chi-sono .wpb_single_image:after {
		display: none;
	}

}

@media screen and (max-width: 480px) {

    /* home */

    /* sez definiamo */
    .definiamo h6.qodef-m-title {
        min-height: calc(1.3 * 2em);
    }

    /* sez vai al portfolio */
	body h4 a:after {
	    right: 0;
	    transform: translate(0);
	    top: 10%;
	}

    /* sez progetti */
    .project-title em {
        display: block;
    }
}

@media screen and (max-width: 425px) {

    /* home */


    /* sez roberta */
	.section_about-home .wpb_single_image:after {
        width: 160px;
		top: -45px;
    }
}