/* 
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;}*/

/*classi generali*/
.normalPadding{
	padding-top:120px;
	padding-bottom:120px;
	padding-left:15%;
	padding-right:15%;
}
/*HERO*/
#hero{
	padding-left:8%;
}
#bloccoTestoHero{
	padding-top: 140px;
}
#hero #divImmagine img{
	padding-top:83px;
	padding-right: 10%;
	aspect-ratio: 60/107;
	object-fit: cover;
	width: auto;
}
/*Sevizi*/
#imgServizi{
	aspect-ratio:1/1;
	object-fit: cover;
}
/*------------------------------------*/
/*Prestazione*/
#prestazioneHero{
	gap: 60px;
}
#prestazioneHeroTesto{
	padding-left:280px;
	padding-top:140px;
}
#prestazioneHero img{
	aspect-ratio:4/3;
	object-fit:cover;
	height:698px;
}
/*-----------------------------------------*/
/*Chi sono*/
#chiSonoHero{
	gap:60px;
}
#chiSonoHero #testo{
	padding-top:120px;
	padding-left:280px;
}
#chiSonoHero #img{
	height:873px;
}

/* ── Laptop ── */
@media (max-width: 1366px) {
  #hero {
    padding-left: 80px;
  }

  #bloccoTestoHero {
    padding-top: 100px;
    padding-bottom: 100px;
    flex: 0 0 48%;
  }

  #hero #divImmagine img {
    padding-top: 60px;
    padding-right: 28px;
    height: 700px;
  }
  .normalPadding {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 11%;
    padding-right: 11%;
  }
	#prestazioneHeroTesto {
    padding-left: 60px;
    padding-top: 80px;
  }
  #prestazioneHero img {
    height: 500px;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  #hero {
    padding-left: 40px;
    padding-right: 0;
  }

  #bloccoTestoHero {
    padding-top: 72px;
    padding-bottom: 72px;
    flex: 0 0 52%;
  }

  #hero #divImmagine img {
    padding-top: 40px;
    padding-right: 0;
    height: 580px;
  }
	#chiSono {
	flex-direction: column;
    align-items: center;
  }
	#bloccoTestoChiSono{
		width:100%;
	}
	  #chiSono img {
    display: none;
  }
  .normalPadding {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 60px;
    padding-right: 60px;
  }
	#prestazioneHero {
    flex-direction: column;
    gap: 0;
  }
  #prestazioneHeroTesto {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 56px;
	  width:100%;
  }
  #prestazioneHero img {
    height: auto;
    width: 100%;
    aspect-ratio: 4/3;
	 justify-content:center;
  }
	#prestazioneHero #contenitoreImgPrestazione{
		width:100%;
		display:flex;
		justify-content:center;
		flex-direction:row;
	}
}
/*  Mobile  */
@media (max-width: 767px) {
  #hero {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  #bloccoTestoHero {
    padding-top: 56px;
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
    flex: unset;
    width: 100%;
    text-align: left;
  }

  #hero #divImmagine {
    width: 100%;
    justify-content: center;
  }

  #hero #divImmagine img {
    padding-top: 0;
    padding-right: 0;
    height: auto;
    width: 80%;
    max-width: 380px;
    object-fit: cover;
  }
	#chiSono {
    flex-direction: column;
    align-items: center;
    text-align: left;
  }

	#chiSono img {
    display: none;
  }
  .normalPadding {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }

}