/**
 * Theme Name:     Cielo
 * Author:         Mp
 * Template:       Divi
 * Text Domain:	   cielo
 * Description:    Just me
 */

a {
	/*color: #0c3269 !important;*/
	transition: 300ms ease 0ms;
}
.underline {
	transition: 300ms ease 0ms;
}
.underline:hover {
    text-decoration: underline 1px;
	text-decoration-color: #06225d;
}
strong {
  font-weight: 600 !important;
}


/* menu */
.logo-menu_wrapper {
	display: block !important;
}
.first-logo {
	width: 270px !important;
}
.second-logo {
	width: 150px !important;
}
/* il menu occupa tutto lo spazio lasciato dai loghi, non una quota fissa:
   con il 40% una voce in più andava a capo.
   Lo spazio riservato tiene conto dei due loghi E del margine fra le colonne:
   azzerare quel margine farebbe scivolare il logo CIELO sotto il divisore
   diagonale, che il tema disegna sul bordo destro della prima colonna. */
.main-menu {
	width: calc(100% - 580px) !important;
	float: right;
}

.et_pb_menu__menu > nav > ul, .et_pb_menu__wrap {
	-webkit-box-pack: right !important;
  	-ms-flex-pack: right !important;
  	justify-content: right !important;
}
.et_pb_menu__menu > nav > ul#menu-pagina-progetto {
	-webkit-box-pack: left !important;
  	-ms-flex-pack: left !important;
  	justify-content: left !important;
}
.et_pb_column_0_tb_header {
	margin-right: 0 !important;
	transition: 300ms ease 0ms;
}
.et_pb_column_0_tb_header:after {
    content: ""; 
    position: absolute;
	top: 0;
	right: 22px !important;
    width: 30px !important;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/02/vertical-divider-02.png);
	background-size: 45px !important;
  	background-repeat: no-repeat;
	transition: 300ms ease 0ms;
}


.et_pb_menu .et-menu > li {
  	padding-left: 55px !important;

}

/* desktop stretti: voci più compatte e loghi ridotti per restare su una riga */
@media (min-width: 981px) and (max-width: 1280px) {
	.et_pb_menu .et-menu > li {
		padding-left: 16px !important;
	}
	.et_pb_menu .et-menu > li > a {
		letter-spacing: 1px !important;
	}
}
@media (min-width: 981px) and (max-width: 1100px) {
	.first-logo {
		width: 220px !important;
	}
	.second-logo {
		width: 120px !important;
	}
	.main-menu {
		width: calc(100% - 480px) !important;
	}
}


/* Homepage body */

@media (min-width: 981px) {
  .et_pb_gutters3 .custom-col_1 .et_pb_column_1_2.et_pb_column_7 {
    width: 42.25%;
  }
.et_pb_gutters3 .custom-col_1 .et_pb_column_1_4.et_pb_column_8 {
    width: 25.875%;
  }
}

.toBottom-parent {
	display: flex;
  	height: 100%;
}
.toBottom-child {
	display: inline-block;
  	align-self: flex-end;
}

/* cards */
.tree_focus .et_pb_team_member_image {
  	max-width: 300px !important;
	margin: 40px auto !important;
}
.tree_focus .et_pb_team_member {
	padding-bottom: 45px;
	box-shadow: 0px 18px 18px -18px rgba(0, 0, 0, .6);
	min-height: 570px;
}
.tree_focus .et_pb_team_member_description {
	width: 78%;
  	margin: 0 auto;
  	padding-left: 10%;
  	padding-right: 10%;
}
.tree_focus .et_pb_member_position {
	margin-bottom: 10px;
}

.slick-slide .ba_logo_carousel_child {
	box-shadow: 0px 18px 18px -18px rgba(0, 0, 0, .6);
}


/* il progetto */
ul#menu-pagina-progetto li {
	display: block !important;
	width: 100%; 
	margin-top: 0px !important;
}
ul#menu-pagina-progetto li a {
	padding: 15px !important;
	padding-left: 25px !important; 
	padding-right: 0px !important;
	border-left: 2px solid rgba(0, 69, 122, .4);
}

ul#menu-pagina-progetto li a:hover, ul#menu-pagina-progetto li a:focus  {
	color: #1e4496 !important;
	border-left: 2px solid #1e4496 !important;
	opacity: 1 !important;
}
blockquote {
  	border-left: 2px solid rgba(0, 69, 122 , .4) !important;
}
a.a-text:hover {
	opacity: .7;
}

