/* 
Theme Name: PCO
Description: Custom theme for Wow
Author: WALLABI
Author URI: https://www.wallabi.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: pco-child-theme
*/

/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- VARIABILI GLOBALI --------------------------------------*/

:root {

}

/*-------------- MENU' ACCORDION HOME IMMAGINI--------------------------*/
.horizontal-accordion {
  display: flex;
  overflow: hidden;
  transition: all 0.5s ease;
  height: 300px;
  position: relative;
  width: 100%;
}

.accordion-item {
  position: relative;
  flex: 1 1 180px; /* grow | shrink | basis */
  transition: flex 0.5s ease;
  background-size: cover;
  background-position: center;
  text-decoration: none;
  color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  min-width: 60px; /* più comprimibile per migliorare la fluidità */
}

.accordion-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  /*z-index: -1;*/
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 240px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.accordion-title {
  font-size: 30px;
  font-weight: 400;
  z-index: 1;
  color: #fff !important;
}

/* Effetto Hover */
.accordion-item:hover {
  flex: 4 1 80%;
  z-index: 2;
}

@media (max-width: 750px) {
  .horizontal-accordion {
    /*flex-direction: column;*/
    height: auto;
    min-height: 300px;
  }

  .accordion-item {
    height: auto;
    padding: 20px;
    flex: initial;
    width: 100%;
    min-height: 120px;
  }

  .overlay {
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
  }

  .accordion-title {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 18px;
  }
}

/*-------------- MENU' ACCORDION HOME IMMAGINI--------------------------*/


.elementor-widget-image a {
	display:inline !important;
}

a.link-rosso {
	color;#ff2b00;
	text-decoration:underline;
}
a.link-rosso:hover {
	color;#c72505;
}

li.mp:hover {
    background: #ff2b00 !important;
}
li.mp a:hover {
    color: #fff !important;
}
li.mp .elementor-item-active {
    color: #fff !important;
    background: #ff2b00;
}

/*-------------- CF 7 --------------------------*/
textarea {
    overflow: auto;
    resize: vertical;
    height: 50px;
}

span.wpcf7-form-control-wrap {
    width: 600px;
		display:flex;
}

@media only screen and (max-width: 767px) {
	span.wpcf7-form-control-wrap {
			width: 350px;
			display:flex;
	}
}
/*-------------- CF 7 --------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------ DESKTOP --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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

}	


/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- TABLET VERTICALE ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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

}

/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- MOBILE VERTICALE ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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

}