/* form */
.wpcf7-form label {
	font-size: 1.3em;
  	font-weight: 600;
   	color: rgba(250, 250, 250, .4);
}
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea  {
	border: 2px solid #fff !important;
}
.wpcf7-form input:not([type="submit"])  {
	height: 45px;
}
.wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-list-item input {
  	position: relative;
  	top: 16px;
}
.privacy-link {
	color: #2ea3f2 !important;
}
.wpcf7-submit {
	background-color: #abdcf0 !important;
	color: #183b88 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px !important;
	font-weight: 600;
	border: 2px solid #abdcf0 !important;
	border-radius: 0px !important;
}

/* footer */
.et_pb_column_0_tb_footer {
	/*margin-right: 4.4% !important;*/
	margin-right: 0 !important;
	transition: 300ms ease 0ms;
}
.et_pb_column_1_tb_footer {
	margin-right: 6.6% !important;
}
.et_pb_column_2_tb_footer {
	margin-left: 4.4% !important;
}
.et_pb_column_0_tb_footer:after {
    content: ""; 
    position: absolute;
	top: 0;
  	/*right: -50px;*/
	right: 0px !important;
    width: 50px;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/02/vertical-divider-02.png);
	/*background-size: 50px;*/
	background-size: 45px !important;
  	background-repeat: no-repeat;
	transition: 300ms ease 0ms;
}
.partners {
	float: right;
}
.partners a:nth-of-type(1) img {
	width: 80px;
	margin: 18px 20px;
}
.partners a:nth-of-type(2) img {
	width: 125px;
	margin: 17px 20px;
}
.partners a:nth-of-type(3) img {
	width: 120px;
	margin: 22px 20px;
}
.partners a:nth-of-type(4) img {
	width: 100px;
	margin-left: 20px;
}
.partners a {
	/*filter: grayscale(100%);*/
}
.partners a:hover {
	opacity: .6;
}
.partners.up {
	float: none;
	width: 320px;
}
.partners.up a:nth-of-type(1) img {
	width: 60px;
	margin: 18px 20px 18px 0px;
}
.partners.up a:nth-of-type(2) img {
	width: 120px;
	margin: 17px 0px 17px 40px;
}
.partners.up a:nth-of-type(3) img {
	width: 110px;
	margin: 26px 20px 22px 0px;
}
.partners.up a:nth-of-type(4) img {
	width: 90px;
	margin-left: 20px;
}

/* menu mappa */
.imp-object-menu {
  	background: none !important;
}
.porto_separator {
	width: 130% !important;
}
.imp-object-list-item {
	height: 20px !important;
	margin-top: 10px;
  	margin-bottom: 10px;
}
.imp-object-list-item p {
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	color: rgba(250, 250, 250, .7);
}
.imp-object-list-item p:hover {
	color: rgba(250, 250, 250, 1);
}
.imp-object-list-item:first-of-type {
	border-left: 40px solid #96c7fa;
}
.imp-object-list-item:nth-of-type(2) {
	border-left: 40px solid #305abe;
}
.imp-object-list-item:nth-of-type(3) {
	border-left: 40px solid #57bcbd;
}
.imp-object-list-item:nth-of-type(4) {
	border-left: 40px solid #9898f4;
}
.imp-object-list-item:nth-of-type(5) {
	border-left: 40px solid #fefb54;
}
.imp-object-list-item:nth-of-type(6) {
	border-left: 40px solid #e7a03a;
}
.imp-object-list-item:nth-of-type(7) {
	border-left: 40px solid #f6c2ea;
}
.imp-object-list-item:nth-of-type(8) {
	border-left: 40px solid #51b334;
}
.imp-object-list-item:nth-of-type(9) {
	border-left: 40px solid #ee7fdf;
}
.imp-object-list-item:nth-of-type(10) {
	border-left: 40px solid #d12e67;
}
.imp-object-list-item:nth-of-type(11) {
	border-left: 40px solid #ab5fb2;
}
.imp-object-list-item:last-of-type {
	border-left: 40px solid #745f26;
}
.imp-tooltip {
	border-radius: 0 !important;
	border: 1px solid #fff;
}
.hs-arrow.hs-arrow-right {
	border-left-color: rgb(250, 250, 250) !important;
}
.hs-arrow.hs-arrow-left {
	border-right-color: rgb(250, 250, 250) !important;
}











/* mobile */
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before {
	color: #06225d !important;
}
.et_mobile_menu {
	left: auto !important;
	right: 0px;
	border-top: none !important;
  	box-shadow: 0 0 0 !important;
  	-moz-box-shadow: 0 0 0 !important;
  	-webkit-box-shadow: 0 0 0 !important;
  	width: 200px !important;
  	top: 30px !important;
  	margin-top: 54px;
	text-align: right !important;
}
.has_et_pb_sticky .et_mobile_menu {
  	top: 16px !important;
}
.et_mobile_menu li:last-of-type a {
  	border-bottom: none !important;
}
@media (max-width:1625px) {
	.tree_focus .et_pb_team_member_image {
  		max-width: 280px !important;
	}
	.tree_focus .et_pb_team_member_description {
		width: 82%;
  		padding-left: 6%;
  		padding-right: 6%;
	}
	.imp-object-list-item {
		height: 16px !important;
		margin-top: 12px !important;
  		margin-bottom: 12px !important;
	}
	.imp-object-list-item p {
		font-size: 14px;
	}
}
@media (max-width:1480px) {
	.tree_focus .et_pb_team_member_image {
  		max-width: 230px !important;
	}
	.et_pb_team_member_0.et_pb_team_member, .et_pb_team_member_1.et_pb_team_member, .et_pb_team_member_2.et_pb_team_member {
  		background-image: linear-gradient(180deg,rgba(255,255,255,0) 24%,#06225e 24%) !important;
	}
	.tree_focus .et_pb_team_member {
  		min-height: 540px !important;
	}
	.porto-viareggio_mobile-text.et_pb_text_11 {
		font-size: 28px !important;
	}
	.concessioni_mobile-text.et_pb_text_12 {
		font-size: 16px !important;
	}
	.map-col_menu .et_pb_code_inner > div {
		max-height: 350px !important;
		width: 118%;
	}

}

@media (max-width:1280px) {
	.esg_width-0 {
		width: 100% !important;
	}
	.esg_width-0 .et_pb_text_2 {
		padding-right: 0 !important;
	}
	.esg_width-Empty {
		display: none;
	}
    .esg_width-1, .esg_width-2 {
        width: 50% !important;
		width: 100% !important;
    }
	.esg_width-2 .et_pb_button_module_wrapper.et_pb_button_alignment_right {
  		text-align: left !important;
		margin-top: 10px !important;
		margin-bottom: 50px !important;
	}
	.tree_focus .et_pb_team_member_image {
  		max-width: 210px !important;
	}
	.imp-object-menu {
		max-height: 320px !important;
	}
}
@media (max-width:1240px) {
	.tree_focus .et_pb_team_member_description {
		width: 100%;
	}
	.tree_focus .et_pb_team_member_description div p {
		min-height: 200px;
	}
	.tree_focus .et_pb_team_member {
  		min-height: 490px !important;
	}
	.imp-object-menu {
		max-height: 280px !important;
	}
}
@media (min-width: 980px) and (max-width: 1240px) {
	.tree_focus .et_pb_team_member_image {
  		max-width: 190px !important;
	}
	.et_pb_team_member_0, .et_pb_team_member_1, .et_pb_team_member_2 {
  		width: 100% !important;
	}
	.porto-viareggio_mobile-text, .concessioni_mobile-text {
		width: 325px !important;
	}
	.porto_separator {
		margin-top: 60px;
	}
	.imp-object-menu {
		max-height: 240px !important;
	}
}
@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
	
	.et_pb_text_1 {
		width: 100% !important;
	}
	.et_pb_button_0, .et_pb_button_3 {
		text-align: center !important;
	}
	.et_pb_row {
  		width: 90% !important;
	}
	.navigo_story-1 {
		width: 35% !important;
	} 
	.navigo_story-2 {
		width: 64% !important;
	} 
	.navigo_story-3 {
		width: 100% !important;
		border: none !important;
    	padding: 0 !important;
	}
	
	.partners {
		float: none !important;
		margin: 0 auto;
	}
	
	.partners.up  {
		width: 100% !important;
	}
	.partners.up a img {
		float: left;
	}
	.partners.up a:nth-of-type(1) img {
		margin: 20px 50px 0 0;
	}
	.partners.up a:nth-of-type(2) img {
		margin: 20px 50px 0 0;
	}
	.partners.up a:nth-of-type(3) img {
		margin: 20px 50px 0 0;
	}
	.partners.up a:nth-of-type(4) img {
		margin: 0px;
	}	
	

	.second-logo {
		z-index: 99999 !important;
	}
	.main-menu {
		width: 60px !important;
	}
	.logo-menu_wrapper {
		position: relative;
		top: 10px;
	}
	.has_et_pb_sticky .logo-menu_wrapper {
		position: relative;
		top: 0px;
	}
	.et_pb_column_2_tb_header {
		padding-top: 20px !important;
	}
	
	
	/* cards */
	.tree_focus .et_pb_team_member_image {
  		max-width: 340px !important;
	}
   .tree_focus .et_pb_team_member {
		min-height: auto !important;
	}
	.tree_focus .et_pb_team_member_description div p {
    	min-height: auto;
		margin-bottom: 30px;
  	}
	.tree_focus .et_pb_team_member_description {
		width: 60%;
  		padding-left: 0;
  		padding-right: 0;
	}
	div.et_pb_section.et_pb_section_4.blue-section {
  		background-image: linear-gradient(180deg,#0c3269 55%,#e6f6fc 55%) !important;
	}
	.et_pb_column_5_tb_footer {
		padding-bottom: 0 !important;
	}
	.et_pb_menu_0_tb_footer {
  		padding-top: 0px;
  		border-top: 1px solid #ccc;
	}
	#menu-privacy-cookies {
		display: inline;
    	position: absolute;
    	left: 16px;
    	width: 100%;
	}
	.et_pb_menu #menu-privacy-cookies.et-menu > li {
  		padding-left: 0px !important;
		display: inline-block !important;
		padding-right: 0 !important;
		margin-right: 10px;
		padding-bottom: 20px !important;
	}
	.et_pb_menu #menu-privacy-cookies.et-menu > li:first-of-type {
  		width: auto;
	}
	.et_pb_menu #menu-privacy-cookies.et-menu > li a {
  		font-size: .8em;
	}
	
	.et_pb_menu .et-menu > li {
  		padding-left: 10px !important;
	}
	
	.map-col_menu .et_pb_code_inner > div {
		width: 80%;
	}
	.imp-object-menu {
		max-height: 380px !important;
	}
	.imp-canvas {
		width: 120% !important;
		height: auto !important;
	}
	.imp-ui-bottom-right {
  		right: -6% !important;
	}
	
}
@media (max-width: 670px) {
	.navigo_story-1 {
		width: 70% !important;
	} 
	.navigo_story-2 {
		width: 100% !important;
	} 
	.navigo_story-3 {
		border-top: 1px solid #ccc !important;
    	padding-top: 40px !important;
	}
	.partners.up {
		width: 320px !important;
	}
	.partners.up a img {
		float: none;
	}
	.partners.up a:nth-of-type(1) img {
		margin: 18px 20px 18px 0px;
	}
	.partners.up a:nth-of-type(2) img {
		margin: 17px 0px 17px 40px;
	}
	.partners.up a:nth-of-type(3) img {
		margin: 26px 20px 22px 0px;
	}
	.partners.up a:nth-of-type(4) img {
		margin-left: 20px;
	}
	
	.tree_focus .et_pb_team_member_image {
  		max-width: 300px !important;
	}	
	.et_pb_team_member_0, .et_pb_team_member_1, .et_pb_team_member_2, .progetto_subtitle {
  		width: 100% !important;
	}
	
	
}
@media (max-width: 650px) {	
	.first-logo, .second-logo {
		width: 200px !important;
	}
	.first-logo img, .second-logo img {
		width: 160px !important;
	}
	.second-logo img {
		margin-top: 6px;
	}
	.et_pb_column_0_tb_header:after {
		top: 2px !important;
  		right: 4px !important;
		background-size: 38px !important;
	}
	.et_mobile_menu {
  		top: 25px !important;
	}

}
@media (max-width: 520px) {
	.et_pb_row_0_tb_header {
		width: 95% !important;
	}
	.first-logo, .second-logo {
		width: 170px !important;
	}
	.second-logo .et_pb_image_1_tb_header {
		width: 140px !important;
	}
	.first-logo img, .second-logo img {
		width: 140px !important;
	}
	.et_pb_column_0_tb_header::after {
		right: 2px !important;
	}
	.et_mobile_menu {
  		top: 18px !important;
	}
	.sotenibilita_title .et_pb_text_0.et_pb_text_inner {
		font-size: 50px !important;
	}
}
@media (max-width: 445px) {
	.first-logo, .second-logo {
		width: 145px !important;
	}
	.first-logo img, .second-logo img {
		width: 120px !important;
	}
	.et_pb_column_0_tb_header::after {
		right: -1px !important;
	}
	.main-menu {
		width: 36px !important;
	}
	.second-logo img {
		margin-top: 8px;
	}
	.tree_focus .et_pb_team_member_image {
  		max-width: 260px !important;
	}
	.sostenibilita_title, .future_mobile-text, .progetto_title {
		font-size: 45px !important;
	}
	.et_pb_menu #menu-privacy-cookies.et-menu > li a {
  		font-size: .7em;
	}
}